状态向导面板 --- fix5

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

@@ -23,7 +23,7 @@
                 <el-step :class="{'app-active-step':activeForm==='<@getStepForm ctrlmodel=ctrl step=step />'?true:false}">
                     <template v-slot:title>
                         <div v-popover:<@getStepForm ctrlmodel=ctrl step=step />_popover @click="hanleClick('<@getStepForm ctrlmodel=ctrl step=step />')">
-                            <span :class="stepVisiable['<@getStepForm ctrlmodel=ctrl step=step />']?'drawer-box-shadow ':''" class="steps-item-span"><i v-if="activeForm != '<@getStepForm ctrlmodel=ctrl step=step />' && !historyForms.includes('<@getStepForm ctrlmodel=ctrl step=step />')" class="el-icon-lock"></i>${step.getTitle()}</span>
+                            <span><i v-if="activeForm != '<@getStepForm ctrlmodel=ctrl step=step />' && !historyForms.includes('<@getStepForm ctrlmodel=ctrl step=step />')" class="el-icon-lock"></i>${step.getTitle()}</span>
                         </div>
                     </template>
                 </el-step>

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

@@ -6,6 +6,8 @@
       padding: 0 20px;
       position: relative;
       .steps_icon{
+        width: 30px;
+        text-align: center;
         font-size: 20px;
         background: #409eff;
         color: #fff;
@@ -77,13 +79,15 @@
     .popover-title{
       position: absolute;
       top: 14px;
-      left: 20px;
+      left: 13px;
     }
     .app-wizard-header{
       width: 100%;
-      height: 22px;
+      height: 30px;
       line-height: 22px;
       padding: 2px;
+      border-bottom: 1px solid #ccc;
+      margin-bottom: 10px;
       .app-wizard-header-extra{
         float: right;
       }