From 305de1e0fa6e26772b469439f4b22345caa27fcd Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期五, 21 二月 2025 09:31:55 +0800 Subject: [PATCH] 电路试验样式调整 --- src/components/do/b1-inspect-order-plan/circuit-parameters3.vue | 593 +++++++++++++++++++++++++++++++--------------------------- 1 files changed, 314 insertions(+), 279 deletions(-) diff --git a/src/components/do/b1-inspect-order-plan/circuit-parameters3.vue b/src/components/do/b1-inspect-order-plan/circuit-parameters3.vue index 148ecfc..752e5ba 100644 --- a/src/components/do/b1-inspect-order-plan/circuit-parameters3.vue +++ b/src/components/do/b1-inspect-order-plan/circuit-parameters3.vue @@ -5,41 +5,45 @@ <el-col :span="17"> <el-row> <el-col :span="23" style="display: flex;flex-wrap: wrap;"> - <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)"> + <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 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" 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" :disabled="state>1" @focus="methodFocus(item)" @change="m=>handleEquip(m,item)"> - <el-option - v-for="m in item.equipOptions" - :key="m.value" - :label="m.value" - :value="m.value"> + <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" :label="m.value" :value="m.value"> </el-option> </el-select> </td> </tr> </table> </el-col> - <el-col :span="1" v-show="insProductNew.length>3"> - <el-button icon="el-icon-arrow-down" type="text" @click="isMore=true" v-if="!isMore">鏇村</el-button> - <el-button icon="el-icon-arrow-up" type="text" @click="isMore=false" v-if="isMore">鏀惰捣</el-button> + <el-col :span="1" v-show="insProductNew.length > 3"> + <el-button icon="el-icon-arrow-down" type="text" @click="isMore = true" v-if="!isMore">鏇村</el-button> + <el-button icon="el-icon-arrow-up" type="text" @click="isMore = false" v-if="isMore">鏀惰捣</el-button> </el-col> </el-row> </el-col> <el-col :span="7"> - <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> + <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> </div> </el-col> </el-row> - <el-row :gutter="5" style="font-size: 18px;font-weight: 700;background: #F0F1F5;padding: 16px 0;box-sizing: border-box;width: 100%;"> + <el-row :gutter="5" + style="font-size: 18px;font-weight: 700;background: #F0F1F5;padding: 16px 0;box-sizing: border-box;width: 100%;"> <el-col :span="2"> <div style="text-align: center;">妫�楠岄」鐩�</div> </el-col> @@ -56,25 +60,24 @@ <div style="text-align: center;">缁撹</div> </el-col> </el-row> - <div class="circuit-parameters-item" v-for="(h,y) in allBandList" :key="y+'ooo'"> + <div class="circuit-parameters-item" v-for="(h, y) in allBandList" :key="y + 'ooo'"> <div class="circuit-parameters-item-title"> <span>棰戞锛�</span> - <el-select v-model="h.band" placeholder="璇烽�夋嫨" size="small" style="width: 200px;" :disabled="state>1"> - <el-option - v-for="item in bandList" - :key="item.value" - :label="item.label" - :value="item.value"> + <el-select v-model="h.band" placeholder="璇烽�夋嫨" size="small" style="width: 200px;" :disabled="state > 1"> + <el-option v-for="item in bandList" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> - <el-button size="small" @click="deleteList(y,allBandList,'鍒犻櫎棰戞')" :disabled="state>1" style="margin-left: 16px;" type="danger">鍒犻櫎棰戞</el-button> - <el-button type="primary" size="small" @click="save(h,y)" :disabled="state>1" :loading="loading[y]" v-show="!isLook">淇� 瀛�</el-button> + <el-button size="small" @click="deleteList(y, allBandList, '鍒犻櫎棰戞')" :disabled="state > 1" + style="margin-left: 16px;" type="danger">鍒犻櫎棰戞</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> <div class="circuit-parameters-item-content"> - <template v-for="(n,j) in h.projectList"> + <template v-for="(n, j) in h.projectList"> <!-- 鐢靛帇椹绘尝姣� --> - <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" v-if="n.inspectionItemSubclass.includes('椹绘尝姣�')||n.inspectionItemSubclass.includes('闅旂搴�')||n.inspectionItemSubclass.includes('甯﹀鎶戝埗')||n.inspectionItemSubclass.includes('甯﹀唴娉㈠姩')||n.inspectionItemSubclass.includes('鎻掑叆鎹熻��')"> + <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" + v-if="n.inspectionItemSubclass.includes('椹绘尝姣�') || n.inspectionItemSubclass.includes('闅旂搴�') || n.inspectionItemSubclass.includes('甯﹀鎶戝埗') || n.inspectionItemSubclass.includes('甯﹀唴娉㈠姩') || n.inspectionItemSubclass.includes('鎻掑叆鎹熻��')"> <el-col :span="2"> <div style="text-align: center;">{{ n.inspectionItemSubclass }}</div> </el-col> @@ -89,9 +92,9 @@ <table border="1" cellpadding="10" class="thermal-table"> <tr> <td>绔彛</td> - <td v-for="(item,index) in n.portList" :key="index+'aaa'"> + <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> </tr> @@ -99,23 +102,28 @@ <td> 鏈�宸�� </td> - <td v-for="(m,i) in n.portList" :key="i+'ggg'"> - <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" :disabled="state>1"></el-input> + <td v-for="(m, i) in n.portList" :key="i + 'ggg'"> + <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" + :disabled="state > 1"></el-input> </td> </tr> </table> </div> </el-col> <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-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 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> <!-- 浜掕皟 --> - <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" v-if="n.inspectionItemSubclass.includes('浜掕皟')"> + <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" + v-if="n.inspectionItemSubclass.includes('浜掕皟')"> <el-col :span="2"> <div style="text-align: center;">{{ n.inspectionItemSubclass }}</div> </el-col> @@ -130,14 +138,12 @@ <table border="1" cellpadding="10" class="thermal-table"> <tr> <td>棰戞</td> - <td :colspan="n.portList.length+1"> + <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-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" + <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> @@ -146,9 +152,9 @@ </tr> <tr> <td>绔彛</td> - <td v-for="(item,index) in n.portList" :key="index+'fff'"> + <td v-for="(item, index) in n.portList" :key="index + 'fff'"> <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> </tr> @@ -156,23 +162,28 @@ <td> 鏈�宸�� </td> - <td v-for="(m,i) in n.portList" :key="i+'ggg'"> - <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" :disabled="state>1"></el-input> + <td v-for="(m, i) in n.portList" :key="i + 'ggg'"> + <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" + :disabled="state > 1"></el-input> </td> </tr> </table> </div> </el-col> <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-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 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> <!-- 骞呭害鍋忓樊/鏈�澶х浉浣嶅亸宸� --> - <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" v-if="n.inspectionItemSubclass.includes('鍋忓樊')"> + <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" + v-if="n.inspectionItemSubclass.includes('鍋忓樊')"> <el-col :span="2"> <div style="text-align: center;">{{ n.inspectionItemSubclass }}</div> </el-col> @@ -187,9 +198,9 @@ <table border="1" cellpadding="10" class="thermal-table"> <tr> <td>棰戞</td> - <td v-for="(item,index) in n.portList" :key="index+'aaa'"> + <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> </tr> @@ -197,23 +208,27 @@ <td> 鏈�宸�� </td> - <td v-for="(m,i) in n.portList" :key="i+'ggg'"> - <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" :disabled="state>1"></el-input> + <td v-for="(m, i) in n.portList" :key="i + 'ggg'"> + <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][i]" v-if="n.value[0]" + :disabled="state > 1"></el-input> </td> </tr> </table> </div> </el-col> <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-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 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> <!-- 鏈�澶ц�﹀悎搴�/鏈�灏忚�﹀悎搴� --> - <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" v-if="n.inspectionItemSubclass.includes('鑰﹀悎搴�')"> + <el-row :gutter="5" style="margin: 12px 0 0;display: flex;align-items: center;" + v-if="n.inspectionItemSubclass.includes('鑰﹀悎搴�')"> <el-col :span="2"> <div style="text-align: center;">{{ n.inspectionItemSubclass }}</div> </el-col> @@ -239,18 +254,19 @@ 鏈�宸�� </td> <td> - <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][0]" :disabled="state>1"></el-input> + <el-input size="small" placeholder="鏈�宸��" v-model="n.value[0][0]" :disabled="state > 1"></el-input> </td> </tr> </table> </div> </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 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> - <el-divider v-if="j!=h.projectList.length-1"></el-divider> + <el-divider v-if="j != h.projectList.length - 1"></el-divider> </template> </div> </div> @@ -259,83 +275,83 @@ <script> export default { - props:['insProduct','orderId','sampleId','state','num','isLook','currentNum'], + props: ['insProduct', 'orderId', 'sampleId', 'state', 'num', 'isLook', 'currentNum'], data() { return { value: "", - bandList:[], - bandList0:[], - portList:[ + bandList: [], + bandList0: [], + portList: [ { - value:'1', + value: '1', }, ], - projectList:[ + projectList: [ { - name:'鐢靛帇椹绘尝姣�', - unit:'/', - ask:'鈮�1.45', - result:'', - conclusion:'鍚堟牸', - portList:[], - value:[],//鍙屽眰鏁扮粍 + name: '鐢靛帇椹绘尝姣�', + unit: '/', + ask: '鈮�1.45', + result: '', + conclusion: '鍚堟牸', + portList: [], + value: [],//鍙屽眰鏁扮粍 }, { - name:'鍚屾瀬鍖栭殧绂诲害', - unit:'dB', - ask:'鈮�1.45', - result:'', - conclusion:'鍚堟牸', - portList:[], - value:[],//鍙屽眰鏁扮粍 + name: '鍚屾瀬鍖栭殧绂诲害', + unit: 'dB', + ask: '鈮�1.45', + result: '', + conclusion: '鍚堟牸', + portList: [], + value: [],//鍙屽眰鏁扮粍 }, { - name:'浜掕皟', - band:'2100MHz', - unit:'dB', - ask:'鈮�1.45', - result:'', - conclusion:'鍚堟牸', - portList:[], - value:[],//鍙屽眰鏁扮粍 + name: '浜掕皟', + band: '2100MHz', + unit: 'dB', + ask: '鈮�1.45', + result: '', + conclusion: '鍚堟牸', + portList: [], + value: [],//鍙屽眰鏁扮粍 }, { - name:'鍋忓樊', - unit:'dB', - ask:'鈮�1.45', - result:'', - conclusion:'鍚堟牸', - portList:[], - value:[],//鍙屽眰鏁扮粍 + name: '鍋忓樊', + unit: 'dB', + ask: '鈮�1.45', + result: '', + conclusion: '鍚堟牸', + portList: [], + value: [],//鍙屽眰鏁扮粍 }, { - name:'鏈�澶ц�﹀悎搴�', - unit:'dB', - band:'2100MHz', - ask:'鈮�1.45', - result:'', - conclusion:'鍚堟牸', - portList:[], - value:[],//鍙屽眰鏁扮粍 - resValue:'' + name: '鏈�澶ц�﹀悎搴�', + unit: 'dB', + band: '2100MHz', + ask: '鈮�1.45', + result: '', + conclusion: '鍚堟牸', + portList: [], + value: [],//鍙屽眰鏁扮粍 + resValue: '' }, ], - allBandList:[],//棰戞 - insProductNew:[], - isMore:false, - loading:{}, - intermodulationNum:0,//浜掕皟妫�楠岄」鐩殑鏁伴噺 - upTemplateState:false, + allBandList: [],//棰戞 + insProductNew: [], + isMore: false, + loading: {}, + intermodulationNum: 0,//浜掕皟妫�楠岄」鐩殑鏁伴噺 + upTemplateState: false, }; }, watch: { currentNum(val) { this.initData() }, - insProduct:{ - deep:true, - handler:function(val){ + insProduct: { + deep: true, + handler: function (val) { // console.log('鏇存柊椤甸潰鍟�') this.initData() } @@ -360,43 +376,43 @@ }) }, // 鍒濆鍖栨暟鎹� - initData(){ + initData() { this.allBandList = [] this.intermodulationNum = 0 // 澶勭悊椤圭洰 - this.insProductNew = JSON.parse(JSON.stringify(this.insProduct)).filter(m=>m.inspectionItem.includes('鐢佃矾璇曢獙')) + this.insProductNew = JSON.parse(JSON.stringify(this.insProduct)).filter(m => m.inspectionItem.includes('鐢佃矾璇曢獙')) this.insProductNew.forEach(async item => { - if(item.inspectionItemSubclass.includes('浜掕皟')){ - this.intermodulationNum++ - } + if (item.inspectionItemSubclass.includes('浜掕皟')) { + this.intermodulationNum++ + } // 鑾峰彇璁惧鍒楄〃 item.equipOptions = [] }) - if(this.insProductNew[0].insProductResult2&&this.insProductNew[0].insProductResult2.length>0){ + if (this.insProductNew[0].insProductResult2 && this.insProductNew[0].insProductResult2.length > 0) { // 宸茬粡瀛樺湪鍊兼椂锛岃祴鍊� - let bandList = this.insProductNew[0].insProductResult2.map(m=>m.frequency) + let bandList = this.insProductNew[0].insProductResult2.map(m => m.frequency) bandList = Array.from(new Set(bandList)) // 涓婁紶闄勪欢鍚庯紝璁剧疆妫�楠岄」鏁版嵁涓虹┖鐨勫唴瀹� let sample = this.insProductNew[0];//鑾峰彇椹绘尝姣旂殑鏁版嵁锛屽鏋滈┗娉㈡瘮鍊煎瓨鍦ㄨ�屽叾浠栨楠岄」鍊间笉瀛樺湪锛屽垯鏍规嵁椹绘尝姣旇缃粯璁ゆ暟鎹� - if(sample.insProductResult2&&sample.insProductResult2.length>0){ + if (sample.insProductResult2 && sample.insProductResult2.length > 0) { this.insProductNew.forEach(item => { - if(!item.inspectionItemSubclass.includes('椹绘尝姣�')&&(!item.insProductResult2||item.insProductResult2.length==0||item.insProductResult2.length<bandList.length)){ - if(!(item.insProductResult2.length>0&&item.insProductResult2.length<bandList.length)){ + if (!item.inspectionItemSubclass.includes('椹绘尝姣�') && (!item.insProductResult2 || item.insProductResult2.length == 0 || item.insProductResult2.length < bandList.length)) { + if (!(item.insProductResult2.length > 0 && item.insProductResult2.length < bandList.length)) { item.insProductResult2 = [] } - sample.insProductResult2.forEach(m=>{ + sample.insProductResult2.forEach(m => { let obj = this.HaveJson(m) // 濡傛灉鏁版嵁鏈夛紝浣嗘槸涓嶅鎵�鏈夐娈电殑鏁伴噺锛屽垯琛ュ叏鏁版嵁 - if(item.insProductResult2.length>0&&item.insProductResult2.length<bandList.length){ - let obj0 = item.insProductResult2.find(n=>m.frequency==n.frequency) - if(!obj0){ + if (item.insProductResult2.length > 0 && item.insProductResult2.length < bandList.length) { + let obj0 = item.insProductResult2.find(n => m.frequency == n.frequency) + if (!obj0) { let port = '1' let value = JSON.parse(m.value) let value0 = [] - value.forEach(n=>{ - if(!item.inspectionItemSubclass.includes('鑰﹀悎搴�')){ + value.forEach(n => { + if (!item.inspectionItemSubclass.includes('鑰﹀悎搴�')) { value0.push(['']) - }else{ + } else { value0.push(['']) } }) @@ -404,15 +420,15 @@ obj.value = JSON.stringify(value0) item.insProductResult2.push(obj) } - }else{ + } else { // 濡傛灉涓�鏉℃暟鎹兘娌℃湁锛屽垯琛ュ叏鏁版嵁 let port = '1' let value = JSON.parse(m.value) let value0 = [] - value.forEach(n=>{ - if(!item.inspectionItemSubclass.includes('鑰﹀悎搴�')){ + value.forEach(n => { + if (!item.inspectionItemSubclass.includes('鑰﹀悎搴�')) { value0.push(['']) - }else{ + } else { value0.push(['']) } }) @@ -426,65 +442,65 @@ } // 缁х画鍥炴樉鏁版嵁 this.allBandList = [] - for(let i = 0;i<bandList.length;i++){ + for (let i = 0; i < bandList.length; i++) { let arr = [] this.insProductNew.forEach(item => { let equipNameList = [] let equipValueList = [] item.insProductResult2.forEach(n => { - if(n.frequency===bandList[i]){ + if (n.frequency === bandList[i]) { // 璧嬪�奸〉闈㈣澶囧悕绉板拰鍊� - if(n.equipValue){ + if (n.equipValue) { equipNameList.push(n.equipName) equipValueList.push(n.equipValue) } // 浠ヤ笅涓鸿祴鍊煎垪琛ㄤ俊鎭� let portList = [] - if(n.port&&n.port.split(',').length>0){ - n.port.split(',').forEach(m=>{ - portList.push({value:m}) + if (n.port && n.port.split(',').length > 0) { + n.port.split(',').forEach(m => { + portList.push({ value: m }) }) } let ask = '' - if(item.ask.includes(',')){ - item.ask.split(',').forEach((m,i)=>{ - ask = ask + m+ (i==item.ask.split(',').length-1?'':'<br/>') + if (item.ask.includes(',')) { + item.ask.split(',').forEach((m, i) => { + ask = ask + m + (i == item.ask.split(',').length - 1 ? '' : '<br/>') }) - }else{ + } else { ask = item.ask } console.log(ask) let obj = { inspectionItemSubclass: item.inspectionItemSubclass, - unit:item.unit, - ask:ask, - result:n.result, - id:item.id, - often:n.often, - equipName:n.equipName, - equipValue:n.equipValue, - frequency:n.frequency, - sonLaboratory:item.sonLaboratory, - portNum:JSON.parse(n.value).length>0?JSON.parse(n.value)[0].length:4 + unit: item.unit, + ask: ask, + result: n.result, + id: item.id, + often: n.often, + equipName: n.equipName, + equipValue: n.equipValue, + frequency: n.frequency, + 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,'value', JSON.parse(n.value)) + this.$set(obj, 'portList', n.port ? portList : []) + this.$set(obj, 'value', JSON.parse(n.value)) arr.push(obj) } }) - if(equipValueList.length>0){ - this.$delete(item,'equipName') - this.$delete(item,'equipValue') - this.$set(item,'equipName',equipNameList[equipNameList.length-1]) - this.$set(item,'equipValue',equipValueList[equipValueList.length-1]) + if (equipValueList.length > 0) { + this.$delete(item, 'equipName') + this.$delete(item, 'equipValue') + this.$set(item, 'equipName', equipNameList[equipNameList.length - 1]) + this.$set(item, 'equipValue', equipValueList[equipValueList.length - 1]) } }) - this.$set(this.allBandList,i, { + this.$set(this.allBandList, i, { band: bandList[i], projectList: arr }) } - }else{ + } else { console.log(2222) // 娌℃湁鍊兼椂锛屽垵濮嬪寲椤甸潰 this.insProductNew.forEach(async item => { @@ -494,7 +510,7 @@ // 璧嬪�肩鍙e拰瑙掑害 this.portList = [ { - value:'1', + value: '1', }, ] item.portList = JSON.parse(JSON.stringify(this.portList)) @@ -503,11 +519,11 @@ // 璧嬪�兼渶宸�� item.value = [] item.portNum = 4 - if(item.inspectionItemSubclass.includes('鑰﹀悎搴�')){ + if (item.inspectionItemSubclass.includes('鑰﹀悎搴�')) { item.value.push(['']) - }else{ + } else { item.value.push([]) - for(let j=0;j<item.portList.length;j++){ + for (let j = 0; j < item.portList.length; j++) { item.value[i].push('') } } @@ -515,7 +531,7 @@ // 鍒濆鍖栭娈� this.allBandList.push( { - band:'', + band: '', projectList: JSON.parse(JSON.stringify(this.insProductNew)) } ) @@ -523,41 +539,42 @@ } }, // 鍒犻櫎鏁扮粍 - deleteList(index,list,type){ + deleteList(index, list, type) { this.upTemplateState = false; - if(list.length>1){ - if(type=='浜掕皟'){ + if (list.length > 1) { + if (type == '浜掕皟') { // let index = null; let num = 0; - list.forEach((m,i)=>{ - if(m.inspectionItemSubclass.includes('浜掕皟')){ + list.forEach((m, i) => { + if (m.inspectionItemSubclass.includes('浜掕皟')) { // index = i; num++ } }) - if(num==1){ + if (num == 1) { this.$message({ type: 'warning', message: '涓嶈兘鍒犻櫎鏈�鍚庝竴涓簰璋�' }); - }else{ + } else { list.splice(index, 1) } - }else if(type=='鍒犻櫎棰戞'){ + } else if (type == '鍒犻櫎棰戞') { this.$confirm(`鏄惁纭畾鍒犻櫎 ${list[index].band} 棰戞鏁版嵁?`, "鎻愮ず", { confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", type: "warning" }).then(() => { this.$axios.post(this.$api.insOrderPlan.deleteInsContext, { - frequency:list[index].band, - productIds:list[index].projectList.map(m=>m.id), - num:this.num + frequency: list[index].band, + productIds: list[index].projectList.map(m => m.id), + num: this.num }, { - headers: { - 'Content-Type': 'application/json' - }, - noQs:true}).then(res => { + headers: { + 'Content-Type': 'application/json' + }, + noQs: true + }).then(res => { if (res.code === 201) { this.$message.error('鍒犻櫎澶辫触') return @@ -567,11 +584,11 @@ }).catch(err => { console.log(err) }) - }).catch(() => {}) - }else{ + }).catch(() => { }) + } else { list.splice(index, 1) } - }else{ + } else { this.$message({ type: 'warning', message: '涓嶈兘鍒犻櫎鏈�鍚庝竴涓�' @@ -579,13 +596,13 @@ } }, // 娣诲姞鏁扮粍 - addList(list,type){ + addList(list, type) { this.upTemplateState = false; - if(type=='浜掕皟'){ + if (type == '浜掕皟') { let obj = null; let index = null; - list.forEach((m,i)=>{ - if(m.inspectionItemSubclass.includes('浜掕皟')){ + list.forEach((m, i) => { + if (m.inspectionItemSubclass.includes('浜掕皟')) { obj = JSON.parse(JSON.stringify(m)); index = i; } @@ -596,17 +613,17 @@ let num1 = obj.value[0].length delete obj.value obj.value = [] - for(let i = 0;i<num0;i++){ + for (let i = 0; i < num0; i++) { obj.value.push([]) - for(let j = 0;j<num1;j++){ + for (let j = 0; j < num1; j++) { obj.value[i].push('') } } - list.splice(index+1, 0, obj) - }else if(type=='棰戞'){ + list.splice(index + 1, 0, obj) + } else if (type == '棰戞') { let obj = JSON.parse(JSON.stringify(list[0])); obj.band = '' - obj.projectList.forEach(item=>{ + obj.projectList.forEach(item => { item.often = '' item.result = '' item.frequency = '' @@ -614,33 +631,33 @@ let num1 = item.value[0].length delete item.value item.value = [] - for(let i = 0;i<num0;i++){ + for (let i = 0; i < num0; i++) { item.value.push([]) - for(let j = 0;j<num1;j++){ + for (let j = 0; j < num1; j++) { item.value[i].push('') } } }) list.push(obj) - }else if('绔彛'){ + } else if ('绔彛') { let obj = JSON.parse(JSON.stringify(list[0])); obj.value = null; list.push(obj) - }else{ + } 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++){ + 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--){ + } else if (num < list.length) { + for (let i = list.length; i > num; i--) { list.pop() } } @@ -661,61 +678,62 @@ } return arr }, - async methodFocus(item){ + async methodFocus(item) { this.$delete(item, 'equipOptions') this.$set(item, 'equipOptions', await this.getEquipOptions(item)) }, - handleEquip(m,item){ + handleEquip(m, item) { this.$delete(item, 'equipValue') this.$set(item, 'equipValue', m) this.$delete(item, 'equipName') - this.$set(item, 'equipName', item.equipOptions.find(m=>m.value==item.equipValue).label) + this.$set(item, 'equipName', item.equipOptions.find(m => m.value == item.equipValue).label) }, - handlePort(n){ - if(!n.often){ + handlePort(n) { + 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=>{ + 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, - equipName:this.insProductNew.find(m=>m.id==item.id).equipName, - port:item.portList.map(m=>m.value).join(','), - value:JSON.stringify(item.value), - often:item.often + insProductId: item.id, + equipValue: this.insProductNew.find(m => m.id == item.id).equipValue, + equipName: this.insProductNew.find(m => m.id == item.id).equipName, + port: item.portList.map(m => m.value).join(','), + value: JSON.stringify(item.value), + often: item.often } return obj }) this.$delete(this.loading, y) - this.$set( this.loading, y, true) + this.$set(this.loading, y, true) this.$axios.post(this.$api.insOrderPlan.saveInsContext2, { // orderId:this.orderId, - sampleId:this.orderId, - sonLaboratory:h.projectList[0].sonLaboratory, - frequency:h.band, - insProductResult2s:arr + sampleId: this.orderId, + sonLaboratory: h.projectList[0].sonLaboratory, + frequency: h.band, + insProductResult2s: arr }, { - headers: { - 'Content-Type': 'application/json' - }, - noQs:true}).then(res => { - this.$set( this.loading, y, false) + headers: { + 'Content-Type': 'application/json' + }, + noQs: true + }).then(res => { + this.$set(this.loading, y, false) // this.loading[y] = false if (res.code === 201) { this.$message.error('淇濆瓨澶辫触') return } - for(let i=0;i<res.data.length;i++){ + for (let i = 0; i < res.data.length; i++) { h.projectList[i].result = res.data[i] } this.$message.success('宸蹭繚瀛�') @@ -723,79 +741,81 @@ console.log(err) }) }, - async saveAll(){ - if(this.allBandList.find(m=>!m.band)){ + async saveAll() { + if (this.allBandList.find(m => !m.band)) { this.$message.error('璇峰厛濉啓棰戞') return false - }else{ + } else { let arr0 = [] - this.allBandList.forEach((h,j)=>{ + this.allBandList.forEach((h, j) => { // this.save(h,j) - let arr = h.projectList.map(item=>{ - if(item.portList&&item.portList.length>0){ - item.value.forEach(m=>{ + 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, - equipName:this.insProductNew.find(m=>m.id==item.id).equipName, - port:item.portList.map(m=>m.value).join(','), - value:JSON.stringify(item.value), - often:item.often + insProductId: item.id, + equipValue: this.insProductNew.find(m => m.id == item.id).equipValue, + equipName: this.insProductNew.find(m => m.id == item.id).equipName, + port: item.portList.map(m => m.value).join(','), + value: JSON.stringify(item.value), + often: item.often } return obj }) let obj0 = { - sampleId:this.orderId, - sonLaboratory:h.projectList[0].sonLaboratory, - frequency:h.band, - insProductResult2s:arr + sampleId: this.orderId, + sonLaboratory: h.projectList[0].sonLaboratory, + frequency: h.band, + insProductResult2s: arr } arr0.push(obj0) }) - let res = await this.$axios.post(this.$api.insOrderPlan.saveInsContext2s, {insProductResultDtos:arr0 + let res = await this.$axios.post(this.$api.insOrderPlan.saveInsContext2s, { + insProductResultDtos: arr0 }, { - headers: { - 'Content-Type': 'application/json' - }, - noQs:true}) - if(res.code===201){ + headers: { + 'Content-Type': 'application/json' + }, + noQs: true + }) + if (res.code === 201) { this.$message.error('淇濆瓨澶辫触') return false - }else{ + } else { this.$message.success('宸蹭繚瀛�') return true } } }, // 鏇存柊妯℃澘 - upTemplate(obj){ + upTemplate(obj) { this.upTemplateState = true; // return - obj.allBandList.forEach((item,index)=>{ - if(!this.allBandList[index]){ - this.$set(this.allBandList, index, {projectList:this.HaveJson(this.allBandList[0].projectList)}) + obj.allBandList.forEach((item, index) => { + if (!this.allBandList[index]) { + this.$set(this.allBandList, index, { projectList: this.HaveJson(this.allBandList[0].projectList) }) // 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)){ + item.projectList.forEach((m, i) => { + if (this.allBandList[index].projectList.find(n => n.inspectionItemSubclass == m.inspectionItemSubclass)) { let obj0 = { - portList:m.portList, - portNum:m.portNum, - valueType:m.valueType + portList: m.portList, + portNum: m.portNum, + valueType: m.valueType } - this.$set(obj0,'value',m.value) - arr.push({...this.allBandList[index].projectList.find(n=>n.inspectionItemSubclass==m.inspectionItemSubclass),...obj0}) + this.$set(obj0, 'value', m.value) + arr.push({ ...this.allBandList[index].projectList.find(n => n.inspectionItemSubclass == m.inspectionItemSubclass), ...obj0 }) } }) - this.$delete(this.allBandList[index],'projectList') - this.$set(this.allBandList[index],'projectList',arr) + this.$delete(this.allBandList[index], 'projectList') + this.$set(this.allBandList[index], 'projectList', arr) // this.allBandList[index].projectList = arr }) this.intermodulationNum = obj.intermodulationNum @@ -805,58 +825,70 @@ </script> <style scoped> -.circuit-parameters{ +.circuit-parameters { position: relative; overflow: visible; } -.circuit-parameters-item{ + +.circuit-parameters-item { margin-bottom: 10px; border: 1px solid #eee; padding: 10px; box-sizing: border-box; border-radius: 8px; } -.circuit-parameters-item-title{ + +.circuit-parameters-item-title { display: flex; align-items: center; } -.thermal-table{ + +.thermal-table { min-width: calc(100% - 10px); table-layout: fixed; } -.thermal-table td,.thermal-table th { - min-width: 70px; + +.thermal-table td, +.thermal-table th { + min-width: 120px; text-align: center; font-size: 14px; word-wrap: break-word; white-space: normal; padding: 5px; } -.thermal-table .el-input{ + +.thermal-table .el-input { display: flex; align-items: center; } -.equip{ + +.equip { display: flex; align-items: center; } -.red{ + +.red { color: red; } -.green{ + +.green { color: green; } + >>>.el-input-number { display: inline-flex; flex-direction: column !important; line-height: 26px; } ->>>.el-input-number__increase, >>>.el-input-number__decrease { +>>>.el-input-number__increase, +>>>.el-input-number__decrease { width: 26px; height: 26px; } ->>>.el-input-number__increase{ + +>>>.el-input-number__increase { top: 36px; left: 10px; border: 0px; @@ -864,7 +896,8 @@ background: #3A7BFA; color: #fff; } ->>>.el-input-number__decrease{ + +>>>.el-input-number__decrease { top: -30px; border: 0px; border-radius: 50%; @@ -872,10 +905,12 @@ background: #F56C6C; color: #fff; } ->>>.el-input-number .el-input{ + +>>>.el-input-number .el-input { width: 50px; } ->>>.el-input-number .el-input__inner{ + +>>>.el-input-number .el-input__inner { width: 50px; padding: 0; } -- Gitblit v1.9.3