| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" |
| | | :highlight-current-row="isSelect" |
| | | :row-class-name="tableRowClassName" |
| | | v-adaptive="{bottomOffset:70}" |
| | | border @row-click="selectOperatCondit" @selection-change="table.selectionChangeHandle"> |
| | | <el-table-column type="selection" width="40" align="center"/> |
| | | <el-table-column prop="name" label="工况名称"/> |
| | | <el-table-column prop="remark" label="备注" |
| | | / |
| | | /> |
| | | <zt-table-column-handle :table="table" |
| | | delete-perm="taskReliability::delete"/> |
| | | </el-table> |
| | |
| | | productId: '', |
| | | }, |
| | | isSelect: false, |
| | | currentId: '' |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | console.log(this.productList, ' async getTaskProductList()') |
| | | }, |
| | | selectOperatCondit(row) { |
| | | if (this.$refs.model.isChange) { |
| | | this.$alert("有未保存的工况模型") |
| | | return; |
| | | } |
| | | this.currentId = row.id |
| | | this.$emit('selectOperatCondit', row) |
| | | let param = { |
| | | row: row, |
| | |
| | | } |
| | | this.$refs.model.init(param) |
| | | }, |
| | | tableRowClassName( |
| | | { |
| | | row, |
| | | rowIndex |
| | | }) { |
| | | if (row.id == this.currentId) { |
| | | return 'select-row'; |
| | | } else { |
| | | return 'not-select-row'; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | .el-table .select-row { |
| | | background: rgba(23, 179, 163, 0.2) !important; |
| | | } |
| | | </style> |