| | |
| | | > --> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table border :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" |
| | | <el-table border :data="inspectionItems" max-height="420" :span-method="handleSpanMethod" |
| | | height="calc(100vh - 550px)" style="width: 100%"> |
| | | <el-table-column type="index" label="序号" width="60"></el-table-column> |
| | | <el-table-column label="项目" prop="father"></el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="dname" label="试验设备" min-width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button v-if="!scope.row.isSelectDevice" type="text" @click="clickTableSelect(scope)">{{ |
| | | <el-col> |
| | | <el-button v-if="!scope.row.isSelectDevice" type="text" @click="clickTableSelect(scope)">{{ |
| | | scope.row.dname == null ? "请选择" : scope.row.dname |
| | | }}</el-button> |
| | | <el-select v-if="scope.row.isSelectDevice" style="width: 100%;" onchange="clickNodeSure(scope.row)" |
| | | v-model="filterText" placeholder="请选择"> |
| | | <el-select @blur="blurNode(scope)" v-else-if="scope.row.isSelectDevice" style="width: 100%;" @change="clickNodeSure(scope.row)" |
| | | v-model="filterText" placeholder="请选择"> |
| | | <el-option v-for="item in materialOptions" :key="item.id" :label="item.device" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="结论"> |
| | |
| | | name: null |
| | | }, // node点击保存当前点击数据 |
| | | clickSelectDevice: { |
| | | index: "", // 点击选择存储当前行索引 |
| | | rpId: "" // 点击选择存储当前行项目Id |
| | | index: null, // 点击选择存储当前行索引 |
| | | rpId: null // 点击选择存储当前行项目Id |
| | | } |
| | | }; |
| | | }, |
| | |
| | | this.getTableData() |
| | | }, |
| | | methods: { |
| | | // blurNode(row){ |
| | | // console.log(1111); |
| | | // row.isSelectDevice=false |
| | | // }, |
| | | blurNode(scope){ |
| | | // console.log(11); |
| | | // this.$set(this.inspectionItems[scope.$index],'isSelectDevice',false) |
| | | }, |
| | | escalation() { |
| | | let arr = this.inspectionItems |
| | | let bl = false |
| | |
| | | }, |
| | | // 获取设备树内容 |
| | | getOptions(row) { |
| | | this.filterText=0 |
| | | this.filterText = 0 |
| | | this.$axios.get(this.$api.url.inspectionItemChooseDev, { |
| | | params: { |
| | | father: row.father, |
| | |
| | | } |
| | | }).then(res => { |
| | | this.materialOptions = res.data; |
| | | if(this.materialOptions.length===1){ |
| | | this.$message({ |
| | | message: '该项目下只有一个试验设备,无需选择!', |
| | | type: 'warning' |
| | | }); |
| | | return |
| | | } |
| | | row.isSelectDevice = true |
| | | this.filterText = row.did |
| | | }); |
| | | }, |
| | |
| | | }, |
| | | // 点击表格选择触发 |
| | | clickTableSelect(scope) { |
| | | // return scope; |
| | | // this.centerDialogVisible = true; |
| | | scope.row.isSelectDevice = true |
| | | if(this.clickSelectDevice.index!=null){ |
| | | this.$set(this.inspectionItems[this.clickSelectDevice.index],'isSelectDevice',false) |
| | | } |
| | | this.clickSelectDevice.index = scope.$index; |
| | | this.clickSelectDevice.rpId = scope.row.id; |
| | | this.getOptions(scope.row); |
| | |
| | | })[0] |
| | | this.nodeData.id = select.id |
| | | this.nodeData.name = select.device |
| | | if (this.detailId == null) { |
| | | this.inspectionItems[ |
| | | this.clickSelectDevice.index |
| | | ].did = this.nodeData.id; |
| | | this.inspectionItems[ |
| | | this.clickSelectDevice.index |
| | | ].dname = this.nodeData.name; |
| | | this.centerDialogVisible = false; |
| | | } else { |
| | | this.$axios |
| | | .post(this.$api.url.inspectionItemUpdateDevByInsId, { |
| | | id: this.clickSelectDevice.rpId, |
| | | type: 1, |
| | | devId: this.nodeData.id |
| | | }) |
| | | .then(res => { |
| | | row.isSelectDevice = false |
| | | console.log("row",row); |
| | | this.filterText=0 |
| | | this.getTableData() |
| | | this.centerDialogVisible = false; |
| | | }); |
| | | } |
| | | this.$axios |
| | | .post(this.$api.url.inspectionItemUpdateDevByInsId, { |
| | | id: this.clickSelectDevice.rpId, |
| | | type: 1, |
| | | devId: this.nodeData.id |
| | | }) |
| | | .then(res => { |
| | | row.isSelectDevice = false |
| | | console.log("row", row); |
| | | this.filterText = 0 |
| | | this.getTableData() |
| | | this.centerDialogVisible = false; |
| | | }); |
| | | }, |
| | | changeState(row, index) { |
| | | if (row.did != null && row.did != '') { |
| | |
| | | } |
| | | uName.push(c['username']) |
| | | c.isSelectDevice = false |
| | | this.filterText=0 |
| | | this.filterText = 0 |
| | | arr.push(c) |
| | | }) |
| | | }) |