对接项目库详情的项目状态

jero-web/src/views/projectManagement/projectStatusBoard/index.vue

@@ -99,6 +99,7 @@
             <div class="box-top-content-right-bottom">
               <div class="process-content" v-for="(item,index) in timeData" :key="index">
                 <div class="process-content-right-xian"></div>
+                <div class="process-content-right-xian-color"></div>
                 <div class="process-content-right-xian-one"></div>
                 <div class="process-content-content" :style="val.left"
                      v-for="(val,indexOne) in item.data[0]" :key="indexOne">
@@ -625,7 +626,7 @@
 
   .box-top-content {
     width: 100%;
-    height: 500px;
+    height: calc(100vh - 264px);
     margin-bottom: 20px;
     padding: 0 0 20px 10px;
     box-sizing: border-box;
@@ -733,7 +734,7 @@
     /*overflow:hidden;*/
 
     .process-content-content {
-      background: #fff;
+      background: transparent;
       z-index: 98;
       /*padding: 0 6px;*/
       position: absolute;
@@ -789,7 +790,7 @@
     }
 
     .process-content-contentOne {
-      background: #fff;
+      background: transparent;
       z-index: 98;
       /*padding: 0 6px;*/
       position: absolute;
@@ -847,15 +848,22 @@
     .process-content-right-xian {
       height: 1px;
       width: 100%;
-      background: #E6E6E9;
+      background: #00B3BE;
       position: absolute;
       top: 48px;
     }
-
+    .process-content-right-xian-color{
+      height: 28px;
+      width: 100%;
+      position: absolute;
+      top: 48px;
+      background: linear-gradient(90deg, rgba(0, 179, 190, 0.12) 0%, rgba(4, 11, 41, 0.02) 100%);
+      transform: matrix(-1, 0, 0, 1, 0, 0);
+    }
     .process-content-right-xian-one {
       height: 1px;
       width: 100%;
-      background: #E6E6E9;
+      background: #00B3BE;
       position: absolute;
       top: 74px;
     }