From b041d2c65c93cdfbe11e4a6de8d235e29893089a Mon Sep 17 00:00:00 2001
From: Luck-Xiaomi <1569717859@qq.com>
Date: Fri, 2 Sep 2022 16:35:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80=EF=BC=9A?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=8C=87=E6=8C=A5=E4=B8=AD=E5=BF=83=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zjsj/command/LeftThree/Steps.vue          | 23 +++++++++++++--
 .../zjsj/command/LeftThree/index.vue          | 29 +++++++++----------
 .../projectAdmin/zjsj/command/center.vue      |  4 +--
 .../projectAdmin/zjsj/command/leftFour.vue    |  6 ++--
 4 files changed, 39 insertions(+), 23 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/command/LeftThree/Steps.vue b/src/views/projectAdmin/zjsj/command/LeftThree/Steps.vue
index a2a387b0..839ee1bb 100644
--- a/src/views/projectAdmin/zjsj/command/LeftThree/Steps.vue
+++ b/src/views/projectAdmin/zjsj/command/LeftThree/Steps.vue
@@ -14,7 +14,7 @@
 
 <style lang='scss' scoped>
   .steps {
-    width: 100%;
+    // width: 100%;
     display: flex;
     height: 80px;
     &-item {
@@ -63,7 +63,7 @@
       justify-content: center;
       align-items: center;
       color: #fff;
-      transform: translateX(-7px);
+      transform: translateX(-11px);
 
       .label {
         color: #9da9b9;
@@ -75,6 +75,25 @@
         font-size: 15px;
       }
     }
+
+    .steps-item:first-child {
+      width: 80px;
+
+      .steps-item-line {
+        border-radius: 12px 0 0 12px;
+      }
+
+      .steps-item-num {
+        left: 0px;
+      }
+
+      .steps-item-text {
+        align-items: flex-start;
+        transform: translateX(0px);
+      }
+    }
+
+    
   }
 </style>
 
diff --git a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
index 7f6f453c..5f194c1a 100644
--- a/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
+++ b/src/views/projectAdmin/zjsj/command/LeftThree/index.vue
@@ -18,23 +18,27 @@ export default {
       items: [
         {
           label: '2022-01-01',
-          value: '测试阶段1'
+          value: '基础工程'
         },
         {
-          label: '二',
-          value: '测试阶段2'
+          label: '2022-02-14',
+          value: '主题结构施工'
         },
         {
-          label: '三',
-          value: '测试阶段3'
+          label: '2022-03-25',
+          value: '屋面工程'
         },
         {
-          label: '四',
-          value: '测试阶段3'
+          label: '2022-01-01',
+          value: '基础工程'
         },
         {
-          label: '五',
-          value: '测试阶段3'
+          label: '2022-02-14',
+          value: '主题结构施工'
+        },
+        {
+          label: '2022-03-25',
+          value: '屋面工程'
         },
       ],
       index: 0
@@ -51,11 +55,4 @@ export default {
   height: 100%;
   overflow: auto;
 }
-
-// ::v-deep .steps-item {
-//   width: 150px;
-//   height: 34px;
-//   padding-top: 15px;
-//   position: relative;
-// }
 </style>
diff --git a/src/views/projectAdmin/zjsj/command/center.vue b/src/views/projectAdmin/zjsj/command/center.vue
index 241dcdf8..5f069731 100644
--- a/src/views/projectAdmin/zjsj/command/center.vue
+++ b/src/views/projectAdmin/zjsj/command/center.vue
@@ -11,7 +11,7 @@
             <span class="label">{{ item.label }}</span>
             <div class="bottom">
               <span class="value" :style="{ fontStyle: item.unit ? 'italic' : '' }">{{ item.value }}</span>
-              <span v-if="item.value" class="unit">{{ item.unit }}</span>
+              <span v-if="item.value" class="unit">&nbsp;{{ item.unit }}</span>
             </div>
           </div>
         </div>
@@ -104,7 +104,7 @@ export default {
             color: #002636;
           }
 
-          .value {
+          .bottom {
             color: #000;
           }
         }
diff --git a/src/views/projectAdmin/zjsj/command/leftFour.vue b/src/views/projectAdmin/zjsj/command/leftFour.vue
index 8e3a231f..23085536 100644
--- a/src/views/projectAdmin/zjsj/command/leftFour.vue
+++ b/src/views/projectAdmin/zjsj/command/leftFour.vue
@@ -374,17 +374,17 @@ export default {
 
   .first-box {
     bottom: 30%;
-    left: 6.5%;
+    left: 8%;
   }
 
   .second-box {
     bottom: 30%;
-    left: 42.5%;
+    left: 43.5%;
   }
 
   .third-box {
     bottom: 30%;
-    left: 80.5%;
+    left: 81.5%;
   }
 }
 </style>