| | |
| | | background-color: #fff; |
| | | border-radius: 3px; |
| | | padding: 20px; |
| | | position: relative; |
| | | } |
| | | .center-box{ |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-wrap: wrap; |
| | | } |
| | | overflow-y: auto; |
| | | } |
| | | .tables{ |
| | | /* width: 800px; */ |
| | | margin-bottom: 16px; |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .collection{ |
| | | width: 50px; |
| | | height: 100%; |
| | | margin-left: 5px; |
| | | border-color: transparent; |
| | | background-color: #409eff; |
| | | color: #fff; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .collection:active{ |
| | | opacity: .7; |
| | | } |
| | | </style> |
| | | <style> |
| | | .el-form-item__label{ |
| | |
| | | <template> |
| | | <div v-loading="loading"> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">检验单详情</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="small" type="primary" @click="sampleVisible=true">样品切换</el-button> |
| | | <el-button size="small" type="primary" @click="taskVisible=true">任务切换</el-button> |
| | | <el-button size="small" @click="$emit('goback')">返回</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-col :span="12" style="padding-left: 20px;">检验单详情</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="small" type="primary" @click="sampleVisible=true">样品切换</el-button> |
| | | <el-button size="small" type="primary" @click="taskVisible=true">任务切换</el-button> |
| | | <el-button size="small" @click="$emit('goback')">返回</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="search"> |
| | | <el-form :inline="true" :model="searchForm" class="form-inline" label-width="100px"> |
| | | <el-form-item label="委托编号:"> |
| | |
| | | </el-form> |
| | | </div> |
| | | <div class="center"> |
| | | <table border="1" class="tables" cellpadding="10" v-for="(item,index) in tableList" :key="index"> |
| | | <div class="center-box"> |
| | | <table border="1" class="tables" cellpadding="10" v-for="(item,index) in tableList" :key="index"> |
| | | <tbody> |
| | | <tr v-for="(m,i) in item.arr" :key="i"> |
| | | <td |
| | | :id='item.templateId+"-"+n.r+"-"+n.c' |
| | | :id='item.templateId+"-"+n.i+"-"+n.r+"-"+n.c' |
| | | v-for="(n,j) in m" |
| | | :key="j" |
| | | :colspan="n.v.mc&&n.v.mc.cs?n.v.mc.cs:1" |
| | | :rowspan="n.v.mc&&n.v.mc.rs?n.v.mc.rs:1" |
| | | :style="`background:${n.v.bg};color:${n.v.fc};font-size:${n.v.fs}px;width:${item.style.columnlen[n.c]}px;height:${item.style.rowlen[n.r]}px;font-wight:${n.v.bl?'bold':''};`"> |
| | | <div class="content" :class="`content-h-${n.v.ht} content-v-${n.v.vt}`"> |
| | | <el-input v-if="n.v.ps!=undefined && n.v.ps.value==='检验值'" class="table_input" v-model="n.v.v" @change="m=>changeInput(m,`${item.templateId}-${n.r}-${n.c}`)" /> |
| | | <template v-if="n.v.ps!=undefined && n.v.ps.value==='检验值'"> |
| | | <el-input v-if="getInspectionValueType(n.i) == 1" class="table_input" v-model="n.v.v" :disabled="getInspectionItemType(n.i) == 1" @change="m=>changeInput(m,`${item.templateId}-${n.r}-${n.c}-${n.i}`)" /> |
| | | <el-input v-else-if="getInspectionValueType(n.i) == 2" class="table_input" type="textarea" :autosize="{ minRows: 1}" v-model="n.v.v"/> |
| | | <el-select v-else-if="getInspectionValueType(n.i) == 5" class="table_input" v-model="n.v.v"> |
| | | <el-option label="是" value="是"></el-option> |
| | | <el-option label="否" value="否"></el-option> |
| | | </el-select> |
| | | <span :style="`font-family:${n.v.ff} !important;`" v-else-if="getInspectionValueType(n.i) == 4">/</span> |
| | | <el-button type="primary" icon="el-icon-edit" size="mini" circle v-if="getInspectionItemType(n.i) == 1" style="border: 0;margin-left: 2px;" @click="getSystemValue(n)"> |
| | | </el-button> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='结论'"> |
| | | <span v-if="n.v.v===1" :style="`font-family:${n.v.ff} !important;color: green;`">合格</span> |
| | | <span v-else-if="n.v.v===0" :style="`font-family:${n.v.ff} !important;color: red;`">不合格</span> |
| | | <span v-else :style="`font-family:${n.v.ff} !important;`">待定</span> |
| | | </template> |
| | | <template v-else-if="n.v.ps!=undefined && n.v.ps.value==='设备'"> |
| | | <el-select v-model="n.v.v" placeholder="请选择" @visible-change="e=>getEquipOptions(e,n.i)"> |
| | | <el-option |
| | | v-for="item in equipOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </template> |
| | | <span v-else :style="`font-family:${n.v.ff} !important;`">{{n.v.v}}</span> |
| | | </div> |
| | |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <el-drawer |
| | | title="样品切换" |
| | |
| | | tableList:[], |
| | | loading: false, |
| | | ps: {}, |
| | | param: { |
| | | insValue:{}, |
| | | comValue: {}, |
| | | bestValue: {}, |
| | | result: {} |
| | | }, |
| | | param: {}, |
| | | currentKey:1, |
| | | comparisonList:[], |
| | | excelMethodList:[] |
| | | excelMethodList:[], |
| | | equipOptions:[], |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }) |
| | | this.sampleProduct = res.data.sampleProduct |
| | | this.currentSample = this.sampleProduct[0] |
| | | this.currentSample.insProduct.forEach(a=>{ |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: [], |
| | | equipValue:null, |
| | | intResult: null |
| | | } |
| | | }) |
| | | if(this.currentSample.index==undefined)this.currentSample['index'] = 1 |
| | | this.loading = false |
| | | this.handleTableData() |
| | |
| | | methods: { |
| | | handleChangeSample(row, column, event){ |
| | | this.currentSample = row; |
| | | this.currentSample.insProduct.forEach(a=>{ |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: [], |
| | | equipValue:null, |
| | | intResult: null |
| | | } |
| | | }) |
| | | this.handleTableData() |
| | | this.sampleVisible = false; |
| | | this.currentKey=row.index |
| | |
| | | let arrs = [] |
| | | let set = new Set() |
| | | let count1 = 0 |
| | | let conclusionList=[];//结论列表 |
| | | let finalList = [];//最终值列表 |
| | | conclusionList = a.template.filter(n=>n.v.ps!=undefined&&n.v.ps.value==='结论') |
| | | finalList = a.template.filter(n=>n.v.ps!=undefined&&n.v.ps.value==='最终值') |
| | | a.template.forEach(b=>{ |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='序号'){ |
| | | count1++ |
| | | b.v.v = count1 |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='检验值'){ |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='要求值'){ |
| | | b.v.v = this.getAsk(b.i) |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='检验值'){ |
| | | b.v.v = '' |
| | | this.param[b.i].insValue.push(b) |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='计算值'){ |
| | | b.v.v = '' |
| | | this.param[b.i].comValue.push(b) |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='设备'){ |
| | | b.v.v = '' |
| | | this.param[b.i].equipValue = b |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='最终值'){ |
| | | b.v.v = '' |
| | | if(b.i===undefined){ |
| | | for(var c in this.param){ |
| | | this.param[c].resValue.push(b) |
| | | } |
| | | }else{ |
| | | this.param[b.i].resValue.push(b) |
| | | } |
| | | } |
| | | if (b.v.ps!=undefined&&b.v.ps.value==='结论'){ |
| | | for(var c in this.param){ |
| | | this.param[c].insResult = b |
| | | } |
| | | conclusionList.forEach((n,i)=>{ |
| | | if(n.r==b.r&&n.c==b.c){ |
| | | console.log(b.r,b.c,) |
| | | b.v.f = `(${this.comparisonList.find(j=>j.value==(finalList[i].c)).label}${finalList[i].r+1})` |
| | | } |
| | | }) |
| | | } |
| | | set.add(b.r) |
| | | if(b.v.f){ |
| | |
| | | }) |
| | | a.arr = arrs |
| | | }) |
| | | /* this.currentSample.insProduct.forEach(a=>{ |
| | | for(var i=0;i<a.param.comValue.length;i++){ |
| | | this.param[a.id].comValue[i].v.v = a.param.comValue[i].v.v |
| | | } |
| | | }) */ |
| | | this.handleExcelMethod() |
| | | }, |
| | | changeInput(m,code){ |
| | | console.log(m,'code:',code,this.excelMethodList) |
| | | let r = code.split('-')[1] |
| | | let c = code.split('-')[2] |
| | | let str = code.split('-') |
| | | let r = str[1] |
| | | let c = str[2] |
| | | let id = str[0] |
| | | let pId = str[3] |
| | | var list = [] |
| | | for(let a in this.tableList){ |
| | | if(this.tableList[a].templateId == id){ |
| | | list = this.tableList[a].arr |
| | | break |
| | | } |
| | | } |
| | | this.excelMethodList.forEach(item=>{ |
| | | if(item.valueList.find(m=>m.r==r&&m.c==c)){ |
| | | console.log('当前的方法',item.methodName) |
| | | console.log('当前的数据项',item.valueList) |
| | | console.log('当前的数值项','r:',item.r,'c:',item.c) |
| | | this.changeInput('计算的结果',`${code.split('-')[0]}-${item.r}-${item.c}`)//改变最终值 |
| | | var comValue = {} |
| | | item.valueList.forEach(a=>{ |
| | | list.forEach(b=>{ |
| | | if(b[0].r==a.r){ |
| | | b.forEach(c=>{ |
| | | if(c.c==a.c){ |
| | | if(!isNaN(parseFloat(c.v.v))){ |
| | | var tableCode = '' |
| | | for(var d in this.comparisonList){ |
| | | if(c.c == this.comparisonList[d].value){ |
| | | tableCode = this.comparisonList[d].label |
| | | break |
| | | } |
| | | } |
| | | comValue[(tableCode + c.r)] = parseFloat(c.v.v) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }) |
| | | // console.log('当前的方法',item.methodName,item.r,item.c,this.excelMethodList) |
| | | if(item.methodName=='自定义方法'&&item.v.ps&&item.v.ps.value=='结论'){ |
| | | if(this.tableList.find(m=>m.id==item.i)){ |
| | | let ask = this.tableList.find(m=>m.id==item.i).ask.split('&'); |
| | | let res = Object.values(comValue)[0] |
| | | let comp = ask.map((m,i)=>{ |
| | | if(m.includes('=')){ |
| | | return res == m.split('=')[1] |
| | | } |
| | | if(m.includes('≥')){ |
| | | return res >= m.split('≥')[1] |
| | | } |
| | | if(m.includes('≤')){ |
| | | return res <= m.split('≤')[1] |
| | | } |
| | | if(m.includes('<')){ |
| | | return res < m.split('<')[1] |
| | | } |
| | | if(m.includes('>')){ |
| | | return res > m.split('>')[1] |
| | | } |
| | | }) |
| | | if(comp.every(m=>m)){ |
| | | item.v.v = 1 |
| | | }else{ |
| | | item.v.v = 0 |
| | | } |
| | | console.log(33333333333,this.param) |
| | | } |
| | | }else{ |
| | | let comResult = 0; |
| | | switch(item.methodName){ |
| | | case 'AVERAGE': |
| | | let sum = 0 |
| | | for(var a in comValue){ |
| | | sum += comValue[a] |
| | | } |
| | | comResult = sum / Object.keys(comValue).length |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | list.forEach(a=>{ |
| | | if(a[0].r == item.r){ |
| | | for(var b in a){ |
| | | if(a[b].c == item.c){ |
| | | a[b].v.v = parseFloat(comResult.toFixed(2)) |
| | | break |
| | | } |
| | | } |
| | | } |
| | | }) |
| | | this.changeInput(comResult,`${code.split('-')[0]}-${item.r}-${item.c}-${pId}`)//改变最终值 |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | handleExcelMethod(){ |
| | | if(this.excelMethodList.length>0){ |
| | | this.excelMethodList.map(item=>{ |
| | | if(item.v.f.includes(':')){} |
| | | item.methodName = item.v.f.split('=')[1].split('(')&&item.v.f.split('=')[1].split('(')[0]?item.v.f.split('=')[1].split('(')[0]:'自定义方法'; |
| | | item.methodName = item.v.f.split('=').length>1&&item.v.f.split('=')[1].split('(')&&item.v.f.split('=')[1].split('(')[0]?item.v.f.split('=')[1].split('(')[0]:'自定义方法'; |
| | | let valueList = []; |
| | | if(item.v.f.includes(':')){ |
| | | valueList = []; |
| | |
| | | item.valueList = valueList; |
| | | }else{ |
| | | valueList = [] |
| | | let regex= /[\+\-\*\%\(\)\s]/g |
| | | let regex= /[=\+\-\*\%\(\)\s]/g |
| | | let mode = item.v.f.replace(regex, ' ').split(' '); |
| | | mode.forEach(m=>{ |
| | | mode.filter(m=>m).forEach(m=>{ |
| | | let r = m.split('')[1]-1 |
| | | let c = this.comparisonList.find(j=>j.label==m.split('')[0]).value |
| | | valueList.push({c,r}) |
| | | }) |
| | | } |
| | | item.valueList = valueList; |
| | | return item; |
| | | }) |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | getInspectionValueType(id){ |
| | | for(var a in this.currentSample.insProduct){ |
| | | if(this.currentSample.insProduct[a].id == id){ |
| | | return this.currentSample.insProduct[a].inspectionValueType |
| | | } |
| | | } |
| | | }, |
| | | getInspectionItemType(id){ |
| | | for(var a in this.currentSample.insProduct){ |
| | | if(this.currentSample.insProduct[a].id == id){ |
| | | return this.currentSample.insProduct[a].inspectionItemType |
| | | } |
| | | } |
| | | }, |
| | | getAsk(id){ |
| | | for(var a in this.currentSample.insProduct){ |
| | | if(this.currentSample.insProduct[a].id == id){ |
| | | return this.currentSample.insProduct[a].ask |
| | | } |
| | | } |
| | | }, |
| | | getSystemValue(n){ |
| | | this.$message.error('采集失败【已开放手动方式】') |
| | | for(var a in this.currentSample.insProduct){ |
| | | if(this.currentSample.insProduct[a].id == n.i){ |
| | | this.currentSample.insProduct[a].inspectionItemType = 0 |
| | | } |
| | | } |
| | | }, |
| | | getEquipOptions(e,id){ |
| | | if(e){ |
| | | let category = this.tableList.find(m=>m.id==id).deviceGroup |
| | | this.$axios.post(this.$api.deviceScope.selectDeviceByCategory, {category}).then(res => { |
| | | if (res.code === 200 && res.data) { |
| | | console.log(1111111,res.data) |
| | | } |
| | | }).catch(error => { |
| | | console.error(error) |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |