镜像构建fixed

src/pages/workbench/app_build.vue

@@ -90,7 +90,7 @@
           </el-form-item>
         </el-form>
         <div class="apass_button step_action">
-          <el-button type="primary" @click="nextStep">
+          <el-button type="primary" @click="goToStep1">
             下一步
           </el-button>
         </div>
@@ -468,6 +468,16 @@ export default {
       };
       this.$refs.dialog.show();
     },
+    goToStep1() {
+      if (this.image_total > 0) {
+        this.nextStep();
+      } else {
+        this.$message({
+          message: `您尚未上传任何镜像`,
+          type: "warning",
+        });
+      }
+    },
     goToStep2(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
@@ -482,7 +492,7 @@ export default {
     },
     getYwlys() {
       this.$http
-        .get("/apaas/hubApi/market/appTypes")
+        .get("/apaas/hubApi/market/businessAreas")
         .then((response) => {
           this.ywlys = response.data.data;
         })
@@ -492,7 +502,7 @@ export default {
     },
     getTypes() {
       this.$http
-        .get("/apaas/hubApi/market/departments")
+        .get("/apaas/hubApi/market/appTypes")
         .then((response) => {
           this.types = response.data.data;
         })
@@ -560,11 +570,24 @@ export default {
         return "";
       }
     },
+    showDetail(item) {
+      console.log(item);
+    },
   },
   mounted() {
     this.image_headers = [
-      { label: "镜像名称", prop: "name", align: "left" },
-      { label: "版本号", prop: "tag", align: "center" },
+      {
+        label: "镜像名称",
+        prop: "name",
+        align: "left",
+        type: "button",
+        callback: this.showDetail,
+      },
+      {
+        label: "版本号",
+        prop: "tag",
+        align: "center",
+      },
       {
         label: "操作",
         type: "buttons",