项目计划查询

src/views/ManufacturingCenter/ProjectPlanningManagementQuery/index.vue

@@ -212,10 +212,10 @@
     </el-card>
 
     <el-card>
-      <el-table v-loading="loading2" :data="tableData2" style="margin-top: 10px;width: 100%;" stripe border element-loading-text="拼命加载中">
+      <el-table v-loading="loading2" :data="tableData2" :row-class-name="tableRowClassName" style="margin-top: 10px;width: 100%;" border element-loading-text="拼命加载中">
         <el-table-column width="100px" label="计划名称" align="center">
           <template slot-scope="scope">
-            {{ scope.row.计划名称 }}
+            {{ scope.row.计划类型名称 }}
           </template>
         </el-table-column>
         <el-table-column width="150px" label="组号" align="center">
@@ -429,6 +429,20 @@ export default {
         this.loading2 = false
       })
     },
+    // 考核状态变色
+    tableRowClassName({ row, rowIndex }) {
+      if (row.计划类型名称 === '设计') {
+        return 'PPMQHairDrawing'
+      } else if (row.计划类型名称 === '采购') {
+        return 'PPMQPurchase'
+      } else if (row.计划类型名称 === '备料') {
+        return 'PPMQSpareParts'
+      } else if (row.计划类型名称 === '制造') {
+        return 'PPMQManufacture'
+      } else if (row.计划类型名称 === '装配') {
+        return 'PPMQassembling'
+      }
+    },
     // 分页
     handleSizeChange(val) {
       this.pageCurrent = 1
@@ -451,8 +465,20 @@ export default {
   }
 </style>
 <style>
-  .el-radio {
+  .PPMQHairDrawing{
-    margin-top: 12px !important;
+    background: rgb(189,215,238) !important;
+  }
+  .PPMQPurchase{
+    background: rgb(248,203,173) !important;
+  }
+  .PPMQSpareParts{
+    background: rgb(201,201,201) !important;
+  }
+  .PPMQManufacture{
+    background: rgb(255,230,153) !important;
+  }
+  .PPMQassembling{
+    background: rgb(169,208,142) !important;
   }
   .demo-ruleForm1 .el-form-item {
     margin-bottom: 0px