调整状态向导面板 --- fix8

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

@@ -15,9 +15,9 @@
 <template>
     <layout class="app-wizard">
         <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
-        <el-steps class="wizard-steps"  :active="wizardForms.indexOf(activeForm)" finish-status="success">
+        <el-steps class="wizard-steps"  :active="(wizardForms.indexOf(activeForm) + 1)" finish-status="success">
         <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
-            <el-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 />')">${step.getTitle()}</div>
                 </template>
@@ -383,10 +383,10 @@
             }
             this.setPopVisiable(name,false);
             if (this.getNextForm(name)) {
-                let nextForm:any = this.getNextForm(name);
-                this.setPopVisiable(nextForm,true);
+                this.activeForm = this.getNextForm(name);
+                this.setPopVisiable(this.activeForm,true);
                 setTimeout(() => {
-                    this.formLoad(nextForm);
+                    this.formLoad(this.activeForm);
                 }, 1);
             } else {
                 this.doFinish();
@@ -469,7 +469,7 @@
         const length = this.historyForms.length;
         if(length > 1) {
             this.curState = 'PREV';
-            let curIndex:number = this.historyForms.indexOf(name);
+            let curIndex:number = this.wizardForms.indexOf(name);
             this.setPopVisiable(name,false);
             setTimeout(() => {
                 this.setPopVisiable(this.historyForms[curIndex - 1],true);
@@ -523,7 +523,7 @@
      */
     public isVisiable(name:string,type: string) {
         const actions: Array<string> = this.stepActions[name];
-        if(actions && actions.indexOf(type) !== -1) {
+        if(actions && actions.indexOf(type) !== -1 && Object.is(name,this.activeForm)) {
             return true;
         }else{
             return false;

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

@@ -21,6 +21,16 @@
       .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;
+        }
+      }
     }
 }
 .app-wizard-popover-container{