| | |
| | | <el-table-column prop="testValue" label="检测值" min-width="160" v-for="(item,index) in empiricalValueAdd" :key="index"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="!scope.row.children"> |
| | | <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="请先选择设备!" placement="top-start"> |
| | | <el-autocomplete clearable |
| | | :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" |
| | | @input="changeState(scope.row,scope.$index)" |
| | | <el-select |
| | | v-model="scope.row.testValueList[index]" |
| | | ref="testValueSelect" |
| | | id="testValueSelect" |
| | | clearable |
| | | filterable |
| | | @change="changeState(scope.row)" |
| | | @blur="onTypeBlur($event,scope.row,scope.$index,index)"> |
| | | <el-option label="是" value="是"></el-option> |
| | | <el-option label="否" value="否"></el-option> |
| | | </el-select> |
| | | <!-- <testValueSelect |
| | | @input1="changeState(scope.row)" |
| | | :options="[{ |
| | | label:'是', |
| | | value: '是' |
| | | },{ |
| | | label:'否', |
| | | value: '否' |
| | | }]" |
| | | v-model="scope.row.testValueList[index]" |
| | | ></testValueSelect> --> |
| | | <!-- <div style="display:flex"> |
| | | <el-input |
| | | ref="testValueInput" |
| | | clearable |
| | | @blur.stop="changeState(scope.row)" |
| | | v-model="scope.row.testValueList[index]" |
| | | placeholder="请输入检测值"/> |
| | | <el-dropdown @command="handleCommand" class="dropdown" trigger="click"> |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item :command="{'index':index,'use':'是',...scope.row}">是</el-dropdown-item> |
| | | <el-dropdown-item :command="{'index':index,'use':'否',...scope.row}">否</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | </div> --> |
| | | <!-- :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" --> |
| | | <!-- @blur.stop="changeState(scope.row)" --> |
| | | <!-- <el-autocomplete clearable |
| | | ref="testValueInput" |
| | | @input="testChange(scope.row)" |
| | | @blur="changeState(scope.row)" |
| | | v-model="scope.row.testValueList[index]" |
| | | :fetch-suggestions="querySearch" |
| | | placeholder="请输入或选择检测值" > |
| | | <i style="line-height: normal;padding: 10px 7px;" class="el-icon-arrow-down" slot="suffix"></i> |
| | | <template slot-scope="{ item }"> |
| | | <div>{{ item.value }}</div> |
| | | </template> |
| | | </el-autocomplete> |
| | | |
| | | <!-- <el-select style="width:100%" filterable |
| | | :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" |
| | | v-model="scope.row.testValueList[index]" |
| | | placeholder="请输入或选择检测值" |
| | | allow-create |
| | | default-first-option |
| | | @change="changeState(scope.row,scope.$index)" |
| | | @blur="selectBlur" |
| | | > |
| | | <el-option label="是" value="是"/> |
| | | <el-option label="否" value="否"/> |
| | | </el-select> --> |
| | | </el-tooltip> |
| | | </el-autocomplete> --> |
| | | <!-- <el-tooltip :disabled="scope.row.deviceId != null" class="item" effect="dark" content="请先选择设备!" placement="top-start"> |
| | | </el-tooltip> --> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <el-table-column prop="note" label="检验描述" width="160" > |
| | | <template slot-scope="scope"> |
| | | <div v-if="!scope.row.children"> |
| | | <el-input @blur="changeState(scope.row, scope.$index)" :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" v-model="scope.row.note" placeholder="检验描述"></el-input> |
| | | <el-input @blur="changeState(scope.row)" :disabled="scope.row.deviceId == null || (dataForm.id!=null&&(resultVal!=null && resultVal!=''))" v-model="scope.row.note" placeholder="检验描述"></el-input> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | import rawMaterialPartDialog from '@/views/common/rawMaterial-part' |
| | | import { getStore } from '@/util/store' |
| | | import qrCodeApp from '@/views/common/qrCodeApp' |
| | | import transformImage from '@/util/fileTransform' |
| | | import testValueSelect from './testValue-select' |
| | | export default { |
| | | components:{ |
| | | rawMaterialPartDialog, |
| | | qrCodeApp |
| | | qrCodeApp, |
| | | testValueSelect |
| | | }, |
| | | computed:{}, |
| | | data(){ |
| | |
| | | required: null, |
| | | rpId: null, |
| | | name: null, |
| | | unit: 'mm', |
| | | unit: '', |
| | | userName: null, |
| | | testValue: '', |
| | | testValueList: [], |
| | |
| | | console.log(e,e.target.tabIndex); |
| | | console.log(e.target.value); |
| | | }, |
| | | changeState(row, index) { |
| | | if(row){ |
| | | let isTrue = true |
| | | for(var i=0;i<row.testValueList.length;i++){ |
| | | let val = row.testValueList[i] |
| | | let reg = /(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/ |
| | | if(val.slice(-1)!='.'){ |
| | | if(!reg.test(val) && !['是','否'].includes(val)){ |
| | | row.testValueList[i] = null |
| | | this.$message.error("请输入6位数字或选择是否") |
| | | isTrue = false |
| | | handleCommand(command){ |
| | | if(command.use && command.use==='是'){ |
| | | command.testValueList[command.index] = '是' |
| | | } |
| | | if(command.use && command.use==='否'){ |
| | | command.testValueList[command.index] = '否' |
| | | } |
| | | this.changeState(command) |
| | | }, |
| | | onTypeBlur(event,row,rowIndex,index){ |
| | | console.log("失焦",event,row,rowIndex,index); |
| | | console.log(event.target.value); |
| | | console.log(this.list[rowIndex-1]); |
| | | }, |
| | | changeState(row) { |
| | | if(row.use){ |
| | | this.$refs.testValueSelect.$event.target.value = row.use |
| | | } |
| | | this.$nextTick(()=>{ |
| | | console.log("blur---",row.testValueList); |
| | | return |
| | | if(row){ |
| | | let isTrue = true |
| | | for(var i=0;i<row.testValueList.length;i++){ |
| | | let val = row.testValueList[i] |
| | | if(val != '' && val != null){ |
| | | if(!['是','否'].includes(val)){ |
| | | let reg = /(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/ |
| | | if(!reg.test(val)){ |
| | | val = null |
| | | this.$message.error("请输入6位数字或选择是否") |
| | | isTrue = false |
| | | } |
| | | } |
| | | } |
| | | } |
| | | if(!isTrue){ |
| | | return |
| | | } |
| | | } |
| | | console.log(row.testValueList); |
| | | return |
| | | if (row.rpId != null && row.rpId != '') { |
| | | let val = row.testValueList.join(",") |
| | | if (val === undefined || val === '' || val === null) { |
| | | return |
| | | } |
| | | let obj = { |
| | | deviceId: row.deviceId, |
| | | rpId: row.rpId, |
| | | testValue: val, |
| | | note: row.note |
| | | } |
| | | updateRawInsProduct(obj).then(res => { |
| | | if (res.data.code == 0) { |
| | | this.$message.success("更新成功") |
| | | } else { |
| | | this.$message.error("更新失败") |
| | | } |
| | | } |
| | | this.init(this.dataForm.id) |
| | | }) |
| | | } |
| | | if(!isTrue){ |
| | | return |
| | | } |
| | | } |
| | | if (row.rpId != null && row.rpId != '') { |
| | | let val = row.testValueList.join(",") |
| | | if (val === undefined || val === '' || val === null) { |
| | | return |
| | | } |
| | | let obj = { |
| | | deviceId: row.deviceId, |
| | | rpId: row.rpId, |
| | | testValue: val, |
| | | note: row.note |
| | | } |
| | | updateRawInsProduct(obj).then(res => { |
| | | if (res.data.code == 0) { |
| | | this.$message.success("更新成功") |
| | | } else { |
| | | this.$message.error("更新失败") |
| | | } |
| | | this.init(this.dataForm.id) |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | // 删除子项目 |
| | | delChildren(row,index,isParent) { |
| | |
| | | required: null, |
| | | rpId: null, |
| | | name: null, |
| | | unit: 'mm', |
| | | unit: '', |
| | | userName: null, |
| | | testValue: null, |
| | | testValueList: [], |
| | |
| | | border: 1px solid #e4e7ed; |
| | | border-bottom: none; |
| | | } |
| | | .dropdown{ |
| | | position: relative; |
| | | right: 30px; |
| | | top: 5px; |
| | | color: #C0C4CC; |
| | | font-size: 14px; |
| | | } |
| | | @media (max-width: 767px) { |
| | | .pad-addcol-btn{ |
| | | font-size:12px; |