feat(代办任务): 体系审查修改数据-2

mock/task.js

@@ -74,19 +74,80 @@ module.exports = [
     url: '/taskCarType',
     type: 'get',
     response: config => {
-      const temp = []
-      for (let i = 0; i < 10; i++) {
-        temp.push({
-          startTime: '@date',
-          missionNo: '@word',
-          tit: '一汽丰田体系审查',
+      const temp = [
+        {
+          startTime: '----',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
           owener: '@cname',
-          'costTimeOne|0-12': 1,
-          'costTimeTwo|0-12': 1,
-          'progressOne|0-100': 1,
-          'progressTwo|0-100': 1
-        })
-      }
+          'costTimeOne': 0,
+          'costTimeTwo': 0,
+          'progressOne': 0,
+          'progressTwo': 0,
+          docTypeOne:1,
+          docTypeTwo:2,
+        },
+        {
+          startTime: ' 2020-12-01 10:30',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
+          owener: '@cname',
+          'costTimeOne': 12,
+          'costTimeTwo': 0,
+          'progressOne': 80,
+          'progressTwo': 0,
+          docTypeOne:3,
+          docTypeTwo:2,
+        },
+        {
+          startTime: ' 2020-12-01 10:30',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
+          owener: '@cname',
+          'costTimeOne': 24,
+          'costTimeTwo': 3,
+          'progressOne': 90,
+          'progressTwo': 30,
+          docTypeOne:4,
+          docTypeTwo:2,
+        },
+        {
+          startTime: ' 2020-12-01 10:30',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
+          owener: '@cname',
+          'costTimeOne': 25,
+          'costTimeTwo': 1,
+          'progressOne': 100,
+          'progressTwo': 30,
+          docTypeOne:5,
+          docTypeTwo:6,
+        },
+        {
+          startTime: ' 2020-12-01 10:30',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
+          owener: '@cname',
+          'costTimeOne': 49,
+          'costTimeTwo': 25,
+          'progressOne': 100,
+          'progressTwo': 90,
+          docTypeOne:5,
+          docTypeTwo:7,
+        },
+        {
+          startTime: ' 2020-12-01 10:30',
+          missionNo: 'xxxx',
+          tit: '广汽丰田车型测评1210',
+          owener: '@cname',
+          'costTimeOne': 49,
+          // 'costTimeTwo': 25,
+          'progressOne': 100,
+          // 'progressTwo': 90,
+          docTypeOne:1,
+          // docTypeTwo:1,
+        }
+      ]
       return {
         rows: temp,
         code: 200,

src/views/processing/unprocessed-review/index.vue

@@ -96,23 +96,39 @@
         <div class="cell-lable">子任务内容</div>
         <div class="cell-value">
           <div>
-            <el-link type="primary">查看车型审查问卷</el-link>
+            <el-link type="primary">{{ linkMap[item.docTypeOne] }}</el-link>
           </div>
           <div>
-            <el-link type="primary">查看车型检验方案</el-link>
+            <el-link v-if="item.docTypeTwo" type="primary">{{
+              linkMap[item.docTypeTwo]
+            }}</el-link>
           </div>
         </div>
       </div>
-      <div v-if="!isSysReview" class="card-cell">
+      <div v-if="!isSysReview" class="card-cell status-multiple-cell">
         <div class="cell-lable">子任务状态</div>
         <div class="cell-value">
           <div v-if="item.costTimeOne === 0" class="cell-value">● 未开始</div>
-          <div v-else class="cell-value yellow">
-            ● 已耗时({{ item.costTimeOne }}小时)
+          <div
+            v-else
+            :class="[
+              'cell-value',
+              item.progressOne === 100 ? 'green' : 'yellow'
+            ]"
+          >
+            ● {{ item.progressOne === 100 ? '已完成(共耗时' : '已耗时('
+            }}{{ item.costTimeOne }}小时)
           </div>
           <div v-if="item.costTimeTwo === 0" class="cell-value">● 未开始</div>
-          <div v-else class="cell-value yellow">
-            ● 已耗时({{ item.costTimeTwo }}小时)
+          <div
+            v-if="item.costTimeTwo && item.costTimeTwo !== 0"
+            :class="[
+              'cell-value',
+              item.progressTwo === 100 ? 'green' : 'yellow'
+            ]"
+          >
+            ● {{ item.progressTwo === 100 ? '已完成(共耗时' : '已耗时('
+            }}{{ item.costTimeTwo }}小时)
           </div>
         </div>
       </div>
@@ -121,11 +137,14 @@
         <el-progress
           class="cell-progress"
           :stroke-width="12"
+          :status="item.progressOne === 100 ? 'success' : ''"
           :percentage="item.progressOne"
         ></el-progress>
         <el-progress
+          v-if="item.progressTwo !== undefined"
           class="cell-progress"
           :stroke-width="12"
+          :status="item.progressTwo === 100 ? 'success' : ''"
           :percentage="item.progressTwo"
         ></el-progress>
       </div>
@@ -226,6 +245,16 @@ export default {
   mixins: [page],
   data() {
     return {
+      // 子任务内容跳转文字map
+      linkMap: {
+        1: '查看车型审查问卷',
+        2: '查看车型检验方案',
+        3: '填写车型审查问卷',
+        4: '确认车型审查结果',
+        5: '查看车型审查记录',
+        6: '执行车型检验方案',
+        7: '确认车型检验结果'
+      },
       dialogVisible: false,
       pageType: '1', // 代办任务类型 1-体系审查 其他-车型测评
       listUrl: '/tasklist',
@@ -283,8 +312,11 @@ export default {
   flex-wrap: nowrap;
   min-width: 111px;
 }
+.status-multiple-cell {
+  width: 150px;
+}
 .option-cell {
-  width: 220px;
+  width: 240px;
 }
 .box-card {
   margin-bottom: 15px;
@@ -316,5 +348,8 @@ export default {
   .cell-value.yellow {
     color: #fea623;
   }
+  .cell-value.green {
+    color: #19be6b;
+  }
 }
 </style>