From b137940af4a492962e4ff64dd43eccf638c686b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Sat, 17 Sep 2022 17:47:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B(=E6=8C=87=E6=8C=A5?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83):=E8=BF=9B=E5=BA=A6=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zjsj/command/LeftThree/Process.vue        |  6 ++---
 .../zjsj/command/LeftThree/index.vue          | 25 +++++++++++++++----
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/command/LeftThree/Process.vue b/src/views/projectAdmin/zjsj/command/LeftThree/Process.vue
index f3554fff..8a7ddf7d 100644
--- a/src/views/projectAdmin/zjsj/command/LeftThree/Process.vue
+++ b/src/views/projectAdmin/zjsj/command/LeftThree/Process.vue
@@ -2,10 +2,10 @@
 <template>
   <div class="list progress">
     <div class="list-item progress-item" v-for="(item, index) in list" :key="index">
-      <div :class="['progress-item-dot', { active: item.active }]"></div>
+      <div :class="['progress-item-dot', { active: item.state }]"></div>
       <div class="info">
-        <span class="label">{{ item.label }}</span>
-        <span class="value">{{ item.value }}</span>
+        <span class="label">{{ item.endTime }}</span>
+        <span class="value">{{ item.subitemProjectName }}</span>
       </div>
     </div>
   </div>
diff --git a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
index aa0663ba..fe6bc85a 100644
--- a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
+++ b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
@@ -9,17 +9,18 @@
 <script>
 import Process from './Process'
 import Card from '../../components/Card'
+import { listProgressOfTheTask } from '@/assets/js/api/zhongjianFourth'
 
 export default {
   components: { Card, Process },
   data() {
     return {
       list: [
-        { label: '2022-01-01', value: '基础工程', active: true },
-        { label: '2022-02-14', value: '主题结构施工', active: true },
-        { label: '2022-03-25', value: '屋面工程', active: true },
-        { label: '2022-07-31', value: '机械设备安拆工程', active: true },
-        { label: '2022-21-31', value: '室内装饰装修工程' }
+        { endTime: '2022-01-01', subitemProjectName: '基础工程', state: true ,},
+        // { endTime: '2022-02-14', subitemProjectName: '主题结构施工', state: true, },
+        // { endTime: '2022-03-25', subitemProjectName: '屋面工程', state: true, },
+        // { endTime: '2022-07-31', subitemProjectName: '机械设备安拆工程', state: true, },
+        // { endTime: '2022-21-31', subitemProjectName: '室内装饰装修工程' }
       ],
       index: 0
     }
@@ -27,7 +28,21 @@ export default {
   mounted() {
     const progress = this.$refs.Process;
     progress.scrollLeft = 48;
+    this.getData()
   },
+  methods:{
+    getData(){
+      listProgressOfTheTask({ projectSn: this.$store.state.projectSn ,isNoStart: false}).then(res => {
+        // state 0未开始, 1进行中, 2已完成
+        res.result.forEach((item)=>{
+          if(item.state == 2){
+            item.state = true
+          }
+        })
+        this.list = res.result
+      })
+    }
+  }
 }
 </script>