3 changed files with 455 additions and 6 deletions
@ -0,0 +1,381 @@ |
|||||
|
<template> |
||||
|
<div class="appMainPage" v-loading="pageLoading"> |
||||
|
<!-- 标签管理-业务标签-拆分箱标签 --> |
||||
|
<StepsFormAlone |
||||
|
:stepArray="stepArray" |
||||
|
ref="steps_split" |
||||
|
:hideLastBtsn="true" |
||||
|
> |
||||
|
<template v-slot:stepSlot1> |
||||
|
<curren-Form |
||||
|
ref="form_split" |
||||
|
size="medium" |
||||
|
:searchData="selectData" |
||||
|
:searchForm="selectForm" |
||||
|
:rules="selectRules" |
||||
|
:searchOptions="editOptions" |
||||
|
@push="detailsDataPush(arguments)" |
||||
|
></curren-Form> |
||||
|
</template> |
||||
|
<template v-slot:stepSlot2> |
||||
|
<currenTableFlex |
||||
|
:flexTableData="flexSelectTableData" |
||||
|
:flexSearchOptions="editOptions" |
||||
|
:flexTableColumns="flexTableColumns" |
||||
|
:showAddBtn="false" |
||||
|
:showAllDeleteButton="false" |
||||
|
:isShowIndex="true" |
||||
|
></currenTableFlex> |
||||
|
</template> |
||||
|
<template v-slot:stepSlot3> |
||||
|
<!-- 结果 --> |
||||
|
<resultStatus> |
||||
|
<template> |
||||
|
<el-button @click="rest()">返回</el-button> |
||||
|
<el-button type="primary" @click="printHandle()">打印</el-button> |
||||
|
</template> |
||||
|
</resultStatus> |
||||
|
</template> |
||||
|
</StepsFormAlone> |
||||
|
<!-- 搜索按钮——窗体组件 --> |
||||
|
<searchPage |
||||
|
ref="searchTable" |
||||
|
:tableLoading="Loading.autoTableLoading" |
||||
|
:advancedFilter="advancedFilter()" |
||||
|
:filterPageListParams="filterPageListParams" |
||||
|
:formTitle="searchTitle" |
||||
|
:displayDialog="displayDialog.AddNewDialog" |
||||
|
:searchTableData="searchData" |
||||
|
:searchTableColumns="searchColumns" |
||||
|
:searchTotalCount="searchTotalCount" |
||||
|
:supplierItemPage="searchPageListParams" |
||||
|
@handleSelectionChange="prepareFormData" |
||||
|
@SizeChange="searchAlterResultCount($event, searchPageListParams)" |
||||
|
@CurrentChange="searchAlertoldSkipCount($event, searchPageListParams)" |
||||
|
@tableButtonClick="searchSubmit(arguments)" |
||||
|
></searchPage> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getPageList } from "@/api/wms-api" |
||||
|
import { initDataToHttpFormat } from "@/utils/index" |
||||
|
import { postInventoryLabelCode_count } from "@/api/wms-core" |
||||
|
import currenForm from "@/components/currenForm" |
||||
|
import StepsFormAlone from "@/components/StepsFormAlone" |
||||
|
import resultStatus from "@/components/resultStatus" |
||||
|
import currenTableFlex from "@/components/currenTableFlex" |
||||
|
import {initPrintPackingCodeTwoData} from "@/mixins/printMixin" |
||||
|
import _ from "lodash" |
||||
|
import { mixins } from "@/mixins/mixins" |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins" |
||||
|
import { filterSelectMixins } from '@/mixins/filter-Select' |
||||
|
export default { |
||||
|
name: "RecycledMaterialsLabel", |
||||
|
mixins: [ |
||||
|
mixins, |
||||
|
LoadingMixins, |
||||
|
filterSelectMixins |
||||
|
], |
||||
|
components: { |
||||
|
currenForm, |
||||
|
StepsFormAlone, |
||||
|
currenTableFlex, |
||||
|
resultStatus, |
||||
|
}, |
||||
|
watch:{ |
||||
|
"selectData.labelType"(val){ |
||||
|
console.log("watch",val) |
||||
|
this.changeFormItemShow(val) |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
let _this = this |
||||
|
return { |
||||
|
pageLoading:false, |
||||
|
// 步骤条options |
||||
|
stepArray:[ |
||||
|
{title:"信息筛选",next:()=>{return _this.firstNext()}}, |
||||
|
{title:"预览信息",cancle:()=>{return _this.sencondPre()}}, |
||||
|
{title:"打印"}, |
||||
|
], |
||||
|
selectItemInfo:{},//已选物品信息 |
||||
|
selectSupplierItemInfo:{},//已选供应商对应的物品信息 |
||||
|
selectSupplierInfo:{},//已选供应商的信息 |
||||
|
selectPoNumberInfo:{},//已选采购订单号的信息 |
||||
|
// 默认筛选数据 |
||||
|
defaultSelectData:{ |
||||
|
oldPackingCode:"",//原箱标签 |
||||
|
itemCode:"",//物品代码 |
||||
|
itemName:"",//物品名称 |
||||
|
canMake:null,//制造件 |
||||
|
canBuy:null,//采购件 |
||||
|
labelType:null,//1采购标签 2生产标签 |
||||
|
isRecycled:null,//回收件 |
||||
|
canOutsourcing:null,//外包件 |
||||
|
qty:"", |
||||
|
lot:"", |
||||
|
labelQty:"1", |
||||
|
supplierCode:"", |
||||
|
poNumber:"", |
||||
|
remark:"", |
||||
|
arriveDate:undefined, |
||||
|
produceDate:undefined, |
||||
|
}, |
||||
|
// 筛选数据 |
||||
|
selectData:{}, |
||||
|
// 筛选条件 |
||||
|
selectForm:[ |
||||
|
{ |
||||
|
type: "filterSelect", label: "原箱标签", prop: "oldPackingCode", optionsLabel: "itemCode", optionsValue: "packingCode", clearable:true, |
||||
|
focus: (type,val) => { return this.getFilterList(type, val, "wms/inventory/Inventory-Balance")}, |
||||
|
searchButton: (val) => { this.showSerarchPage(val, 'wms/inventory/Inventory-Balance', 'InventoryBalance', '箱标签选择', this.selectData) }, |
||||
|
colSpan: 12, |
||||
|
}, |
||||
|
{ type: "input",disabled:true,label: "物品代码", prop: "itemCode", colSpan: 12 }, |
||||
|
{ type: "input",disabled:true,label: "物品名称", prop: "itemName", colSpan: 12 }, |
||||
|
{ type: "select",disabled:true, label: "制造件", prop: "canMake", options: "whetherOrNot", colSpan: 12 }, |
||||
|
{ type: "select", disabled:true,label: "采购件", prop: "canBuy", options: "whetherOrNot", colSpan: 12 }, |
||||
|
{ type: "select", disabled:true,label: "标签类型", prop: "labelType", options: "labelTypeSelectOption", colSpan: 12 }, |
||||
|
{ type: "select", disabled:true,label: "回收件", prop: "isRecycled", options: "whetherOrNot", colSpan: 12 }, |
||||
|
{ type: "select", disabled:true,label: "外包件", prop: "canOutsourcing", options: "whetherOrNot", colSpan: 12 }, |
||||
|
{ type: "inputNumber", label: "实际数量", prop: "qty",colSpan: 12 }, |
||||
|
{ type: "input", label: "批次", prop: "lot", colSpan: 12 }, |
||||
|
// { type: "inputNumber", label: "标签个数", prop: "labelQty", min:1,colSpan: 12 }, |
||||
|
{ type: "dateTime", label: "生产时间", prop: "produceDate", colSpan: 12 }, |
||||
|
{ type: "dateTime", label: "到货时间", prop: "arriveDate", colSpan: 12 }, |
||||
|
{ type: "input", label: "备注", prop: "remark", colSpan: 12 }, |
||||
|
|
||||
|
{ type: "input",disabled:true,label: "供应商代码", prop: "supplierCode", colSpan: 12 }, |
||||
|
{ type: "input",disabled:true,label: "采购订单号", prop: "poNumber", colSpan: 12 }, |
||||
|
// { |
||||
|
// hide:false,type: "filterSelect", label: "供应商代码", prop: "supplierCode", optionsLabel: "supplierSimpleName", optionsValue: "supplierCode", clearable:true, |
||||
|
// beforeFocus:()=>{if(!this.selectData.itemCode || this.selectData.itemCode.length <= 0){this.$message.error('请输入物品代码'); return false}else{return true}}, |
||||
|
// focus: (type,val) => { return this.getFilterList(type, val, "basedata/supplier-item",this.isFilter("itemCode", this.selectData.itemCode))}, |
||||
|
// searchButton: (val) => { this.showSerarchPage(val, 'basedata/supplier-item', 'SupplierItem', '供应商代码', this.selectData, |
||||
|
// this.isFilter("itemCode", this.selectData.itemCode) |
||||
|
// ) }, |
||||
|
// colSpan: 12, |
||||
|
// }, |
||||
|
// { |
||||
|
// hide:false,type: "filterSelect", label: "采购订单号", prop: "poNumber",optionsValue: "poNumber", clearable:true,getType:"getPage", |
||||
|
// beforeFocus:()=>{if(!this.selectData.itemCode || this.selectData.itemCode.length <= 0){this.$message.error('请输入物品代码'); return false}else{return true}}, |
||||
|
// focus: (type,val) => { return this.getFilterList(type, {itemCode:this.selectData.itemCode}, "wms/store/supplier-asn/get-list-by-item-code")}, |
||||
|
// colSpan: 12, |
||||
|
// }, |
||||
|
], |
||||
|
// 筛选Rules |
||||
|
selectRules:{ |
||||
|
oldPackingCode: [{ required: true, trigger: "change", message: "请选择原箱标签" },], |
||||
|
// itemCode: [{ required: true, trigger: "change", message: "物品代码不能为空" },], |
||||
|
labelType:[{ required: true, trigger: "change", message: "标签类型不能为空" }], |
||||
|
qty: [{ required: true, trigger: "change", message: "实际数量不能为空" }], |
||||
|
// labelQty: [{ required: true, trigger: "change", message: "标签个数不能为空" }], |
||||
|
// supplierCode: [{ required: false, trigger: "change", message: "当前为采购标签，供应商代码为必填项" }], |
||||
|
// poNumber: [{ required: false, trigger: "change", message: "当前为采购标签，采购订单为必填项" }], |
||||
|
}, |
||||
|
// 表格头部信息 |
||||
|
flexTableColumns:[ |
||||
|
{ label: "原箱标签", prop: "oldPackingCode", }, |
||||
|
{ label: "物品代码", prop: "itemCode", }, |
||||
|
{ label: "物品名称", prop: "itemName", }, |
||||
|
{ label: "批次", prop: "lot", }, |
||||
|
{ label: "实际数量", prop: "qty", }, |
||||
|
{ width:"auto",label: "生产日期", prop: "produceDate",type: "dateTime" }, |
||||
|
{ label: "供应商代码", prop: "supplierCode", }, |
||||
|
{ label: "供应商简称", prop: "supplierSimpleName", }, |
||||
|
{ width:"auto",label: "供应商零件号", prop: "supplierItemCode", }, |
||||
|
{ width:"auto",label: "供应商零件名", prop: "supplierItemName", }, |
||||
|
{ width:"auto",label: "采购订单号", prop: "poNumber",type: "dateTime" }, |
||||
|
{ width:"auto",label: "备注", prop: "remark", }, |
||||
|
{ width:"auto",label: "箱标签", prop: "packingCode",fixed:"right" }, |
||||
|
], |
||||
|
// 已选数据信息 |
||||
|
flexSelectTableData:[], |
||||
|
}; |
||||
|
}, |
||||
|
created(){ |
||||
|
this.selectData = this.defaultSelectData |
||||
|
}, |
||||
|
methods: { |
||||
|
consoleLog(){ |
||||
|
console.log('selectItemInfo',this.selectItemInfo)//basedata/item-basic/list |
||||
|
console.log('selectData',this.selectData) |
||||
|
console.log('selectSupplierItemInfo',this.selectSupplierItemInfo)//basedata/supplier-item/list |
||||
|
console.log('selectSupplierInfo',this.selectSupplierInfo)//basedata/supplier/{id} |
||||
|
console.log('selectPoNumberInfo',this.selectPoNumberInfo) |
||||
|
}, |
||||
|
// 返回 |
||||
|
rest(){ |
||||
|
this.selectItemInfo={}; |
||||
|
this.selectSupplierItemInfo = {} |
||||
|
this.selectPoNumberInfo = {} |
||||
|
this.selectSupplierInfo = {} |
||||
|
this.selectData = this.defaultSelectData |
||||
|
this.flexSelectTableData = []; |
||||
|
this.$refs.steps_split.returnFirstActive() |
||||
|
this.$refs.form_split.getDom().resetFields(); |
||||
|
}, |
||||
|
// 获取固定prop在表单中的索引值 |
||||
|
getFormPropIndex(prop){ |
||||
|
let _index = null |
||||
|
this.selectForm.forEach((item,key)=>{ |
||||
|
if(item.prop == prop)_index = key |
||||
|
}) |
||||
|
return _index |
||||
|
}, |
||||
|
// 第一部物品代码点击拉取 |
||||
|
detailsDataPush (val) { |
||||
|
// 点击原箱标签（todo:数据确定） |
||||
|
if(val[1].prop == "oldPackingCode"){ |
||||
|
this.rest() |
||||
|
this.selectItemInfo = val[0]; |
||||
|
this.selectSupplierItemInfo = val[0];//todo：供应商信息确认 |
||||
|
this.selectPoNumberInfo = val[0];//todo：采购订单信息确认 |
||||
|
this.selectData.oldPackingCode = this.selectItemInfo.packingCode |
||||
|
this.selectData.itemCode = this.selectItemInfo.itemCode |
||||
|
this.selectData.itemName = this.selectItemInfo.itemName |
||||
|
this.selectData.canBuy=this.selectItemInfo.canBuy; |
||||
|
this.selectData.canMake=this.selectItemInfo.canMake; |
||||
|
this.selectData.isRecycled=this.selectItemInfo.isRecycled; |
||||
|
this.selectData.canOutsourcing=this.selectItemInfo.canOutsourcing; |
||||
|
|
||||
|
// 采购件、制造件只有一个为true 则自动生成比标签类型，并设置不可修改 |
||||
|
let _labelType_index = this.getFormPropIndex('labelType') |
||||
|
if((this.selectItemInfo.canBuy && !this.selectItemInfo.canMake) || (!this.selectItemInfo.canBuy && this.selectItemInfo.canMake)){ |
||||
|
this.selectData.labelType = this.selectItemInfo.canBuy ? 1 : 2; |
||||
|
this.selectForm[_labelType_index].disabled = true |
||||
|
}else{ |
||||
|
this.selectData.labelType = null |
||||
|
this.selectForm[_labelType_index].disabled = false |
||||
|
} |
||||
|
} |
||||
|
// 点击供应商 |
||||
|
// if(val[1].prop == "supplierCode"){ |
||||
|
// this.selectSupplierItemInfo = val[0]; |
||||
|
// this.selectData.supplierCode = this.selectSupplierItemInfo.supplierCode |
||||
|
// let params = { |
||||
|
// condition: { |
||||
|
// filters: [] |
||||
|
// } |
||||
|
// } |
||||
|
// params.condition.filters.push(...this.isFilter("code", this.selectData.supplierCode)) |
||||
|
// getPageList(params, "basedata/supplier").then(res => { |
||||
|
// this.selectSupplierInfo = res.items[0] |
||||
|
// }) |
||||
|
// } |
||||
|
// 点击采购单 |
||||
|
// if(val[1].prop == "poNumber"){ |
||||
|
// this.selectPoNumberInfo = val[0]; |
||||
|
// } |
||||
|
}, |
||||
|
// 更改表单显示数据 |
||||
|
changeFormItemShow(val){ |
||||
|
this.selectData.labelType = val |
||||
|
let _poNumber_index = this.getFormPropIndex('poNumber') |
||||
|
let _supplierCode_index = this.getFormPropIndex('supplierCode') |
||||
|
// 采购标签 |
||||
|
if(this.selectData.labelType == 1){ |
||||
|
this.selectForm[_poNumber_index].hide = false |
||||
|
this.selectForm[_supplierCode_index].hide = false |
||||
|
// this.selectRules.poNumber[0].required = true |
||||
|
// this.selectRules.supplierCode[0].required = true |
||||
|
} |
||||
|
// 生产标签 |
||||
|
else{ |
||||
|
this.selectForm[_poNumber_index].hide = true |
||||
|
this.selectForm[_supplierCode_index].hide = true |
||||
|
// this.selectRules.poNumber[0].required = false |
||||
|
// this.selectRules.supplierCode[0].required = false |
||||
|
} |
||||
|
}, |
||||
|
// 第一步骤下一步操作 |
||||
|
firstNext(){ |
||||
|
return new Promise((resolve,reject) => { |
||||
|
this.$refs['form_split'].getDom().validate(valid=>{ |
||||
|
if(valid){ |
||||
|
// this.consoleLog() |
||||
|
let _data = { |
||||
|
// fullBarcodeString: undefined,//获取不到 |
||||
|
itemCode: this.selectData.itemCode || null, |
||||
|
itemName: this.selectItemInfo.itemName || null, |
||||
|
itemDesc1: this.selectItemInfo.itemDesc1 || null, |
||||
|
itemDesc2: this.selectItemInfo.itemDesc2 || null, |
||||
|
lot: this.selectData.lot || "", |
||||
|
// supplierBatch: undefined,//获取不到 |
||||
|
arriveDate: initDataToHttpFormat(this.selectData.arriveDate), |
||||
|
produceDate: initDataToHttpFormat(this.selectData.produceDate), |
||||
|
// expireDate: undefined,//获取不到 |
||||
|
stdPackQty: Number(this.selectItemInfo.stdPackQty) || 0, |
||||
|
uom: this.selectItemInfo.basicUom || "", |
||||
|
qty: Number(this.selectData.qty), |
||||
|
labelStatus: 1,//标签状态 |
||||
|
// recommendLocationCode: undefined,//获取不到 |
||||
|
// locationErpCode: undefined,//获取不到 |
||||
|
// containerCode: undefined,//获取不到 |
||||
|
supplierCode: this.selectData.supplierCode, |
||||
|
poNumber: this.selectData.poNumber, |
||||
|
rpNumber: this.selectPoNumberInfo.rpNumber, |
||||
|
asnNumber: this.selectPoNumberInfo.number, |
||||
|
// qLevel: this.selectItemInfo.qLevel || undefined,//获取不到 |
||||
|
// qualityFile: undefined,//获取不到 |
||||
|
// prodLine: undefined,//获取不到 |
||||
|
// team: undefined,//获取不到 |
||||
|
// shift: undefined,//获取不到 |
||||
|
specifications: this.selectItemInfo.color || null, |
||||
|
supplierName: this.selectSupplierItemInfo.supplierName, |
||||
|
supplierSimpleName: this.selectSupplierItemInfo.supplierSimpleName, |
||||
|
supplierItemCode: this.selectSupplierItemInfo.supplierItemCode, |
||||
|
supplierItemName: this.selectSupplierItemInfo.itemName, |
||||
|
labelType: this.selectData.labelType, |
||||
|
planArriveDate: initDataToHttpFormat(this.selectPoNumberInfo.planArriveDate), |
||||
|
remark:this.selectData.remark,//接口缺少 |
||||
|
} |
||||
|
// 生成标签（接口） |
||||
|
this.pageLoading = true; |
||||
|
postInventoryLabelCode_count({count:this.selectData.labelQty}, _data) |
||||
|
.then(res => { |
||||
|
this.pageLoading = false |
||||
|
this.flexSelectTableData = res |
||||
|
this.flexSelectTableData.forEach(item=>{ |
||||
|
item.packingCode=item.code |
||||
|
}) |
||||
|
this.flexSelectTableData[0].oldPackingCode = this.selectData.oldPackingCode |
||||
|
resolve() |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
this.pageLoading = false |
||||
|
reject() |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
// 第二步返回 |
||||
|
sencondPre(){ |
||||
|
return new Promise((resolve,reject) => { |
||||
|
resolve() |
||||
|
}) |
||||
|
}, |
||||
|
// 打印 |
||||
|
printHandle(){ |
||||
|
let _oldData = this.selectItemInfo |
||||
|
let _newData = this.flexSelectTableData[0] |
||||
|
_oldData.title = "原箱标签" |
||||
|
_newData.title = "拆分箱标签" |
||||
|
this.Print(initPrintPackingCodeTwoData(_oldData,_newData)) |
||||
|
}, |
||||
|
//过滤查询条件 |
||||
|
isFilter (val, data) { |
||||
|
let filter = [ |
||||
|
{ |
||||
|
logic: "And", |
||||
|
column: val, |
||||
|
action: "==", |
||||
|
value: data |
||||
|
} |
||||
|
] |
||||
|
return filter |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue