From db18125cec18e11d04dbf10d2ef7108e779edcd8 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期一, 04 十一月 2024 14:09:57 +0800 Subject: [PATCH] 修改电路试验模板 --- src/components/do/b1-inspect-order-plan/circuit-parameters1.vue | 242 +++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 198 insertions(+), 44 deletions(-) diff --git a/src/components/do/b1-inspect-order-plan/circuit-parameters1.vue b/src/components/do/b1-inspect-order-plan/circuit-parameters1.vue index d2cda73..eccd8f6 100644 --- a/src/components/do/b1-inspect-order-plan/circuit-parameters1.vue +++ b/src/components/do/b1-inspect-order-plan/circuit-parameters1.vue @@ -1,21 +1,21 @@ <template> <div class="circuit-parameters"> <el-divider></el-divider> - <el-row :gutter="5" style="width: calc(100% - 1px);margin-bottom: 10px;"> + <el-row :gutter="8" style="width: calc(100% - 1px);margin-bottom: 10px;"> <el-col :span="17"> <el-row> <el-col :span="23" style="display: flex;flex-wrap: wrap;"> - <table border="1" cellpadding="10" style="margin: 0 10px 10px 0;" v-for="(item,index) in insProductNew" :key="index + 'ppp'" v-show="isMore?true:(index<3?true:false)"> + <table border="1" cellpadding="10" style="margin: 4px 10px 10px 0;width: 32%;" v-for="(item,index) in insProductNew" :key="index + 'ppp'" v-show="isMore?true:(index<3?true:false)"> <tr> <td style="text-align: center;background: #F0F1F5;"> <el-tooltip effect="dark" :content="item.inspectionItemSubclass" placement="top-start"><span style="display: inline-block;width: 95px;" class="single-line-ellipsis">{{ item.inspectionItemSubclass }}</span> </el-tooltip> </td> <td> - <el-input size="small" placeholder="璁惧鍚嶇О" v-model="item.equipName" style="width: 95px;" readonly></el-input> + <el-input size="small" placeholder="璁惧鍚嶇О" v-model="item.equipName" readonly></el-input> </td> <td> - <el-select v-model="item.equipValue" placeholder="璁惧缂栫爜" size="small" style="width: 95px;" :disabled="state>1" @focus="methodFocus(item)" @change="m=>handleEquip(m,item)"> + <el-select v-model="item.equipValue" placeholder="璁惧缂栫爜" size="small" :disabled="state>1" @focus="methodFocus(item)" @change="m=>handleEquip(m,item)"> <el-option v-for="m in item.equipOptions" :key="m.value" @@ -34,11 +34,11 @@ </el-row> </el-col> <el-col :span="7"> - <div style="display: flex;align-items: center;justify-content: flex-end;" class="btns" v-if="!isLook"> - <el-button type="primary" size="small" @click="addList(allBandList,'棰戞')" :disabled="state>1">娣诲姞棰戞</el-button> - <el-button size="small" @click="deleteList(allBandList.length-1,allBandList,'鍒犻櫎棰戞')" :disabled="state>1">鍒犻櫎棰戞</el-button> - <el-button type="primary" size="small" @click="addList(angleList)" :disabled="state>1">娣诲姞瑙掑害</el-button> - <el-button size="small" @click="deleteList(angleList.length-1,angleList)" :disabled="state>1">鍒犻櫎瑙掑害</el-button> + <div style="display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;" class="btns" v-if="!isLook"> + <el-button type="primary" size="small" @click="addList(allBandList,'棰戞')" :disabled="state>1" style="margin: 4px;">娣诲姞棰戞</el-button> + <el-button size="small" @click="deleteList(allBandList.length-1,allBandList,'鍒犻櫎棰戞')" :disabled="state>1" style="margin: 4px;">鍒犻櫎棰戞</el-button> + <el-button type="primary" size="small" @click="addList(angleList)" :disabled="state>1" style="margin: 4px;">娣诲姞瑙掑害</el-button> + <el-button size="small" @click="deleteList(angleList.length-1,angleList)" :disabled="state>1" style="margin: 4px;">鍒犻櫎瑙掑害</el-button> </div> </el-col> </el-row> @@ -70,8 +70,8 @@ :value="item.value"> </el-option> </el-select> - <el-button type="primary" size="small" @click="addList(h.projectList,'浜掕皟')" style="margin-left: 16px;" :disabled="state>1" v-show="!isLook">娣诲姞浜掕皟</el-button> - <el-button size="small" @click="deleteList(0,h.projectList,'浜掕皟')" :disabled="state>1" v-show="!isLook">鍒犻櫎浜掕皟</el-button> + <el-button type="primary" size="small" @click="addList(h.projectList,'浜掕皟')" style="margin-left: 16px;" :disabled="state>1" v-show="!isLook&&intermodulationNum>0">娣诲姞浜掕皟</el-button> + <el-button size="small" @click="deleteList(0,h.projectList,'浜掕皟')" :disabled="state>1" v-show="!isLook&&intermodulationNum>0">鍒犻櫎浜掕皟</el-button> <el-button type="primary" size="small" @click="save(h,y)" :disabled="state>1" :loading="loading[y]" v-show="!isLook">淇� 瀛�</el-button> </div> <el-divider></el-divider> @@ -98,11 +98,6 @@ <el-input size="small" placeholder="绔彛" v-model="item.value" :disabled="state>1"></el-input> </div> </td> - <td :rowspan="n.angleList.length+1"> - <el-button icon="el-icon-minus" circle size="mini" type="danger" - @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1"></el-button> - <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1"></el-button> - </td> </tr> <tr v-for="(item,index) in n.angleList" :key="index + 'eee'"> <td> @@ -115,8 +110,11 @@ </table> </div> </el-col> - <el-col :span="2"> - <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':'寰呭畾') }} + <el-col :span="1"> + <el-input-number v-model="n.portNum" :min="1" :max="100" label="鏁伴噺" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number> + </el-col> + <el-col :span="1"> + <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':(n.result===3?'涓嶅垽瀹�':(n.result===3?'涓嶅垽瀹�':'寰呭畾'))) }} </div> </el-col> </el-row> @@ -135,10 +133,18 @@ <div class="content" style="text-align: center;width: 100%;overflow-x: auto;"> <table border="1" cellpadding="10" class="thermal-table"> <tr> - <td>棰戠偣</td> + <td>棰戞</td> <td :colspan="n.portList.length+1"> <div style="display: flex;align-items: center;"> - <el-input size="small" placeholder="棰戠偣" v-model="n.often" :disabled="state>1" @blur="handlePort(n)"></el-input> + <!-- <el-input size="small" placeholder="棰戞" v-model="n.often" :disabled="state>1" @blur="handlePort(n)"></el-input> --> + <el-select v-model="n.often" placeholder="璇烽�夋嫨" size="small" style="width: 200px;" :disabled="state>1"> + <el-option + v-for="item in bandList0" + :key="item.value" + :label="item.label" + :value="item.value"> + </el-option> + </el-select> </div> </td> </tr> @@ -149,11 +155,11 @@ <el-input size="small" placeholder="绔彛" v-model="item.value" :disabled="state>1"></el-input> </div> </td> - <td :rowspan="n.angleList.length+1"> + <!-- <td :rowspan="n.angleList.length+1"> <el-button icon="el-icon-minus" circle size="mini" type="danger" - @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1"></el-button> - <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1"></el-button> - </td> + @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1" style="margin: 5px;"></el-button> + <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1" style="margin: 5px;"></el-button> + </td> --> </tr> <tr v-for="(item,index) in n.angleList" :key="index + 'eee'"> <td> @@ -166,8 +172,11 @@ </table> </div> </el-col> - <el-col :span="2"> - <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':'寰呭畾') }} + <el-col :span="1"> + <el-input-number v-model="n.portNum" :min="1" :max="100" label="鏁伴噺" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number> + </el-col> + <el-col :span="1"> + <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':(n.result===3?'涓嶅垽瀹�':(n.result===3?'涓嶅垽瀹�':'寰呭畾'))) }} </div> </el-col> </el-row> @@ -189,14 +198,14 @@ <td>棰戞</td> <td v-for="(item,index) in n.portList" :key="index+'aaa'"> <div style="display: flex;align-items: center;"> - <el-input size="small" placeholder="绔彛" v-model="item.value" :disabled="state>1"></el-input> + <el-input size="small" placeholder="棰戞" v-model="item.value" :disabled="state>1"></el-input> </div> </td> - <td :rowspan="n.angleList.length+1"> + <!-- <td :rowspan="n.angleList.length+1"> <el-button icon="el-icon-minus" circle size="mini" type="danger" - @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1"></el-button> - <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1"></el-button> - </td> + @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1" style="margin: 5px;"></el-button> + <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1" style="margin: 5px;"></el-button> + </td> --> </tr> <tr v-for="(item,index) in n.angleList" :key="index + 'eee'"> <td> @@ -209,8 +218,11 @@ </table> </div> </el-col> - <el-col :span="2"> - <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':'寰呭畾') }} + <el-col :span="1"> + <el-input-number v-model="n.portNum" :min="1" :max="100" label="鏁伴噺" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number> + </el-col> + <el-col :span="1"> + <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':(n.result===3?'涓嶅垽瀹�':'寰呭畾')) }} </div> </el-col> </el-row> @@ -225,7 +237,7 @@ <el-col :span="2"> <div style="text-align: center;" v-html="n.tell"></div> </el-col> - <el-col :span="16"> + <el-col :span="17"> <div class="content" style="text-align: center;width: 100%;overflow-x: auto;"> <table border="1" cellpadding="10" class="thermal-table"> <tr> @@ -247,8 +259,8 @@ </table> </div> </el-col> - <el-col :span="2"> - <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':'寰呭畾') }} + <el-col :span="1"> + <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'涓嶅悎鏍�':(n.result===1?'鍚堟牸':(n.result===3?'涓嶅垽瀹�':'寰呭畾')) }} </div> </el-col> </el-row> @@ -266,6 +278,7 @@ return { value: "", bandList:[], + bandList0:[], portList:[ { value:'1', @@ -340,19 +353,32 @@ resValue:'' }, ], + allBandList:[],//棰戞 insProductNew:[], isMore:false, - loading:{} + loading:{}, + intermodulationNum:0,//浜掕皟妫�楠岄」鐩殑鏁伴噺 + upTemplateState:false, }; }, watch: { // 瑙掑害鏁伴噺鍙樺寲鏃讹紝鏇存柊鎵�鏈夐娈典笅闈㈢殑鎵�鏈夐」鐩笅鐨勬墍鏈夌鍙e拰瑙掑害 angleList(val) { - this.allBandList.forEach(item => { + if(!this.upTemplateState){ + this.allBandList.forEach(item => { item.projectList.forEach(m => { - if(m.angleList.length!==val.length){ - m.angleList = JSON.parse(JSON.stringify(this.angleList)) + // 娣诲姞瑙掑害 + for(let i=0;i<val.length;i++){ + if(!m.angleList[i]){ + this.$set(m.angleList,i, {value:''}) + } + } + // 鍒犻櫎瑙掑害 + for(let i=0;i<m.angleList.length;i++){ + if(!val[i]){ + m.angleList.splice(i,1) + } } if(m.inspectionItemSubclass.includes('鑰﹀悎搴�')){ for(let i = 0;i<m.angleList.length;i++){ @@ -377,10 +403,18 @@ } }) }) - console.log(this.allBandList) + } + // console.log(this.allBandList) }, currentNum(val) { this.initData() + }, + insProduct:{ + deep:true, + handler:function(val){ + // console.log('鏇存柊椤甸潰鍟�') + this.initData() + } } }, mounted() { @@ -395,14 +429,23 @@ }).then(res => { this.bandList = res.data }) + this.$axios.post(this.$api.enums.selectEnumByCategory, { + category: "浜掕皟-棰戞" + }).then(res => { + this.bandList0 = res.data + }) }, // 鍒濆鍖栨暟鎹� initData(){ + this.allBandList = [] // 澶勭悊椤圭洰 this.insProductNew = JSON.parse(JSON.stringify(this.insProduct)).filter(m=>m.inspectionItem.includes('鐢佃矾璇曢獙')) this.insProductNew.forEach(async item => { + if(item.inspectionItemSubclass.includes('浜掕皟')){ + this.intermodulationNum++ + } // 鑾峰彇璁惧鍒楄〃 - item.equipOptions = await this.getEquipOptions(item) + item.equipOptions = [] }) if(this.insProductNew[0].insProductResult2&&this.insProductNew[0].insProductResult2.length>0){ // 宸茬粡瀛樺湪鍊兼椂锛岃祴鍊� @@ -434,6 +477,7 @@ angleList.push({value:m}) }) this.angleList = angleList + this.upTemplateState = false; } let tell = '' if(item.tell.includes(',')){ @@ -454,7 +498,8 @@ equipName:n.equipName, equipValue:n.equipValue, frequency:n.frequency, - sonLaboratory:item.sonLaboratory + sonLaboratory:item.sonLaboratory, + portNum:JSON.parse(n.value).length>0?JSON.parse(n.value)[0].length:4 } this.$set(obj,'portList', n.port?portList:[]) this.$set(obj,'angleList', n.angle?angleList:[]) @@ -475,18 +520,39 @@ }) } }else{ + console.log(2222) // 娌℃湁鍊兼椂锛屽垵濮嬪寲椤甸潰 this.insProductNew.forEach(async item => { // 璧嬪�艰澶� item.equipName = '' item.equipValue = '' // 璧嬪�肩鍙e拰瑙掑害 + this.portList = [ + { + value:'1', + }, + { + value:'2', + }, + { + value:'3', + }, + { + value:'4', + }, + ] + this.angleList = [ + { + value:'' + } + ] item.portList = JSON.parse(JSON.stringify(this.portList)) item.angleList = JSON.parse(JSON.stringify(this.angleList)) // 璧嬪�肩粨璁� item.result = '' // 璧嬪�兼渶宸�� item.value = [] + item.portNum = 4 if(item.inspectionItemSubclass.includes('鑰﹀悎搴�')){ for(let i = 0;i<item.angleList.length;i++){ item.value.push(['']) @@ -507,10 +573,12 @@ projectList: JSON.parse(JSON.stringify(this.insProductNew)) } ) + console.log(this.allBandList) } }, // 鍒犻櫎鏁扮粍 deleteList(index,list,type){ + this.upTemplateState = false; if(list.length>1){ if(type=='浜掕皟'){ let index = null; @@ -566,6 +634,7 @@ }, // 娣诲姞鏁扮粍 addList(list,type){ + this.upTemplateState = false; if(type=='浜掕皟'){ let obj = null; let index = null; @@ -607,9 +676,27 @@ } }) list.push(obj) + }else if('绔彛'){ + let obj = JSON.parse(JSON.stringify(list[0])); + obj.value = null; + list.push(obj) }else{ let obj = JSON.parse(JSON.stringify(list[0])); list.push(obj) + } + }, + // 鏀瑰彉绔彛 + changePort(num,list){ + if(num>list.length){ + for(let i = list.length;i<num;i++){ + let obj = JSON.parse(JSON.stringify(list[0])); + obj.value = null; + list.push(obj) + } + }else if(num<list.length){ + for(let i = list.length;i>num;i--){ + list.pop() + } } }, // 鑾峰彇璁惧閫夐」 id:涓烘楠岄」id @@ -661,12 +748,17 @@ if(!n.often){ return } - if(!n.often.includes('MHz')||!n.often.includes('MHZ')){ + if(!n.often.includes('MHz')&&!n.often.includes('MHZ')){ n.often = n.often + 'MHz' } }, save(h,y) { let arr = h.projectList.map(item=>{ + if(item.portList&&item.portList.length>0){ + item.value.forEach(m=>{ + m = m.splice(item.portList.length) + }) + } let obj = { insProductId:item.id, equipValue:this.insProductNew.find(m=>m.id==item.id).equipValue, @@ -704,6 +796,35 @@ }).catch(err => { console.log(err) }) + }, + // 鏇存柊妯℃澘 + upTemplate(obj){ + this.upTemplateState = true; + // return + obj.allBandList.forEach((item,index)=>{ + if(!this.allBandList[index]){ + this.allBandList[index] = { + projectList:this.HaveJson(this.allBandList[0].projectList) + } + } + this.allBandList[index].band = item.band + let arr = [] + item.projectList.forEach((m,i)=>{ + if(this.allBandList[index].projectList.find(n=>n.inspectionItemSubclass==m.inspectionItemSubclass)){ + let obj0 = { + angleList:m.angleList, + portList:m.portList, + portNum:m.portNum, + value:m.value, + valueType:m.valueType + } + arr.push({...this.allBandList[index].projectList.find(n=>n.inspectionItemSubclass==m.inspectionItemSubclass),...obj0}) + } + }) + this.allBandList[index].projectList = arr + }) + this.angleList = obj.angleList + this.intermodulationNum = obj.intermodulationNum } } } @@ -751,4 +872,37 @@ .green{ color: green; } +>>>.el-input-number { + display: inline-flex; + flex-direction: column !important; + line-height: 26px; +} + +>>>.el-input-number__increase, >>>.el-input-number__decrease { + width: 26px; + height: 26px; +} +>>>.el-input-number__increase{ + top: 36px; + left: 10px; + border: 0px; + border-radius: 50%; + background: #3A7BFA; + color: #fff; +} +>>>.el-input-number__decrease{ + top: -30px; + border: 0px; + border-radius: 50%; + left: 10px; + background: #F56C6C; + color: #fff; +} +>>>.el-input-number .el-input{ + width: 50px; +} +>>>.el-input-number .el-input__inner{ + width: 50px; + padding: 0; +} </style> -- Gitblit v1.9.3