|  |  | 
 |  |  |                 </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> |