From ed2f5cbcb482a22fbf799cf14ff3d3152669e7ac Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期三, 27 九月 2023 18:17:02 +0800
Subject: [PATCH] modified: src/assets/api/controller.js modified: src/components/view/mbom.vue modified: src/components/view/standard.vue
---
src/components/view/standard.vue | 215 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 122 insertions(+), 93 deletions(-)
diff --git a/src/components/view/standard.vue b/src/components/view/standard.vue
index f3355c9..a2b6cc0 100644
--- a/src/components/view/standard.vue
+++ b/src/components/view/standard.vue
@@ -13,44 +13,50 @@
</div>
<div class="thing">
<div class="left">
- <el-row :gutter="5" >
- <el-col :span="21">
- <el-input v-model="search" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable></el-input>
- </el-col>
- <el-col :span="2">
- <el-button size="mini" icon="el-icon-plus" @click="bomLeftAdd=true"></el-button>
- </el-col>
- </el-row>
- <el-row style="margin-top: 16px;">
- <el-tree :data="list" ref="tree" default-expand-all :props="{ children: 'children', label: 'name' }"
- node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current>
- <div class="custom-tree-node" slot-scope="{ node, data }">
- <span><i :class="`node_i ${data.code != '[5]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
- {{ data.code }}{{ data.name }}</span>
- <el-button type="text" size="mini" @click.stop="remove(node, data)">
- <i class="el-icon-delete"></i>
- </el-button>
- </div>
- </el-tree>
- </el-row>
+ <div class="left_search">
+ <el-row :gutter="5">
+ <el-col :span="21">
+ <el-input v-model="search" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable></el-input>
+ </el-col>
+ <el-col :span="2">
+ <el-button size="mini" icon="el-icon-plus" @click="bomLeftAdd=true"></el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="left_tree">
+ <el-row>
+ <el-col :span="24">
+ <el-tree :data="list" ref="tree" default-expand-all :props="{ children: 'children', label: 'name' }"
+ node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current>
+ <div class="custom-tree-node" slot-scope="{ node, data }">
+ <span><i :class="`node_i ${data.code != '[5]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ {{ data.code }}{{ data.name }}</span>
+ <el-button type="text" size="mini" @click.stop="remove(node, data)">
+ <i class="el-icon-delete"></i>
+ </el-button>
+ </div>
+ </el-tree>
+ </el-col>
+ </el-row>
+ </div>
</div>
<div class="right">
<div class="choose">
<span>绫诲瀷锛�</span>
<el-select v-model="tableType" size="small" placeholder="璇烽�夋嫨" @change="TYPE"
- style="width: 224px;margin-right: 52px;">
+ style="width: 13vw;margin-right: 15px;">
<el-option :value="0" label="宸ヨ壓璺嚎"></el-option>
<el-option :value="1" label="鎶�鏈寚鏍�"></el-option>
<el-option :value="2" label="鐗╂枡娓呭崟"></el-option>
<el-option :value="3" label="鐢熶骇宸ヨ壓"></el-option>
</el-select>
<span>鐗堟湰锛�</span>
- <el-select v-model="versionVal" @change="verevent" size="small" style="width: 280px;margin-right: 52px;" placeholder="璇烽�夋嫨">
+ <el-select v-model="versionVal" @change="verevent" size="small" style="width: 13vw;margin-right: 15px;" placeholder="璇烽�夋嫨">
<el-option v-for="(item,index) in versionData" :key="index" :label="item.label" :value="item.value">
</el-option>
</el-select>
<span>{{ tableType == 1 ? '椤圭洰锛�' : '宸ヨ壓鍚嶇О锛�' }}</span>
- <el-input v-model="searchName" size="small" placeholder="璇疯緭鍏�" style="width: 224px;margin-right:10px"
+ <el-input v-model="searchName" size="small" placeholder="璇疯緭鍏�" style="width: 13vw;margin-right:15px"
clearable></el-input>
<el-button size="mini" @click="() => { searchName = ''; selectAll() }">
<span>閲� 缃�</span>
@@ -64,7 +70,7 @@
<technology @childData="getChildData" @updateDevice="updateDevice" :tableType="tableType" :tableData="tableData"></technology>
</div>
<div class="contentTable" v-if="this.typeselect == 1">
- <target @childData="getChildData" :tableType="tableType" :tableData="tableData"></target>
+ <target @childData="getChildData" :tableType="tableType" :tableData="tableData"></target>
</div>
<div class="contentTable" v-if="this.typeselect == 2">
<material @childData="getChildData" :tableType="tableType" :tableData="tableData"></material>
@@ -82,34 +88,34 @@
ref="technologyForm" :rules="technologyRules" label-width="90px">
<el-row>
<el-col :span="12">
- <el-form-item label="宸ュ簭:" prop="tefather">
- <el-select size="small"
- filterable allow-create default-first-option
+ <el-form-item label="宸ュ簭:" prop="tefather" style="display: flex;">
+ <el-select size="small"
+ filterable allow-create default-first-option style="width: 100%;"
v-model="technologyForm.tefather" placeholder="璇疯緭鍏ユ垨閫夋嫨宸ュ簭">
<el-option :value="item.father" :label="item.father" v-for="(item,index) in fatherList" :key="index"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="宸ヨ壓鍚嶇О:" prop="tename">
- <el-input size="small" placeholder="璇疯緭鍏ュ伐鑹哄悕绉�"
+ <el-form-item label="宸ヨ壓鍚嶇О:" prop="tename" style="display: flex;">
+ <el-input style="width: 100%;" size="small" placeholder="璇疯緭鍏ュ伐鑹哄悕绉�"
clearable v-model="technologyForm.tename"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
- <el-form-item label="璁惧缁�:" prop="deviceGroup">
- <el-select placeholder="璇烽�夋嫨璁惧缁�" size="small"
+ <el-form-item label="璁惧缁�:" prop="deviceGroup" style="display: flex;">
+ <el-select placeholder="璇烽�夋嫨璁惧缁�" size="small" style="width: 100%;"
v-model="technologyForm.deviceGroup">
- <el-option :value="item.father"
+ <el-option :value="item.father"
v-for="(item,index) in deviceList" :key="index" :label="item.father"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鐢熶骇瀹氶:" prop="productionQuota">
- <el-input size="small" clearable v-model.number="technologyForm.productionQuota" placeholder="璇疯緭鍏ョ敓浜у畾棰�" />
+ <el-form-item label="鐢熶骇瀹氶:" prop="productionQuota" style="display: flex;">
+ <el-input style="width: 100%;" size="small" clearable v-model.number="technologyForm.productionQuota" placeholder="璇疯緭鍏ョ敓浜у畾棰�" />
</el-form-item>
</el-col>
</el-row>
@@ -126,7 +132,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="宸ュ簭:" prop="pfather">
- <el-select v-model="targetForm.pfather"
+ <el-select v-model="targetForm.pfather"
@change="changeFather" size="small" placeholder="璇烽�夋嫨宸ュ簭">
<el-option :value="item.name" :label="item.name" v-for="(item,index) in targetFormList" :key="index"></el-option>
</el-select>
@@ -145,7 +151,7 @@
<el-col :span="12">
<el-form-item label="椤圭洰:" prop="father">
<el-select v-model="targetForm.father"
- filterable allow-create default-first-option
+ filterable allow-create default-first-option
size="small" placeholder="璇疯緭鍏ユ垨閫夋嫨椤圭洰">
<el-option :value="item.father" :label="item.father" v-for="(item,index) in projectList" :key="index"></el-option>
</el-select>
@@ -153,7 +159,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="鎸囨爣鍚嶇О:" prop="name">
- <el-input size="small" v-model="targetForm.name" placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"/>
+ <el-input size="small" v-model="targetForm.name" placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"/>
</el-form-item>
</el-col>
</el-row>
@@ -194,16 +200,16 @@
style="width:100%;" v-model="materialForm.mfather" size="small">
<el-option v-for="(item,index) in materialFormList" :key="index"
:label="item.name" :value="item.name" ></el-option>
- </el-select>
+ </el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="宸ヨ壓鍚嶇О:" prop="mtechnologyId">
- <el-select placeholder="璇烽�夋嫨宸ヨ壓鍚嶇О" style="width:100%;"
+ <el-select placeholder="璇烽�夋嫨宸ヨ壓鍚嶇О" style="width:100%;"
v-model="materialForm.mtechnologyId" size="small">
- <el-option v-for="(item,index) in mIdList" :key="index"
+ <el-option v-for="(item,index) in mIdList" :key="index"
:value="item.id" :label="item.name"></el-option>
- </el-select>
+ </el-select>
</el-form-item>
</el-col>
</el-row>
@@ -220,12 +226,12 @@
<el-table :data="materialForm.tableList" border max-height="470"
:cell-style="{height:'20px',textAlign:'left'}"
:header-cell-style="{height:'20px'}">
- <el-table-column label="渚涘簲鍟嗗悕绉�">
+ <!-- <el-table-column label="渚涘簲鍟嗗悕绉�">
<template slot-scope="scope">
<el-input size="mini" v-model="scope.row.supplier"
placeholder="璇疯緭鍏�"></el-input>
</template>
- </el-table-column>
+ </el-table-column> -->
<el-table-column label="璐ㄩ噺杩芥函鍙�">
<template slot-scope="scope">
<el-input size="mini" v-model="scope.row.qualityTraceability"
@@ -256,6 +262,11 @@
placeholder="璇疯緭鍏�"></el-input>
</template>
</el-table-column>
+ <el-table-column label="鎿嶄綔" width="60">
+ <template slot-scope="scope">
+ <el-button type="text" @click="removeMTableRow(scope.$index)">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
</el-table>
</el-col>
</el-row>
@@ -272,7 +283,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="宸ュ簭:" prop="profather">
- <el-select v-model="productForm.profather"
+ <el-select v-model="productForm.profather"
@change="changeProduct" placeholder="璇烽�夋嫨宸ュ簭" size="small">
<el-option v-for="(item,index) in productFormList" :key="index"
:value="item.name" :label="item.name"></el-option>
@@ -431,8 +442,8 @@
father:{required:true,message:'椤圭洰涓嶈兘涓虹┖',trigger:'change'},
name:{required:true,message:'鎸囨爣鍚嶇О涓嶈兘涓虹┖',trigger:'blur'},
unit:{required:true,message:'鍗曚綅涓嶈兘涓虹┖',trigger:'change'},
- internal:{validator:checkVal,trigger:'change'},
- required:{validator:checkVal,trigger:'change'}
+ internal:{required:true,message:'鍐呮帶鍊间笉鑳戒负绌�',trigger:'change'},
+ required:{required:true,message:'鏍囧噯鍊间笉鑳戒负绌�',trigger:'change'}
},
//鐗╂枡娓呭崟
materialForm:{
@@ -548,8 +559,8 @@
this.leftAdd.name=null
this.leftAdd.specifications=null
this.selectMaterialTree()
- this.bomLeftAdd=false
- this.selectVersion()
+ this.bomLeftAdd=false
+ this.selectVersion()
})
return
}
@@ -576,8 +587,8 @@
this.leftAdd.name=null
this.leftAdd.specifications=null
this.selectMaterialTree()
- this.bomLeftAdd=false
- this.selectVersion()
+ this.bomLeftAdd=false
+ this.selectVersion()
})
}else{
let three=two.children.filter(item=>{
@@ -599,7 +610,7 @@
this.leftAdd.name=null
this.leftAdd.specifications=null
this.selectMaterialTree()
- this.bomLeftAdd=false
+ this.bomLeftAdd=false
this.selectVersion()
})
}else{
@@ -626,8 +637,8 @@
this.leftAdd.name=null
this.leftAdd.specifications=null
this.selectMaterialTree()
- this.bomLeftAdd=false
- this.selectVersion()
+ this.bomLeftAdd=false
+ this.selectVersion()
})
}else{
let specificationsDto={
@@ -647,7 +658,7 @@
this.leftAdd.name=null
this.leftAdd.specifications=null
this.selectMaterialTree()
- this.bomLeftAdd=false
+ this.bomLeftAdd=false
this.selectVersion()
})
}
@@ -665,11 +676,15 @@
this.$refs[formName].resetFields();
},
leftAddBom(){
-
+
},
//鑾峰彇瀛愮粍浠舵暟鎹�
getChildData(data){
this.childIds = data;
+ },
+ //鐗╂枡娓呭崟-鏂板bom-琛ㄦ牸鍒犻櫎琛�
+ removeMTableRow(index){
+ this.materialForm.tableList.splice(index,1);
},
//鍒犻櫎鎸夐挳
deleteDataBtn(){
@@ -724,10 +739,8 @@
}).then(res=>{
this.selectVersion();
this.$message.success(res.message);
- }).catch(error=>{
- this.$message.error(error.message);
})
- }).catch(() => {});
+ })
},
//鍙充晶bom,纭鏂板
confirmAdd(formName){
@@ -742,7 +755,7 @@
deviceGroup: this.technologyForm.deviceGroup,
father: this.technologyForm.tefather,
name: this.technologyForm.tename,
- productionQuota: Number.parseInt(this.technologyForm.productionQuota),
+ productionQuota: this.technologyForm.productionQuota,
}
this.submitBomAdd(this.$api.url.addTechnology,obj);
}else if(type == 1){
@@ -785,7 +798,6 @@
this.selectAll();
this.$message.success(res.message);
}).catch(error=>{
- this.$message.error(error.message);
})
},
//娓呯┖鏂板bom琛ㄥ崟
@@ -833,7 +845,7 @@
"num": null,
"qualityTraceability": "",
"specifications": "",
- "supplier": "",
+ // "supplier": "",
"unit": ""
}
this.materialForm.tableList.push(obj);
@@ -963,41 +975,41 @@
}
},
startLeftAdd(){
-
+
},
getType(typeName){
return typeName==="鎴愬搧"?1:2
},
handleSelect(item) {
console.log(item);
- },
- querySearch(queryString, cb) {
- var restaurants = this.restaurants;
- var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
- // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
- cb(results);
- },
- querySearchName(queryString, cb) {
- var restaurants = this.bomName;
- var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
- // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
- cb(results);
- },
- querySearchStandar(queryString, cb) {
- var restaurants = this.bomStandard;
- var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
- // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
- cb(results);
- },
- loadFatherType(){
- return [{label:"姗¤兌杩炴帴鍣�",value: "姗¤兌杩炴帴鍣�"},{label:"閲戝睘杩炴帴鍣�",value: "閲戝睘杩炴帴鍣�"},
- {label:"婀挎彃鎷旂數杩炴帴鍣�",value: "婀挎彃鎷旂數杩炴帴鍣�"},{label:"鍒嗘敮缁勪欢",value: "鍒嗘敮缁勪欢"}]
- },
- createFilter(queryString) {
- return (restaurant) => {
- return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
- };
- },
+ },
+ querySearch(queryString, cb) {
+ var restaurants = this.restaurants;
+ var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+ // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
+ cb(results);
+ },
+ querySearchName(queryString, cb) {
+ var restaurants = this.bomName;
+ var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+ // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
+ cb(results);
+ },
+ querySearchStandar(queryString, cb) {
+ var restaurants = this.bomStandard;
+ var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+ // 璋冪敤 callback 杩斿洖寤鸿鍒楄〃鐨勬暟鎹�
+ cb(results);
+ },
+ loadFatherType(){
+ return [{label:"姗¤兌杩炴帴鍣�",value: "姗¤兌杩炴帴鍣�"},{label:"閲戝睘杩炴帴鍣�",value: "閲戝睘杩炴帴鍣�"},
+ {label:"婀挎彃鎷旂數杩炴帴鍣�",value: "婀挎彃鎷旂數杩炴帴鍣�"},{label:"鍒嗘敮缁勪欢",value: "鍒嗘敮缁勪欢"}]
+ },
+ createFilter(queryString) {
+ return (restaurant) => {
+ return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+ };
+ },
selectDataList() {
this.list.forEach(a => {
a.code = '[1]'
@@ -1022,7 +1034,7 @@
})
}
})
- },
+ },
handleSelectionChange() {
},
@@ -1030,6 +1042,10 @@
this.typeselect = val
this.searchName = '';
this.selectVersion()
+ let versionArr = this.versionData;
+ if(versionArr == null || versionArr.length < 1){
+ this.versionVal = '';
+ }
},
handleNodeClick(val) {//鏍戠殑鍊�
if(val.code==='[5]'&&val.children===undefined){
@@ -1055,8 +1071,8 @@
this.versionVal = res.data[0];
})
}
+ this.selectAll()
})
- this.selectAll()
},
//鍙充晶鏁版嵁
selectAll() {
@@ -1300,16 +1316,29 @@
height: calc(100% - 48px);
background-color: #fff;
display: flex;
+
}
.thing .left {
width: 295px;
height: calc(100% - 32px);
- overflow-y: auto;
border-right: 3px solid rgb(245, 247, 251);
padding: 16px;
}
+.thing .left .left_search{
+ width:95%;
+ height: 32px;
+ line-height: 32px;
+ margin-bottom: 5px;
+}
+
+.thing .left .left_tree{
+ width: 100%;
+ height: calc(100% - 32px);
+ overflow-y: scroll;
+}
+
.thing .left .custom-tree-node span {
font-size: 14px;
}
--
Gitblit v1.9.3