From ac9fd398dbc0a7df7d92b56dd7ec0c372ef01609 Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期三, 13 九月 2023 14:28:17 +0800 Subject: [PATCH] 销售订单bug修复 --- src/components/view/standard.vue | 399 +++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 362 insertions(+), 37 deletions(-) diff --git a/src/components/view/standard.vue b/src/components/view/standard.vue index 6c22674..cefc632 100644 --- a/src/components/view/standard.vue +++ b/src/components/view/standard.vue @@ -7,7 +7,6 @@ <el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="bomAddModelVisible = true">鏂板</el-button> <el-button icon="el-icon-plus">鏂板鐗堟湰</el-button> - <el-button @click="bomRightUp=true" icon="el-icon-edit-outline">淇敼</el-button> <el-button @click="bomRightDl=true" icon="el-icon-delete">鍒犻櫎</el-button> </el-col> </el-row> @@ -33,8 +32,6 @@ </div> </el-tree> </div> - - <div class="right"> <div class="choose"> <span>绫诲瀷锛�</span> @@ -46,10 +43,10 @@ <el-option :value="3" label="鐢熶骇宸ヨ壓"></el-option> </el-select> <span>{{ tableType == 1 ? '椤圭洰锛�' : '宸ヨ壓鍚嶇О锛�' }}</span> - <el-input v-model="searchName" size="small" placeholder="璇疯緭鍏�" style="width: 224px;margin-right: 24px;" + <el-input v-model="searchName" size="small" placeholder="璇疯緭鍏�" style="width: 224px;margin-right: 50px;" clearable></el-input> - <span>{{ tableType == 1 ? '鐗堟湰锛�' : '鐗堟湰锛�' }}</span> - <el-select v-model="VER" @change="verevent" style="width: 280px;" placeholder="璇烽�夋嫨"> + <span>鐗堟湰锛�</span> + <el-select v-model="version2" @change="verevent" size="small" style="width: 280px;margin-right: 10px;" placeholder="璇烽�夋嫨"> <el-option v-for="item in version" :key="item" :label="item" :value="item"> </el-option> </el-select> @@ -74,15 +71,191 @@ <div class="bom-add-model"> - <el-dialog title="BOM鏂板" :visible.sync="bomAddModelVisible" width="30%"> - <div> - <!-- 鐗╂枡娓呭崟鏂板 --> - <bomClickAdd v-if="typeselect===2"/> + <el-dialog title="BOM鏂板" :visible.sync="bomAddModelVisible" width="45%"> + <!-- 宸ヨ壓璺嚎 --> + <div v-if="typeselect == 0"> + <el-form :model="technologyForm" :inline="true" label-position="right" + ref="technologyForm" :rules="technologyRules" label-width="90px"> + <el-form-item label="宸ュ簭:" prop="tefather"> + <el-select id="tefather" size="small" + filterable allow-create default-first-option + 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-form-item label="宸ヨ壓鍚嶇О:" prop="tename"> + <el-input id="tename" size="small" placeholder="璇疯緭鍏ュ伐鑹哄悕绉�" + clearable v-model="technologyForm.tename"></el-input> + </el-form-item> + <el-form-item label="璁惧缁�:" prop="deviceGroup"> + <el-select id="deviceGroup" placeholder="璇烽�夋嫨璁惧缁�" size="small" + v-model="technologyForm.deviceGroup"> + <el-option :value="item.father" + v-for="(item,index) in deviceList" :key="index" :label="item.father"></el-option> + </el-select> + </el-form-item> + <el-form-item label="鐢熶骇瀹氶:" prop="productionQuota"> + <el-input id="productionQuota" size="small" clearable v-model.number="technologyForm.productionQuota" placeholder="璇疯緭鍏ョ敓浜у畾棰�" /> + </el-form-item> + </el-form> + <div style="width:100%;text-align: right;"> + <span slot="footer" class="dialog-footer" > + <el-button type="primary" @click="confirmAdd('technologyForm')">纭� 瀹�</el-button> + <el-button @click="bomAddModelVisible = false">鍙� 娑�</el-button> + </span> + </div> </div> - <span slot="footer" class="dialog-footer"> - <el-button @click="bomAddModelVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="bomAddModelVisible = false">纭� 瀹�</el-button> - </span> + <!-- 鎶�鏈寚鏍� --> + <div v-if="typeselect == 1"> + <el-form :model="targetForm" :inline="true" label-position="right" + :rules="targetRules" ref="targetForm" label-width="90px"> + <el-form-item label="宸ュ簭:" prop="pfather"> + <el-select v-model="targetForm.pfather" + @change="changeFather" + style="width:200px;" placeholder="璇烽�夋嫨宸ュ簭"> + <el-option :value="item.name" :label="item.name" v-for="(item,index) in targetFormList" :key="index"></el-option> + </el-select> + </el-form-item> + <el-form-item label="宸ヨ壓鍚嶇О:" prop="technologyId"> + <el-select v-model="targetForm.technologyId" + @change="changeTechnologyId" + style="width:200px;" placeholder="璇烽�夋嫨宸ヨ壓鍚嶇О"> + <el-option :value="item.id" :label="item.name" v-for="(item,index) in technologyIdList" :key="index"></el-option> + </el-select> + </el-form-item> + <el-form-item label="椤圭洰:" prop="father"> + <el-select v-model="targetForm.father" + filterable allow-create default-first-option + style="width:200px;" placeholder="璇疯緭鍏ユ垨閫夋嫨椤圭洰"> + <el-option :value="item.father" :label="item.father" v-for="(item,index) in projectList" :key="index"></el-option> + </el-select> + </el-form-item> + <el-form-item label="鎸囨爣鍚嶇О:" prop="name"> + <el-input style="width:200px;" v-model="targetForm.name" placeholder="璇疯緭鍏ユ寚鏍囧悕绉�"/> + </el-form-item> + <el-form-item label="鍗曚綅:" prop="unit"> + <el-input style="width:200px;" v-model="targetForm.unit" placeholder="璇疯緭鍏ュ崟浣�"/> + </el-form-item> + <el-form-item label="鍐呮帶鍊�:" prop="internal"> + <el-input style="width:200px;" v-model="targetForm.internal" placeholder="璇疯緭鍏ュ唴鎺у��"/> + </el-form-item> + <el-form-item label="鏍囧噯鍊�:" prop="required"> + <el-input style="width:200px;" v-model="targetForm.required" placeholder="璇疯緭鍏ユ爣鍑嗗��"/> + </el-form-item> + </el-form> + <div style="width:100%;text-align: right;"> + <span slot="footer" class="dialog-footer" > + <el-button type="primary" @click="confirmAdd('targetForm')">纭� 瀹�</el-button> + <el-button @click="bomAddModelVisible = false">鍙� 娑�</el-button> + </span> + </div> + </div> + <!-- 鐗╂枡娓呭崟 --> + <div v-if="typeselect == 2"> + <el-form :model="materialForm" label-position="right" + :rules="materialRules" ref="materialForm" label-width="80px"> + <el-row> + <el-col :span="12"> + <el-form-item label="瑙勬牸鍨嬪彿:" width="250"> + <el-input style="width:200px;" v-model="materialForm.pname" placeholder="璇疯緭鍏ュ崟浣�"/> + </el-form-item> + </el-col> + <el-col :span="12" style="text-align: right;"> + <el-form-item label="浜у搧澶х被:" width="250"> + <el-select placeholder="璇烽�夋嫨浜у搧澶х被" + style="width:240px;" v-model="materialForm.dg"> + <el-option value="1">1</el-option> + <el-option value="2">2</el-option> + <el-option value="3">3</el-option> + <el-option value="4">4</el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鏉愭枡淇℃伅"></el-form-item> + </el-col> + <el-col :span="12" style="text-align: right;"> + <el-button size="mini" style="text-align: right;">娣诲姞琛�</el-button> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-table > + <el-table-column label="鏉愭枡鍚嶇О"></el-table-column> + <el-table-column label="瑙勬牸鍨嬪彿"></el-table-column> + <el-table-column label="鍗曚綅"></el-table-column> + <el-table-column label="鏁伴噺"></el-table-column> + </el-table> + </el-col> + </el-row> + </el-form> + <div style="width:100%;text-align: right;"> + <span slot="footer" class="dialog-footer" > + <el-button type="primary" @click="confirmAdd('materialForm')">纭� 瀹�</el-button> + <el-button @click="bomAddModelVisible = false">鍙� 娑�</el-button> + </span> + </div> + </div> + <!-- 鐢熶骇宸ヨ壓 --> + <div v-if="typeselect == 3"> + <el-form :model="productForm" :inline="true" label-position="right" + label-width="80px"> + <el-form-item label="宸ュ簭:" width="250"> + <el-select v-model="productForm.father" + style="width:200px;" + placeholder="璇疯緭鍏ユ垨閫夋嫨鐢熶骇瀹氶"> + <el-option value="1">1</el-option> + <el-option value="2">2</el-option> + <el-option value="3">3</el-option> + <el-option value="4">4</el-option> + </el-select> + </el-form-item> + <el-form-item label="宸ヨ壓鍚嶇О:" width="250"> + <el-select placeholder="璇疯緭鍏ユ垨閫夋嫨宸ヨ壓鍚嶇О" + style="width:200px;" + v-model="productForm.name"> + <el-option value="1">1</el-option> + <el-option value="2">2</el-option> + <el-option value="3">3</el-option> + <el-option value="4">4</el-option> + </el-select> + </el-form-item> + <el-form-item label="璁惧:" width="250"> + <el-select placeholder="璇烽�夋嫨璁惧" + style="width:200px;" + v-model="productForm.dg"> + <el-option value="1">1</el-option> + <el-option value="2">2</el-option> + <el-option value="3">3</el-option> + <el-option value="4">4</el-option> + </el-select> + </el-form-item> + <el-form-item label="椤圭洰:" width="250"> + <el-select placeholder="璇烽�夋嫨椤圭洰" + style="width:200px;" + v-model="productForm.dg"> + <el-option value="1">1</el-option> + <el-option value="2">2</el-option> + <el-option value="3">3</el-option> + <el-option value="4">4</el-option> + </el-select> + </el-form-item> + <el-form-item label="鍗曚綅:" width="250"> + <el-input style="width:200px;" v-model="productForm.unit" placeholder="璇疯緭鍏ュ崟浣�"/> + </el-form-item> + <el-form-item label="鎸囨爣:" width="250"> + <el-input style="width:200px;" v-model="productForm.pq" placeholder="璇疯緭鍏ユ寚鏍�" /> + </el-form-item> + </el-form> + <div style="width:100%;text-align: right;"> + <span slot="footer" class="dialog-footer" > + <el-button type="primary" @click="confirmAdd('productForm')">纭� 瀹�</el-button> + <el-button @click="bomAddModelVisible = false">鍙� 娑�</el-button> + </span> + </div> + </div> </el-dialog> <!-- 宸︿晶鐐瑰嚮+鎸夐挳 --> <el-dialog title="BOM鏂板" :visible.sync="bomLeftAdd" width="29%"> @@ -108,16 +281,6 @@ <el-button type="primary" @click="submitForm('leftAdd')">纭� 瀹�</el-button> </span> </el-dialog> - <!-- 鍙充笂渚х偣鍑讳慨鏀规寜閽� --> - <el-dialog title="BOM淇敼" :visible.sync="bomRightUp" width="30%"> - <el-form> - 淇敼 - </el-form> - <span slot="footer" class="dialog-footer"> - <el-button @click="bomRightUp = false">鍙� 娑�</el-button> - <el-button type="primary" @click="bomRightUp = false">纭� 瀹�</el-button> - </span> - </el-dialog> <!-- 鍙充笂渚х偣鍑诲垹闄ゆ寜閽� --> <el-dialog title="BOM鍒犻櫎" :visible.sync="bomRightDl" width="30%"> <el-form> @@ -141,7 +304,67 @@ components: { technology,material,bomClickAdd }, data() { + var checkPq = (rule,value,callback)=>{ + if(value!='' && !Number.isInteger(value)){ + return callback(new Error('璇疯緭鍏ユ暟瀛楀��')); + } + callback(); + }; + var checkVal = (rule,value,callback)=>{ + let arr = [">","<","="]; + if(value!='' && arr.indexOf(value.substring(0,1))==-1){ + callback(new Error("寮�澶撮渶鍖呭惈 > 鎴� < 鎴� = ")) + } + callback(); + }; return { + //鎶�鏈寚鏍�-鏂板-宸ュ簭锛屽伐鑹轰笅鎷夋鏁版嵁 + targetFormList:[], + technologyIdList:[], + //鎶�鏈寚鏍�-鏂板-椤圭洰涓嬫媺妗嗘暟鎹� + projectList:[], + //宸ュ簭鍒楄〃 + fatherList:[], + //璁惧缁勫垪琛� + deviceList:[], + technologyForm:{ + tefather:'', + tename:'', + deviceGroup:'', + productionQuota:'' + }, + targetForm:{ + pfather:'', + father: '', + technologyId:'', + name:'', + unit:'', + internal:'', + required: '' + }, + materialForm:{}, + productForm:{}, + technologyRules:{ + tefather:{required:true,message:'宸ュ簭涓嶈兘涓虹┖',trigger:'change'}, + tename:{required:true,message:'宸ヨ壓鍚嶇О涓嶈兘涓虹┖',trigger:'blur'}, + deviceGroup:{required:true,message:'璁惧缁勪笉鑳戒负绌�',trigger:'change'}, + productionQuota:{validator:checkPq,trigger:'change'} + }, + targetRules:{ + pfather:{required:true,message:'宸ュ簭涓嶈兘涓虹┖',trigger:'change'}, + technologyId:{required:true,message:'宸ヨ壓鍚嶇О涓嶈兘涓虹┖',trigger:'change'}, + 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'} + }, + materialRules:{ + + }, + productRules:{ + + }, // BOM鏍戞暟鎹粨鏋� list: [], search: null, @@ -166,7 +389,7 @@ name: null, specifications: null }, - VER: {}, + version2: {}, verdata: {}, character: 0, restaurants: [], @@ -175,14 +398,6 @@ isLeftAdd: true } }, - // watch: { - // search(val) { - // this.$refs.tree.filter(val); - // }, - // tableType(val){ - // this.selectProductTableData() - // } - // }, mounted() { this.tableType=0 this.selectMaterialTree() @@ -298,6 +513,108 @@ leftAddBom(){ }, + confirmAdd(formName){ + this.$refs[formName].validate(valid=>{ + if(valid){ + let type = this.typeselect; + let obj = {} + if(type == 0){ + obj = { + specificationsId: Number.parseInt(this.returntree.id), + deviceGroup: this.technologyForm.deviceGroup, + father: this.technologyForm.tefather, + name: this.technologyForm.tename, + productionQuota: Number.parseInt(this.technologyForm.productionQuota), + } + this.submitBomAdd(this.$api.url.addTechnology,obj); + }else if(type == 1){ + this.submitBomAdd(this.$api.url.addProductByStandard,this.targetForm); + } + + } + }) + }, + submitBomAdd(url,data){ + this.$axios.post( + url,data, + {headers: { "Content-Type": "application/json" }} + ).then(res=>{ + this.selectAll(); + this.$message.success(res.message); + }).catch(error=>{ + this.$message.error(error.message); + }) + this.bomAddModelVisible = false; + }, + clearBomAddModel(){ + if(this.typeselect == 0){ + this.$refs["technologyForm"].resetFields(); + }else if(this.typeselect == 1){ + this.$refs["targetForm"].resetFields(); + }else if(this.typeselect == 2){ + this.$refs["materialForm"].resetFields(); + }else{ + this.$refs["productForm"].resetFields(); + } + }, + changeTechnologyId(val){ + this.$axios.get(this.$api.url.chooseFatherByStandard,{ + params:{technologyId : val} + }).then(res=>{ + this.projectList = res.data; + }).catch(error=>{ + this.$message.error(error.message); + }); + }, + changeFather(val){ + let arr = this.targetFormList.filter(item=>{ + return item.name == val; + }); + if(arr != undefined || arr.children != null){ + this.technologyIdList = arr[0].children; + } + }, + //鑾峰彇宸ュ簭锛屽伐鑹哄垪琛� + getTargetFormList(){ + this.$axios.get(this.$api.url.chooseTechByStandard,{ + params:{specificationsId : this.returntree.id} + }).then(res=>{ + this.targetFormList = res.data; + }).catch(error=>{ + this.$message.error(error.message); + }) + }, + //鑾峰彇椤圭洰鍒楄〃 + getProjectFormList(){ + + }, + //鑾峰彇宸ュ簭鍒楄〃 + getFatherList(){ + this.$axios.get(this.$api.url.chooseFather,{ + params:{specificationsId : this.returntree.id} + }).then(res=>{ + this.fatherList = res.data; + }).catch(error=>{ + this.$message.error(error.message); + }) + }, + //鑾峰彇璁惧缁勫垪琛� + getDeviceList(){ + this.$axios.get(this.$api.url.chooseDevice).then(res=>{ + this.deviceList = res.data; + }).catch(error=>{ + this.$message.error(error.message); + }) + }, + showBomAddModel(){ + this.getFatherList(); + this.getDeviceList(); + this.getTargetFormList(); + this.bomAddModelVisible = true + }, + startLeftAdd(){ + + }, getType(typeName){ return typeName==="鎴愬搧"?1:2 }, @@ -389,7 +706,7 @@ return this.verdata[0] }) this.character=v - this.VER="v"+v + this.version2="v"+v this.selectAll() }, //鍙充晶鏁版嵁 @@ -572,6 +889,11 @@ this.restaurants=this.loadFatherType() } } + }, + bomAddModelVisible(newVal){ + if(!newVal){ + this.clearBomAddModel(); + } } } } @@ -579,11 +901,14 @@ <style scoped> -.standard { - + +.standard .bom-add-model{ + width: 100%; } -.standard .contentTable{ +.standard .bom-add-model form{ + width: 90%; + margin-left: 5%; } .standard .title .el-button { -- Gitblit v1.9.3