更新

src/views/Outsourcing/OutsourcingTaskExecution/index.vue

@@ -4,8 +4,19 @@
       <el-input v-model="partNumber" size="small" placeholder="零件号或零件名称" clearable style="width:160px;margin-top: 3px"/>
       <el-button type="primary" size="mini" icon="el-icon-search" style="margin-left:20px" plain @click="getList()">查询</el-button>
       <el-button v-positive="'loading'" :disabled="false" type="danger" plain size="mini" icon="el-icon-caret-right" style="float: right;margin-right:10px" @click="getBack()">打回</el-button>
-      <el-table v-loading="loading1" ref="multipleTable" :data="List1" border size="mini" stripe highlight-current-row height="265" style="width: 100%;margin-top: 3px" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55"/>
+      <el-table
+        v-loading="loading1"
+        ref="multipleTable"
+        :data="List1"
+        :row-class-name="tableRowClassName"
+        border
+        size="mini"
+        stripe
+        highlight-current-row
+        height="265"
+        style="width: 100%;margin-top: 3px"
+        @selection-change="handleSelectionChange">
+        <el-table-column :selectable="selectable" type="selection" width="55"/>
         <el-table-column label="项目名称" prop="项目名称" align="center" show-overflow-tooltip>
           <template slot-scope="scope">
             {{ scope.row.项目名称 }}
@@ -577,6 +588,16 @@ export default {
         this.$message.warning('请选择外协加工任务单')
       }
     },
+    tableRowClassName({ row }) {
+      if (Number(row.是否可选) === 0) {
+        return 'IsSelect'
+      } else {
+        return ''
+      }
+    },
+    selectable(row, index) { // 控制某行是否可选
+      return Number(row.是否可选) === 1
+    },
     saveAct(row) {
       getPrice(row.外协加工任务单明细流水号, row.加工价格_成交)
     },
@@ -712,4 +733,7 @@ export default {
   .editWorkTime input[type="number"]{
     -moz-appearance: textfield;
   }
+  .el-table .IsSelect{
+    background: #ff7575
+  }
 </style>