update: 更新步骤条

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

@@ -4,11 +4,11 @@ ${ctrl.render.code}
 <#else>
     <layout class="app-wizard<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
 <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
-    <el-steps class="wizard-steps" v-if="isShowStepBar"  :active="wizardForms.indexOf(activeForm)" finish-status="success" align-center>
+    <steps class="wizard-steps" v-if="isShowStepBar"  :current="wizardForms.indexOf(activeForm)">
     <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
-      <el-step title="${step.getTitle()}"></el-step>
+      <step title="${step.getTitle()}"></step>
     </#list>
-    </el-steps>
+    </steps>
 </#if>
         <i-content class="app-wizard-content">
 <#if ctrl.getPSDEEditForms()??>

@CONTROL/向导面板/CONTROL.scss.ftl

@@ -2,25 +2,6 @@
 .app-wizard {
     background: #fff;
     height: 100%;
-    .wizard-steps{
-      padding: 10px 50px;
-      border-bottom: 1px solid #ddd;
-      margin-bottom: 10px;
-      .el-step__head.is-process{
-        border-color: #7e8187;
-        color: #7e8187;
-      }
-      .el-step__title.is-process{
-        color: #7e8187;
-      }
-      .el-step__head.is-success{
-        border-color: #1890ff;
-        color: #1890ff;
-      }
-      .el-step__title.is-success{
-        color: #1890ff;
-      }
-    }
     .app-wizard-content{
         height: 100%;
         overflow-y: auto;

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

@@ -21,17 +21,17 @@
         <div class="view-steps">
             <div class="background-box"></div>
             <div class="steps_icon" @click="handleClick('PRE')"><i class="el-icon-arrow-left"></i></div>
-            <el-steps class="wizard-steps"  :active="(wizardForms.indexOf(activeForm) + 1)" finish-status="success" align-center>
+            <steps class="wizard-steps"  :current="(wizardForms.indexOf(activeForm) + 1)">
         <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
-                <el-step :class="{'app-active-step':activeForm==='<@getStepForm ctrlmodel=ctrl step=step />'?true:false}">
+                <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><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>
+                </step>
         </#list>
-            </el-steps>
+            </steps>
             <div class="steps_icon" @click="handleClick('NEXT')"><i class="el-icon-arrow-right"></i></div>
         </div>
         <#if ctrl.getPSDEEditForms()??>

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

@@ -21,49 +21,6 @@
         cursor: pointer;
       }
     }
-    .wizard-steps{
-      padding: 10px 20px 10px 70px;
-      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;
-      }
-      .el-step__title.is-process{
-        color: #7e8187;
-      }
-      .el-step__head.is-success{
-        border-color: #1890ff;
-        color: #1890ff;
-      }
-      .el-step__title.is-success{
-        color: #1890ff;
-      }
-      .el-step__title:hover{
-        cursor: pointer;
-      }
-      .app-active-step{
-        .el-icon-check:before {
-          content: "";
-          width: 12px;
-          height: 12px;
-          border-radius: 8px;
-          background-color: #1890ff;
-          display: block;
-        }
-      }
-    }
-    .el-step__main{
-      background-color: rgb(239, 239, 239);
-    }
     .background-box {
       height: 50px;
       width: calc(100% - 40px);