steps组件优化

src/components/app-build-steps/app-build-steps.vue

@@ -26,15 +26,15 @@
           <div class="step_icon" v-else></div>
           <div class="step_info">
             <p class="step_state">
-              <span v-show="item.step > activeStep">
+              <span v-if="item.step < activeStep || done">
+                已完成
+              </span>
+              <span v-else-if="item.step > activeStep">
                 待进行
               </span>
-              <span v-show="item.step === activeStep">
+              <span v-else-if="item.step === activeStep">
                 进行中
               </span>
-              <span v-show="item.step < activeStep">
-                已完成
-              </span>
             </p>
             <p class="step_name" v-text="item.title"></p>
           </div>

src/components/deployment-info.vue

@@ -51,7 +51,7 @@ export default {
         name: "-",
         value: "values",
         content: "",
-        state: 2,
+        state: 0,
       };
       let status = this.data;
       let statusLength = status.length;
@@ -67,7 +67,7 @@ export default {
     }, // 需要展示的状态
   },
   methods: {
-    getIcon(stateValue = 2) {
+    getIcon(stateValue = 0) {
       const icons = [
         require("../assets/imgs/ic_operation.gif"),
         require("../assets/imgs/ic_true.png"),
@@ -76,7 +76,7 @@ export default {
 
       return icons[stateValue];
     },
-    getText(stateValue = 2) {
+    getText(stateValue = 0) {
       const texts = ["部署中", "成功", "失败"];
 
       return texts[stateValue];

src/pages/workbench/yygl/deployment.vue

@@ -15,7 +15,7 @@
         </el-breadcrumb-item>
       </el-breadcrumb>
     </div>
-    <app-build-steps :active-step="step">
+    <app-build-steps :active-step="step" :done="stepDone">
       <app-build-step
         title="部署基本信息"
         :step="0"
@@ -339,6 +339,7 @@ export default {
     stateList: [],
     finallyState: 0,
     pvc_list:[],
+    stepDone: false
   }),
   methods: {
     get_pvc_list(){
@@ -654,6 +655,7 @@ export default {
         let finallyState = event.data.state === "success" ? 1 : 2;
         this.finallyState = finallyState;
         currentState.state = finallyState;
+        this.stepDone = true;
       } else {
         if (event.data.state !== "notes") {
           currentState.state = 2;