配方管理修改

master
zhaoxiaolin 1 year ago
parent 19634920f6
commit c2df485920

@ -26,7 +26,7 @@
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="105px" align="center">
<el-form-item label="BOM物料编码" prop="itemCode">
<el-input
v-model="queryParams.itemCode"
v-model="queryParams.component"
placeholder="请输入BOM物料编码"
clearable
style="width: 240px"
@ -35,7 +35,7 @@
</el-form-item>
<el-form-item label="产品名称" prop="itemName">
<el-input
v-model="queryParams.itemName"
v-model="queryParams.componentName"
placeholder="请输入产品名称"
clearable
style="width: 240px"
@ -55,9 +55,6 @@
</el-table-column>
<!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
<el-table-column label="BOM物料编码" align="center" key="itemCode" prop="bomCode" v-if="columns[0].visible" >
</el-table-column>
<el-table-column label="产品名称" align="left" key="itemName" prop="productDescZh" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="BOM物料组件编码" align="left" key="component" prop="component" v-if="columns[2].visible" :show-overflow-tooltip="true" />
<el-table-column label="BOM物料组件名称" align="left" key="componentName" prop="componentName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
</el-table>
@ -112,10 +109,10 @@ export default {
pageNum: 1,
pageSize: 10,
itemName: undefined,
bomCode: undefined,
itemTypeId: 0,
component: '',
//itemTypeId: 0,
itemCodeGet: '',
productDescZh : undefined,
componentName : ''
},
//
columns: [
@ -203,51 +200,15 @@ export default {
this.handleQuery();
},
// handleCurrent(row){
// if(row){
// this.selectedRows = row;
// }
// },
// handleRowDbClick(row){
// if(row){
// this.selectedRows = row;
// this.$emit('onSelected',this.selectedRows);
// this.showFlag = false;
// }
// },
//
handleBomSelectionChange(selection) {
this.ids = selection.map(item => item.bomCode);
this.ids = selection.map(item => item.component);
this.single = selection.length!==1;
this.multiple = !selection.length;
console.log("多选框",this.ids);
},
//
// handleRowChange(row) {
// debugger;
// if(row){
// this.selectedRows = row;
// }
// },
//
// confirmSelect(){
// if(this.selectedItemId ==null || this.selectedItemId==0){
// this.$notify({
// title:'',
// type:'warning',
// message: '!'
// });
// return;
// }
// this.$emit('onSelected',this.selectedRows);
// this.showFlag = false;
// }
//
submitBomForm() {
const data = this.ids;
console.log("数据",data);

@ -183,6 +183,7 @@ export default {
loading: true,
//
ids: [],
idsName:[],
//
single: true,
//
@ -391,3 +392,40 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.tagbox {
display: flex;
/* overflow: scroll; */
position: relative;
width: 100%;
// padding-left: 26px;
margin-bottom: 15px;
.tagboxlabel {
width: 100px;
text-align: right;
vertical-align: middle;
font-size: 14px;
color: black;
line-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 12px;
}
.tag {
width: 82%;
border: 1px #dcdfe6 solid;
height: 70px;
padding: 5px 15px;
overflow-y: scroll;
.tagitem {
margin-left: 5px;
}
}
.button1 {
width: 57px;
height: 35px;
margin-left: 10px;
background: #F5F7FA;
}
}
</style>

@ -26,7 +26,7 @@
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="105px" align="center">
<el-form-item label="BOM物料编码" prop="itemCode">
<el-input
v-model="queryParams.itemCode"
v-model="queryParams.component"
placeholder="请输入BOM物料编码"
clearable
style="width: 240px"
@ -35,7 +35,7 @@
</el-form-item>
<el-form-item label="产品名称" prop="itemName">
<el-input
v-model="queryParams.itemName"
v-model="queryParams.componentName"
placeholder="请输入产品名称"
clearable
style="width: 240px"
@ -55,9 +55,6 @@
</el-table-column>
<!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column>
<el-table-column label="BOM物料编码" align="center" key="itemCode" prop="bomCode" v-if="columns[0].visible" >
</el-table-column>
<el-table-column label="产品名称" align="left" key="itemName" prop="productDescZh" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="BOM物料组件编码" align="left" key="component" prop="component" v-if="columns[2].visible" :show-overflow-tooltip="true" />
<el-table-column label="BOM物料组件名称" align="left" key="componentName" prop="componentName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
</el-table>
@ -112,10 +109,10 @@ export default {
pageNum: 1,
pageSize: 10,
itemName: undefined,
bomCode: undefined,
itemTypeId: 0,
component: '',
//itemTypeId: 0,
itemCodeGet: '',
productDescZh : undefined,
componentName : ''
},
//
columns: [
@ -219,7 +216,8 @@ export default {
//
handleBomSelectionChange(selection) {
this.ids = selection.map(item => item.bomCode);
this.ids = selection.map(item => item.component);
this.idsName = selection.map(item => item.componentName);
this.single = selection.length!==1;
this.multiple = !selection.length;
console.log("多选框",this.ids);

Loading…
Cancel
Save