序间外协

src/views/Outsourcing/PreorderAssociation/index.vue

@@ -16,11 +16,9 @@
           align="center"
           width="50"/>
         <el-table-column label="零件图号" align="center" width="380px">
-
           <template slot-scope="scope">
             {{ scope.row.零件图号 }}
           </template>
-
         </el-table-column>
         <el-table-column label="零件名称" align="center" width="320px">
           <template slot-scope="scope">
@@ -57,19 +55,23 @@
     </el-card>
 
     <el-card>
-      <el-table v-loading="loading2" :data="tableData2" :row-class-name="tableRowClassName" height="350" style="width: 100%;" border element-loading-text="拼命加载中">
+      <el-table v-loading="loading2" :data="tableData2" height="350" style="width: 100%;" border element-loading-text="拼命加载中">
         <el-table-column
           label=" "
           type="index"
           align="center"
           width="50"/>
-
         <el-table-column label="序间外协" width="100" align="center">
           <template slot-scope="scope">
             <el-checkbox v-model="checkBox[scope.$index]" @change="edit(scope.$index, scope.row)">选择</el-checkbox>
           </template>
         </el-table-column>
-
+        <el-table-column label="外协状态" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="parseInt(scope.row.工序间是否外协)===2" type="success" size="small">外协</el-tag>
+            <el-tag v-else size="small">自制</el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="工艺名称" align="center" width="220px">
           <template slot-scope="scope">
             {{ scope.row.工艺名称 }}
@@ -252,14 +254,6 @@ export default {
     handleCurrentChange1(val) {
       this.pageCurrent1 = val
       this.searchTable()
-    },
-    // 表格颜色
-    tableRowClassName({ row }) {
-      if (row.工序间是否外协 === 2) {
-        return 'waixie'
-      } else {
-        return ''
-      }
     }
   }
 }