状态向导面板 --- fix4

@CONTROL/状态向导面板/CONTROL-BASE.vue.ftl

@@ -16,6 +16,7 @@
     <layout class="app-wizard">
         <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
         <div class="view-steps">
+            <div class="background-box"></div>
             <div class="steps_icon" @click="onClickPrev(activeForm)"><i class="el-icon-arrow-left"></i></div>
             <el-steps class="wizard-steps"  :active="(wizardForms.indexOf(activeForm) + 1)" finish-status="success">
         <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>

@CONTROL/状态向导面板/CONTROL.less.ftl

@@ -4,20 +4,23 @@
     .view-steps{
       display: flex;
       padding: 0 20px;
+      position: relative;
       .steps_icon{
         font-size: 20px;
         background: #409eff;
         color: #fff;
         line-height: 50px;
         height: 50px;
-        border-radius: 4px;
+        margin-top: 21px;
+        z-index: 1;
+
       }
       .steps_icon:hover{
         cursor: pointer;
       }
     }
     .wizard-steps{
-      padding: 10px 20px;
+      padding: 10px 20px 10px 70px;
       margin-bottom: 10px;
       width: 100%;
       .steps-item-span{
@@ -56,6 +59,17 @@
         }
       }
     }
+    .el-step__main{
+      background-color: rgb(239, 239, 239);
+    }
+    .background-box {
+      height: 50px;
+      width: calc(100% - 40px);
+      position: absolute;
+      background: #efefef;
+      top: 21px;
+      border-top: 2px solid rgb(225, 225, 225);
+    }
 }
 .app-wizard-popover-container{
   .app-wizard-container{
@@ -94,4 +108,4 @@
     display: flex;
     justify-content: flex-end;
   }
-}
\ No newline at end of file
+}