状态向导面板 --- fix3

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

@@ -21,7 +21,9 @@
         <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
                 <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 />')"><i v-if="activeForm != '<@getStepForm ctrlmodel=ctrl step=step />' && !historyForms.includes('<@getStepForm ctrlmodel=ctrl step=step />')" class="el-icon-lock"></i>${step.getTitle()}</div>
+                        <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>
+                        </div>
                     </template>
                 </el-step>
         </#list>

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

@@ -20,6 +20,14 @@
       padding: 10px 20px;
       margin-bottom: 10px;
       width: 100%;
+      .steps-item-span{
+        padding: 7px 20px;
+        position: relative;
+        right: 20px;
+      }
+      .drawer-box-shadow{
+        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
+      }
       .el-step__head.is-process{
         border-color: #7e8187;
         color: #7e8187;