| | |
| | | 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 |
| | |
| | | :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}`"> |
| | | <template v-if="n.v.ps!=undefined && n.v.ps.value==='检验值'"> |
| | | <el-input v-if="item.inspectionValueType == 1" class="table_input" v-model="n.v.v" @change="m=>changeInput(m,`${item.templateId}-${n.r}-${n.c}-${n.i}`)" /> |
| | | <el-input v-else-if="item.inspectionValueType == 2" class="table_input" type="textarea" :autosize="{ minRows: 1}" v-model="n.v.v"/> |
| | | <el-select v-else-if="item.inspectionValueType == 5" class="table_input" v-model="n.v.v"> |
| | | <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 v-else-if="item.inspectionValueType == 4" class="table_input">/</span> |
| | | <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> |
| | |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <el-drawer |
| | | title="样品切换" |
| | |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: [] |
| | | resValue: [], |
| | | intResult: null |
| | | } |
| | | }) |
| | | if(this.currentSample.index==undefined)this.currentSample['index'] = 1 |
| | |
| | | this.param[a.id] = { |
| | | insValue: [], |
| | | comValue: [], |
| | | resValue: [] |
| | | resValue: [], |
| | | intResult: null |
| | | } |
| | | }) |
| | | this.handleTableData() |
| | |
| | | count1++ |
| | | b.v.v = count1 |
| | | } |
| | | 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==='结论'){ |
| | | for(var c in this.param){ |
| | | this.param[c].insResult = b |
| | | } |
| | | conclusionList.forEach((n,i)=>{ |
| | | if(n.r==b.r&&n.c==b.c){ |
| | | b.v.f = `(${this.comparisonList.find(j=>j.value==(finalList[i].r-1)).label}${finalList[i].r+1})` |
| | | b.v.f = `(${this.comparisonList.find(j=>j.value==(finalList[i].r)).label}${finalList[i].r+1})` |
| | | } |
| | | }) |
| | | } |
| | |
| | | } |
| | | }) |
| | | }) |
| | | // console.log('当前的方法',item.methodName) |
| | | // 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('&'); |
| | |
| | | }else{ |
| | | item.v.v = 0 |
| | | } |
| | | console.log(33333333333,this.param) |
| | | } |
| | | }else{ |
| | | let comResult = 0; |
| | |
| | | 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 |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |