13 changed files with 1052 additions and 376 deletions
@ -0,0 +1,2 @@ |
|||
export const overPagePrint="overPage_print" |
|||
export const overPageTemplate="overPage_Template" |
|||
@ -0,0 +1,133 @@ |
|||
<template> |
|||
<view class="uni-flex uni-column" style="width: 100%"> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 22%; font-size: 35rpx; font-weight: bold">打印机 :</text> |
|||
<view class="uni-flex" style="uni-row; width: 78%; justify-content: space-between; align-items: center; "> |
|||
<view class="customerBorder" @click="showSelectPrint"> |
|||
{{ printName }} |
|||
</view> |
|||
<u-select v-model="showPrintSelect" mode="mutil-column-auto" :list="printList" @confirm="confirmSelectPrint"></u-select> |
|||
|
|||
<view class="" style=""> |
|||
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectPrint"> </image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 22%; font-size: 35rpx; font-weight: bold">模版 :</text> |
|||
|
|||
<view class="uni-flex" style="uni-row; width: 78%; justify-content: space-between; align-items: center; "> |
|||
<view class="customerBorder" @click="showSelectTemplate"> |
|||
{{ templateName }} |
|||
</view> |
|||
<u-select v-model="showTemplateSelect" mode="mutil-column-auto" :list="templateList" @confirm="confirmSelectTemplate"></u-select> |
|||
|
|||
<view class=""> |
|||
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectTemplate"> </image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getPrintList, getPrintTemplateList } from '@/api/request2.js' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
showPrintSelect: false, |
|||
printName: '请选择打印机', |
|||
printCode: '', |
|||
showTemplateSelect: false, |
|||
templateName: '请选择打印模版', |
|||
templateCode: '', |
|||
printList: [], |
|||
templateList: [] |
|||
} |
|||
}, |
|||
// 此处定义传入的数据 |
|||
props: { |
|||
// printList: { |
|||
// type: Array, |
|||
// default() { |
|||
// return []; |
|||
// } |
|||
// }, |
|||
// templateList: { |
|||
// type: Array, |
|||
// default() { |
|||
// return []; |
|||
// } |
|||
// }, |
|||
// printDeafult:{ |
|||
// type:String, |
|||
// default:"" |
|||
// }, |
|||
// templateDeafult:{ |
|||
// type:String, |
|||
// default:"" |
|||
// }, |
|||
}, |
|||
methods: { |
|||
setDefaultData(printDeafult, templateDeafult) { |
|||
this.templateName = printDeafult.name |
|||
this.printCode = printDeafult.code |
|||
this.templateName = templateDeafult.name |
|||
this.templateCode = templateDeafult.code |
|||
}, |
|||
|
|||
showErrorMessage(message, type) { |
|||
setTimeout((r) => { |
|||
this.$refs.comMessage.showErrorMessage(message, (res) => {}) |
|||
}) |
|||
}, |
|||
showSelectPrint() { |
|||
this.showPrintSelect = true |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getPrintList() |
|||
.then((res) => { |
|||
this.printList = [] |
|||
}) |
|||
.catch((error) => {}) |
|||
}, |
|||
confirmSelectPrint() { |
|||
this.printCode = '' |
|||
this.$emit('printCode', this.printCode) |
|||
}, |
|||
showSelectTemplate() { |
|||
this.showTemplateSelect = true |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getPrintTemplateList() |
|||
.then((res) => { |
|||
this.templateList = [] |
|||
}) |
|||
.catch((error) => {}) |
|||
}, |
|||
confirmSelectTemplate() { |
|||
this.templateCode = '' |
|||
this.$emit('templateCode', this.templateCode) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.customerBorder { |
|||
width: 100%; |
|||
border: 1rpx solid lightgray; |
|||
border-radius: 5rpx; |
|||
padding: 15rpx; |
|||
} |
|||
</style> |
|||
|
|||
<style></style> |
|||
@ -0,0 +1,437 @@ |
|||
<template> |
|||
<view class=""> |
|||
<uni-popup ref="popup" :maskClick="false"> |
|||
<view class="uni-flex uni-column pop_customer"> |
|||
<view class="" style="padding: 10rpx"> |
|||
<view class="uni-flex u-col-center uni-row space-between" style="padding: 10rpx 10rpx 20rpx 10rpx"> |
|||
<view class="" style="font-size: 35rpx"> |
|||
{{ title }} |
|||
</view> |
|||
<image style="width: 35rpx; height: 35rpx" src="/static/icons/icons_close.svg" @click="closeRequestPopup()"></image> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
<view class="uni-flex uni-column" style="background-color: white"> |
|||
<view class="uni-flex uni-column"> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 25%">生产线：</text> |
|||
<view class="customerBorder" @click="showSelectLine"> |
|||
{{ productionLineName }} |
|||
</view> |
|||
<u-select v-model="showProductLineSelect" mode="mutil-column-auto" :list="productLineList" @confirm="confirmSelectLine"></u-select> |
|||
|
|||
<view class=""> |
|||
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectLine"> </image> |
|||
</view> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 25%">计划日期：</text> |
|||
<view class="customerBorder" @click="showSelectDate"> |
|||
{{ planDate }} |
|||
</view> |
|||
<u-select v-model="showDateSelect" mode="mutil-column-auto" :list="planDateList" @confirm="confirmSelectDate"></u-select> |
|||
|
|||
<view class=""> |
|||
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectDate"> </image> |
|||
</view> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 25%">物料代码：</text> |
|||
<view class="customerBorder"> |
|||
{{ itemCode }} |
|||
</view> |
|||
<view v-if="planQty > 0">{{ planQty }}({{ getUomInfo(uom) }})</view> |
|||
<u-select v-model="showItemCodeSelect" mode="single-column" :list="itemCodeList" @confirm="confirmSelectItem"></u-select> |
|||
<view class=""> |
|||
<image src="" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx"> </image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="split_line"></view> |
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 25%">包装规格：</text> |
|||
<view class="customerBorder"> |
|||
{{ packUnitName }} |
|||
</view> |
|||
<u-select v-model="showPackUnitSelect" mode="single-column" :list="packUnitList" @confirm="confirmSelectPackUnit"></u-select> |
|||
<view class=""> |
|||
<image src="/static/icons/down.svg" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectPackUnit"> </image> |
|||
</view> |
|||
</view> |
|||
<view class="split_line"></view> |
|||
|
|||
<view class="title" style="display: flex; align-items: center; padding: 10rpx"> |
|||
<text style="flex-shrink: 0; width: 25%">批次：</text> |
|||
<uni-easyinput v-model="batch"></uni-easyinput> |
|||
<view class=""> |
|||
<image src="" mode="" style="width: 40rpx; height: 40rpx; margin-left: 20rpx" @click="showSelectLine"> </image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="split_line"></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="uni-flex uni-row hide_border"> |
|||
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="cancel()">取消</button> |
|||
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getIssueJobByProductionline, getPlaneInfoByproductLine, getPackUnitByItemCode, getProductionlineAndWorkStation } from '@/api/request2.js' |
|||
import { getPackUnitName, getUomInfo } from '@/common/directory.js' |
|||
|
|||
import { getCurrDate, getBatch8, dateFormatData, lastThreeDays } from '@/common/basic.js' |
|||
|
|||
import { calc } from '@/common/calc.js' |
|||
|
|||
import uom from '@/mycomponents/qty/uom.vue' |
|||
import packQty from '@/mycomponents/qty/packQty.vue' |
|||
import balanceStatus from '@/mycomponents/status/balanceStatus.vue' |
|||
import winScanItem from '@/mycomponents/scan/winScanItem.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
uom, |
|||
balanceStatus, |
|||
winScanItem, |
|||
packQty |
|||
}, |
|||
data() { |
|||
return { |
|||
itemCode: '请选择物料信息', |
|||
uom: '', |
|||
qty: null, |
|||
planQty: 0, |
|||
goodQty: 0, |
|||
planNumber: '', |
|||
productLineCode: '', |
|||
showProductLineSelect: false, |
|||
productLineList: [], |
|||
productionLineName: '请选择生产线', |
|||
productionLineCode: '', |
|||
batch: '', |
|||
packUnitName: '请选择包装规格', |
|||
packUnit: '', |
|||
packUnitList: [], |
|||
packQtyHint: '', |
|||
packQty: 0, |
|||
showPackUnitSelect: false, |
|||
itemCodeList: [], |
|||
showItemCodeSelect: false, |
|||
workStationCode: '', |
|||
planDate: '', |
|||
showDateSelect: false, |
|||
planDateList: [], |
|||
fgLocationCode: '', |
|||
rawLocationCode: '' |
|||
} |
|||
}, |
|||
props: { |
|||
title: { |
|||
type: String, |
|||
default: '开工阶段' |
|||
}, |
|||
itemCodeTypeList: { |
|||
type: Array, |
|||
default: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
openRequestPopup() { |
|||
this.initData() |
|||
this.planDate = getCurrDate() |
|||
this.batch = getBatch8() |
|||
this.$refs.popup.open('bottom') |
|||
}, |
|||
initData() { |
|||
this.itemCode = '请选择物料信息' |
|||
this.uom = '' |
|||
this.planQty = 0 |
|||
this.goodQty = 0 |
|||
this.packQty = 0 |
|||
this.planNumber = '' |
|||
this.productLineCode = '' |
|||
this.showProductLineSelect = false |
|||
this.productLineList = [] |
|||
this.productionLineName = '请选择生产线' |
|||
this.productionLineCode = '' |
|||
this.batch = '' |
|||
this.packUnitName = '请选择包装规格' |
|||
;(this.packUnit = ''), (this.packQtyHint = '') |
|||
this.showPackUnitSelect = false |
|||
// this.packUnitList = [] |
|||
this.itemCodeList = [] |
|||
this.showItemCodeSelect = false |
|||
this.workStationCode = '' |
|||
this.planDate = '' |
|||
this.showDateSelect = false |
|||
this.planDateList = [] |
|||
this.fgLocationCode = '' |
|||
this.rawLocationCode = '' |
|||
}, |
|||
|
|||
closeRequestPopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
itemCodeLoseFocus() { |
|||
this.itemCodeFocus = false |
|||
}, |
|||
|
|||
confirm() { |
|||
if (!this.planDate) { |
|||
this.showErrorMessage('请先选择计划日期') |
|||
return |
|||
} |
|||
|
|||
if (this.productionLineName == '请选择生产线') { |
|||
this.showErrorMessage('请选择生产线') |
|||
return |
|||
} |
|||
|
|||
if (!this.batch) { |
|||
this.showErrorMessage('请输入批次例如:20200101') |
|||
return |
|||
} |
|||
|
|||
if (this.itemCode == '请选择物料信息') { |
|||
this.showErrorMessage('请选择物料信息') |
|||
return |
|||
} |
|||
|
|||
if (this.packUnitName == '请选择包装规格') { |
|||
this.showErrorMessage('请选择包装规格') |
|||
return |
|||
} |
|||
|
|||
this.callback() |
|||
}, |
|||
|
|||
callback() { |
|||
const item = { |
|||
productionLineName: this.productionLineName, |
|||
productionLineCode: this.productionLineCode, // 生产线 |
|||
itemCode: this.itemCode, |
|||
uom: this.getUomInfo(this.uom), |
|||
batch: this.batch, |
|||
packUnitName: this.packUnitName, |
|||
packUnit: this.packUnit, |
|||
packQtyHint: this.packQtyHint, |
|||
packQty: this.packQty, |
|||
planQty: this.planQty, |
|||
goodQty: this.goodQty, |
|||
planNumber: this.planNumber, |
|||
workStationCode: this.workStationCode, |
|||
fgLocationCode: this.fgLocationCode, |
|||
rawLocationCode: this.rawLocationCode |
|||
} |
|||
this.closeRequestPopup() |
|||
this.$emit('confirm', item) |
|||
}, |
|||
|
|||
showErrorMessage(message, type) { |
|||
setTimeout((r) => { |
|||
this.$refs.comMessage.showErrorMessage(message, (res) => {}) |
|||
}) |
|||
}, |
|||
cancel(e) { |
|||
this.closeRequestPopup() |
|||
}, |
|||
|
|||
confirmSelectLine(data) { |
|||
this.productionLineName = `${data[0].label}—${data[1].label}` |
|||
this.productionLineCode = data[0].value |
|||
this.workStationCode = data[1].value |
|||
const parent = this.productLineList.filter((res) => res.value == this.productionLineCode) |
|||
const fgLocation = parent[0].children.filter((children) => children.value == this.workStationCode) |
|||
this.fgLocationCode = fgLocation[0].fgLocationCode |
|||
this.clearItemCode() |
|||
this.clearPackUnit() |
|||
}, |
|||
clearItemCode() { |
|||
this.planDate = getCurrDate() |
|||
this.itemCode = '请选择物料信息' |
|||
this.uom = '' |
|||
this.planQty = 0 |
|||
this.goodQty = 0 |
|||
this.planNumber = '' |
|||
}, |
|||
|
|||
confirmSelectDate(data) { |
|||
this.planDate = data[0].label |
|||
}, |
|||
|
|||
showSelectDate() { |
|||
this.showDateSelect = true |
|||
const list = lastThreeDays(3) |
|||
this.planDateList = [] |
|||
list.forEach((res) => { |
|||
this.planDateList.push({ |
|||
label: res, |
|||
value: '' |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
showSelectLine() { |
|||
if (this.productLineList.length == 0) { |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getProductionlineAndWorkStation() |
|||
.then((res) => { |
|||
uni.hideLoading() |
|||
if (res.data && res.data.length > 0) { |
|||
this.productLineList = res.data |
|||
this.showProductLineSelect = true |
|||
} else { |
|||
this.showErrorMessage('未查找到生产线信息') |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} else { |
|||
this.showProductLineSelect = true |
|||
} |
|||
}, |
|||
showSelectItemCode() { |
|||
if (!this.planDate) { |
|||
this.showErrorMessage('请先选择计划日期') |
|||
return |
|||
} |
|||
if (!this.productionLineCode) { |
|||
this.showErrorMessage('请先选择生产线') |
|||
return |
|||
} |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getPlaneInfoByproductLine(this.productionLineCode, this.planDate) |
|||
.then((res) => { |
|||
uni.hideLoading() |
|||
if (res.data && res.data.length > 0) { |
|||
res.data.forEach((item) => { |
|||
item.label = `${item.itemCode}（${item.planQty}${this.getUomInfo(item.uom)})` |
|||
item.value = item |
|||
}) |
|||
this.itemCodeList = res.data |
|||
this.showItemCodeSelect = true |
|||
} else { |
|||
this.showErrorMessage('未查找到物料信息') |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
confirmSelectItem(data) { |
|||
const productionPlan = data[0].value |
|||
this.itemCode = productionPlan.itemCode |
|||
this.uom = productionPlan.uom |
|||
this.planQty = productionPlan.planQty |
|||
this.goodQty = productionPlan.goodQty |
|||
this.planNumber = productionPlan.number |
|||
|
|||
// 清除其他数据 |
|||
this.clearPackUnit() |
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getPackUnitByItemCode(this.itemCode) |
|||
.then((res) => { |
|||
uni.hideLoading() |
|||
if (res.data && res.data.list.length > 0) { |
|||
res.data.list.forEach((item) => { |
|||
item.value = item.packUnit |
|||
item.label = `${getPackUnitName(item.packUnit)}(${item.packQty}${this.getUomInfo(item.uom)})` |
|||
}) |
|||
this.packUnitList = res.data.list |
|||
const defaultData = res.data.list.filter((item) => item.defaultPackageunit == 'TRUE') |
|||
this.confirmSelectPackUnit(defaultData) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
uni.hideLoading() |
|||
}) |
|||
}, |
|||
|
|||
clearPackUnit() { |
|||
this.packUnitName = '请选择包装规格' |
|||
this.packUnit = '' |
|||
const pack = this.packUnitList.filter((r) => r.packUnit == this.packUnit) |
|||
this.packQtyHint = '' |
|||
this.packQty = 0 |
|||
}, |
|||
|
|||
showSelectPackUnit() { |
|||
if (this.itemCode == '请选择物料信息') { |
|||
this.showErrorMessage('请先选择物料') |
|||
return |
|||
} |
|||
|
|||
uni.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getPackUnitByItemCode(this.itemCode) |
|||
.then((res) => { |
|||
uni.hideLoading() |
|||
if (res.data && res.data.list.length > 0) { |
|||
res.data.list.forEach((item) => { |
|||
item.value = item.packUnit |
|||
item.label = `${getPackUnitName(item.packUnit)}(${item.packQty}${this.getUomInfo(item.uom)})` |
|||
}) |
|||
this.packUnitList = res.data.list |
|||
this.showPackUnitSelect = true |
|||
} else { |
|||
this.showErrorMessage('未查找到包装信息') |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
confirmSelectPackUnit(data) { |
|||
this.packUnitName = data[0].label |
|||
this.packUnit = data[0].value |
|||
const pack = this.packUnitList.filter((r) => r.packUnit == this.packUnit) |
|||
this.packQtyHint = `${pack[0].packQty}(${this.getUomInfo(pack[0].uom)})` |
|||
this.packQty = pack[0].packQty |
|||
}, |
|||
getUomInfo(uom) { |
|||
const item = getUomInfo(uom) |
|||
if (item == '') { |
|||
return uom |
|||
} |
|||
return item.label |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.title { |
|||
font-size: 30rpx; |
|||
} |
|||
|
|||
.customerBorder { |
|||
width: 100%; |
|||
border: 1rpx solid lightgray; |
|||
border-radius: 5rpx; |
|||
padding: 15rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue