flx：安全/质量自检新增状态和总数

src/views/projectFront/quality/v2/projectSelfInspection.vue

@@ -115,6 +115,23 @@
             {{ scope.row.startTime }} 至 {{ scope.row.endTime }}
           </template>
         </el-table-column>
+        <el-table-column
+          prop="inspectNum"
+          label="任务状态"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <div class="stateItem">
+              <div>
+                {{ scope.row.taskCompleteNum ? scope.row.taskCompleteNum : 0 }}/{{ scope.row.taskNum ? scope.row.taskNum : 0 }}
+              </div>
+              <!-- bg-cbad14(进行中)  bg-57b54b(已完成) bg-6389f6(未开始) bg-ffc8c8(已逾期) -->
+              <div v-if="scope.row.taskStatus" :class="taskStatusList[scope.row.taskStatus - 1].color">
+                {{ taskStatusList[scope.row.taskStatus - 1].title }}
+              </div>
+            </div>
+          </template>
+        </el-table-column>
         <!-- 隐患总数 -->
         <el-table-column
           prop="inspectNum"
@@ -483,7 +500,24 @@ export default {
       checkDaterange: [],
       frequencyType: this.$t('message.safeMangeCheck.frequency'),
       accountList: [],
-      enterpriseListData: []
+      enterpriseListData: [],
+      taskStatusList:[{
+        id: 1,
+        title: "未开始",
+        color: "bg-6389f6",
+      },{
+        id: 2,
+        title: "进行中",
+        color: "bg-cbad14",
+      }, {
+        id: 3,
+        title: "已完成",
+        color: "bg-57b54b",
+      }, {
+        id: 4,
+        title: "已逾期",
+        color: "bg-ffc8c8",
+      }]
     }
   },
 
@@ -647,6 +681,37 @@ export default {
 }
 </script>
 <style lang="less" scoped>
+.stateItem{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  >div:last-child {
+    margin-left: 10px;
+    padding: 2px 5px;
+    border-radius: 5px;
+  }
+
+  .bg-ffc8c8 {
+    background-color: #FFC8C8;
+    color:#FF5A5F;
+    border: 1px solid #FF5A5F;
+  }
+  .bg-6389f6 {
+    background-color: #D9E3FD;
+    color:#6389F6;
+    border: 1px solid #6389F6;
+  }
+  .bg-57b54b {
+    background-color: #C2E8BD;
+    color:#57B54B;
+    border: 1px solid #57B54B;
+  }
+  .bg-cbad14 {
+    background-color: #F4E9AB;
+    color:#CBAD14;
+    border: 1px solid #CBAD14;
+  }
+}
 .filterBox {
   margin: 15px;
 }

src/views/projectFront/safeSame/v2/projectSelfInspection.vue

@@ -116,7 +116,7 @@
             {{ scope.row.startTime }} 至 {{ scope.row.endTime }}
           </template>
         </el-table-column>
-        <!-- <el-table-column
+        <el-table-column
           prop="inspectNum"
           label="任务状态"
           align="center"
@@ -124,15 +124,15 @@
           <template slot-scope="scope">
             <div class="stateItem">
               <div>
-                3/10
+                {{ scope.row.taskCompleteNum }}/{{ scope.row.taskNum }}
               </div>
-              bg-cbad14(进行中)  bg-57b54b(已完成) bg-6389f6(未开始) bg-ffc8c8(已逾期)
+              <!-- bg-cbad14(进行中)  bg-57b54b(已完成) bg-6389f6(未开始) bg-ffc8c8(已逾期) -->
-              <div class="bg-ffc8c8">
+              <div v-if="scope.row.taskStatus" :class="taskStatusList[scope.row.taskStatus - 1].color">
-                已逾期
+                {{ taskStatusList[scope.row.taskStatus - 1].title }}
               </div>
             </div>
           </template>
-        </el-table-column> -->
+        </el-table-column>
         <!-- 隐患总数 -->
         <el-table-column
           prop="inspectNum"
@@ -500,7 +500,24 @@ export default {
       checkDaterange: [],
       frequencyType: this.$t('message.safeMangeCheck.frequency'),
       accountList: [],
-      enterpriseListData: []
+      enterpriseListData: [],
+      taskStatusList:[{
+        id: 1,
+        title: "未开始",
+        color: "bg-6389f6",
+      },{
+        id: 2,
+        title: "进行中",
+        color: "bg-cbad14",
+      }, {
+        id: 3,
+        title: "已完成",
+        color: "bg-57b54b",
+      }, {
+        id: 4,
+        title: "已逾期",
+        color: "bg-ffc8c8",
+      }]
     }
   },