修改

src/components/child/Controltree.vue

@@ -7,7 +7,7 @@
                     <div v-if="item.children" class="second-ul">
                         <div class="second-ul-haed">
                             <div>版块步骤</div>
-                            <div>管控时间</div>
+                            <div>预计完成时间</div>
                             <div>完成时间</div>
                         </div>
                         <div v-if="item.panduan=='wu'">
@@ -17,7 +17,7 @@
                                 <div>{{seconditem.enddate}}</div>
                             </div>
                         </div>
-                        <div v-if="item.panduan=='you'">
+                        <div v-if="item.panduan=='you'" style="padding:5px">
                             <div v-for="(seconditem,index) in item.children" :key="index" class="second-li">
                                 <span>{{seconditem.label}}</span>
                                 <div class="li-steps-ul">
@@ -52,46 +52,38 @@ export default {
                 {
                     id: 3,
                     label: "经费预算",
-                    panduan:"you",
+                    panduan:"wu",
                     children:[
                         {
                             id:15,
-                            label: "未开始"
-                        },
-                        {
-                            id:16,
-                            label: "进行中"
-                        },
-                        {
-                            id:17,
-                            label: "已完成"
+                            label: "完成经费预算",
+                            date:"2023-01-12 ~ 2023-02-10",
+                            enddate:'2023-02-10'
                         }
                     ]
                 },
                 {
                     id: 4,
                     label: " 市场部人员报价对接/反馈",
-                    panduan:"you",
+                    panduan:"wu",
                     children:[
                         {
                             id:18,
-                            label: "未开始"
+                            label: "完成报价对接/反馈",
+                            date:"2023-01-12 ~ 2023-02-10",
+                            enddate:'2023-02-10'
                         },
                         {
                             id:19,
-                            label: "进行中"
+                            label: "录入最终总经费预算",
+                            date:"2023-01-12 ~ 2023-02-10",
+                            enddate:'2023-02-10'
                         },
                         {
                             id:20,
-                            label: "已完成",
-                            children:[
-                                {
-                                    id:21,
-                                    label: "录入最终总经费预算及上传明细单",
-                                    date:"2023-01-12 ~ 2023-02-10",
-                                    enddate:'2023-02-10'
-                                }
-                            ]
+                            label: "上传明细单",
+                            date:"2023-01-12 ~ 2023-02-10",
+                            enddate:'2023-02-10'
                         }
                     ]
                 },
@@ -388,13 +380,13 @@ export default {
         position: relative;
     }
     .controltree-li:not(:last-child){
-        margin-bottom: 200px;
+        margin-bottom: 250px;
     }
     .controltree-li:not(:last-child)::after{
         content: "";
         display: inline-block;
         width: 1px;
-        height: 195px;
+        height: 245px;
         position: absolute;
         left: 50%;
         top: 44px;
@@ -407,7 +399,7 @@ export default {
         height: 1px;
         position: absolute;
         left: -75px;
-        top: 25px;
+        top: 20px;
         background-color: #F1B72C;
     }
     .controltree-li:nth-child(2n+1) .second-ul::before{
@@ -417,16 +409,15 @@ export default {
         height: 1px;
         position: absolute;
         right: -75px;
-        top: 25px;
+        top: 20px;
         background-color: #1E5DA5;
     }
     .second-ul{
         width: 480px;
         position: absolute;
-        top: -5px;
+        top: 0px;
         box-shadow: 0 0 5px #0005;
         border-radius: 5px;
-        padding: 5px;
     }
     .second-li{
         text-align: left;
@@ -447,6 +438,7 @@ export default {
         display: flex;
         justify-content: space-between;
         color: #fff;
+        border-radius: 5px 5px 0px 0px;
     }
     .second-ul-haed>div{
         padding: 10px 0;
@@ -516,6 +508,7 @@ export default {
         padding: 5px 0;
         text-align: center;
         height: 100%;
+        padding: 11px 0;
     }
     .li-steps-li{
         border: 1px solid #f7f7f7;