一键部署-应用部署组件

src/components/deployment-info.vue

@@ -24,10 +24,12 @@
       </ul>
     </div>
     <div class="state_detail">
-      <p
-        v-text="currentState.content"
-        style="text-align: center;margin-top: 20px;"
-      ></p>
+      <div class="state_message">
+        <p v-for="(text, index) in currentState.content" :key="index">
+          <span v-text="index + 1"></span>
+          <span v-text="text"></span>
+        </p>
+      </div>
     </div>
   </div>
 </template>
@@ -84,7 +86,6 @@ export default {
         return;
       }
 
-      console.log(state);
       this.selectedState = state;
     },
   },
@@ -134,10 +135,30 @@ export default {
 .state_detail {
   height: 500px;
   flex-grow: 1;
+  padding: 25px 40px;
   border-radius: 7px;
   background-color: #f8f9fd;
   overflow: hidden;
 }
+.state_message {
+  height: 100%;
+  overflow: auto;
+}
+.state_message > p {
+  white-space: nowrap;
+  padding: 10px 0;
+}
+.state_message > p > span {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+  line-height: 22px;
+  color: #242c43;
+}
+.state_message > p > span:first-child {
+  width: 65px;
+  color: #8890a7;
+}
 .icon_and_text > * {
   display: inline-block;
   vertical-align: middle;

src/pages/workbench/yygl/deployment.vue

@@ -323,25 +323,83 @@ export default {
       {
         name: "获取部署参数",
         value: "values",
-        content: "获取部署参数",
+        content: [
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 1.0.0",
+          "",
+          "======================================",
+        ],
         state: 1,
       },
       {
         name: "拉取部署文件",
         value: "pull-chart",
-        content: "拉取部署文件",
+        content: [
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 2.0.0",
+          "",
+          "======================================",
+        ],
         state: 1,
       },
       {
         name: "开始部署",
         value: "install",
-        content: "开始部署",
+        content: [
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 3.0.0",
+          "",
+          "======================================",
+        ],
         state: 1,
       },
       {
         name: "部署状态",
         value: "deploy-status",
-        content: "部署状态",
+        content: [
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+          "host: mapvideo.wodcloud.com",
+          "repository: hub.wodcloud.com/apaas/apaas-mapvideos",
+          "tag: 4.0.0",
+          "",
+          "======================================",
+        ],
         state: 2,
       },
     ],