steps组件优化

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

@@ -50,7 +50,7 @@
       </template>
     </ul>
 
-    <div class="steps_container steps_done" v-if="done">
+    <div class="steps_container steps_done" v-if="done && showDone">
       <div class="steps_done_info">
         <div class="left_container">
           <img
@@ -85,6 +85,10 @@ export default {
       type: Boolean,
       default: () => false,
     },
+    showDone: {
+      type: Boolean,
+      default: () => false,
+    },
     doneTitle: {
       type: String,
       default: () => "操作成功",
@@ -193,6 +197,7 @@ export default {
 }
 .steps_done {
   position: relative;
+  min-height: 400px;
 }
 .steps_done_info {
   position: absolute;

src/components/deployment-info.vue

@@ -96,11 +96,17 @@ export default {
 </script>
 
 <style scoped>
-.deployment_info {
+. {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
 }
+.deployment_info > .app_build_steps {
+  min-height: calc(100vh - 150px - 43px);
+  border-radius: 12px;
+  background-color: #fff;
+  padding: 30px;
+}
 .state_steps {
   width: 270px;
   flex-shrink: 0;

src/pages/workbench/app_build.vue

@@ -9,6 +9,7 @@
     <app-build-steps
       :active-step="step"
       :done="done"
+      :show-done="true"
       done-title="提交成功"
       done-sub-title="应用已创建，可前往应用仓库进行应用部署"
     >