From 1c1a01bbd8d0a6a18d47948eb679f3ef8997fcd0 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 10 Aug 2022 14:26:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=BF=9B?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=A1=E5=88=92)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E7=94=98=E7=89=B9=E5=9B=BE=E9=98=B6=E6=AE=B5=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/planProgress/centerTop.vue            | 25 ++++++++-----------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/views/projectAdmin/jlw/planProgress/centerTop.vue b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
index d2cd6282..b33855b4 100644
--- a/src/views/projectAdmin/jlw/planProgress/centerTop.vue
+++ b/src/views/projectAdmin/jlw/planProgress/centerTop.vue
@@ -30,7 +30,7 @@
                   <div class="grid" v-for="day in getDays(date)" :key="'grid' + day.num" :ref="p.pName + '-' + day.date"></div>
                 </div>
               </div>
-              <div class="progress" :style="{ left: gantt.left, width: gantt.width }" v-for="(gantt, index) in p.gantts" :key="index"></div>
+              <div class="progress" :style="gantt" v-for="(gantt, index) in p.gantts" :key="index"></div>
             </div>
             <div class="children">
               <div class="row" v-for="child in p.children" :key="'child-' + child.pName">
@@ -42,12 +42,7 @@
                     <div class="grid" v-for="day in getDays(date)" :key="'grid' + day.num" :ref="child.pName + '-' + day.date"></div>
                   </div>
                 </div>
-                <div
-                  class="progress"
-                  :style="{ left: gantt.left, width: gantt.width }"
-                  v-for="(gantt, index) in child.gantts"
-                  :key="index"
-                ></div>
+                <div class="progress" :style="gantt" v-for="(gantt, index) in child.gantts" :key="index"></div>
               </div>
             </div>
           </div>
@@ -81,17 +76,19 @@ export default {
           pName: '地基与基础工程',
           startTime: '2020/04/06',
           endTime: '2020/05/09',
+          status: 0,
           gantts: [],
           // gantts: [{ left: '420px', width: '100px', status: '' }],
           children: [
-            { pName: '无支护土方工程', startTime: '2020/04/06', endTime: '2020/04/09', gantts: [] },
-            { pName: '有支护土方工程', startTime: '2020/04/10', endTime: '2020/05/08', gantts: [] }
+            { pName: '无支护土方工程', startTime: '2020/04/06', endTime: '2020/04/09', status: 1 },
+            { pName: '有支护土方工程', startTime: '2020/04/10', endTime: '2020/05/08', status: 3 }
           ]
         },
-        { pName: '主体结构', startTime: '2020/03/12', endTime: '2020/06/04' },
-        { pName: '建筑装饰装修', startTime: '2020/04/21', endTime: '2020/07/30', gantts: [] }
+        { pName: '主体结构', startTime: '2020/03/12', endTime: '2020/06/04', status: 2 },
+        { pName: '建筑装饰装修', startTime: '2020/04/21', endTime: '2020/07/30', status: 1 }
       ],
-      openedIndex: 9999
+      openedIndex: 9999,
+      colors: ['#4C87FF', '#54CF8E', '#F2D026', '#FF6C7F']
     }
   },
   methods: {
@@ -125,7 +122,7 @@ export default {
           const endLeft = endRef.offsetLeft
           const ganttWidth = endLeft - startLeft + endWidth
 
-          const gantt = { left: startLeft + 'px', width: ganttWidth + 'px' }
+          const gantt = { left: startLeft + 'px', width: ganttWidth + 'px', background: this.colors[project.status] }
           if (gantts) {
             gantts.push(gantt)
           } else {
@@ -301,7 +298,7 @@ export default {
             top: calc(50% - 7px);
             width: 20px;
             height: 14px;
-            background: pink;
+            background: #557dee;
           }
         }
         .children {