jinlin
2024-07-16 ee2a27313fbf5e7741644f9f3701d243487dbaa4
web/src/views/modules/taskReliability/OperatCondit.vue
@@ -19,13 +19,13 @@
                </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>
@@ -56,6 +56,7 @@
          productId: '',
        },
        isSelect: false,
        currentId: ''
      }
    },
    mounted() {
@@ -80,6 +81,11 @@
        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,
@@ -87,6 +93,22 @@
        }
        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>