应用构建镜像名称验证

src/pages/workbench/app_build.vue

@@ -310,7 +310,19 @@ export default {
     apassDialog,
     imageDetail,
   },
-  data: () => ({
+  data() {
+    var image_name_pass = (rule, value, callback) => {
+      var reg = /^[a-z0-9|-]+$/;
+      setTimeout(() => {
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error("只支持小写字母 数字 -"));
+        }
+      }, 100);
+    };
+
+    return {
       dialogInfo: {
         title: "",
         msg: "",
@@ -337,15 +349,27 @@ export default {
           { required: true, message: "请输入应用名称", trigger: "blur" },
           { max: 16, message: "长度小于16个字符", trigger: "blur" },
         ],
-      version: [{ required: true, message: "请输入应用版本", trigger: "blur" }],
-      ywly: [{ required: true, message: "请选择业务领域", trigger: "change" }],
-      type: [{ required: true, message: "请选择应用类型", trigger: "change" }],
-      logo: [{ required: true, message: "请上传应用封面", trigger: "change" }],
+        version: [
+          { required: true, message: "请输入应用版本", trigger: "blur" },
+        ],
+        ywly: [
+          { required: true, message: "请选择业务领域", trigger: "change" },
+        ],
+        type: [
+          { required: true, message: "请选择应用类型", trigger: "change" },
+        ],
+        logo: [
+          { required: true, message: "请上传应用封面", trigger: "change" },
+        ],
         org: [
           { required: true, message: "请选择所属组织机构", trigger: "change" },
         ],
-      yyjj: [{ required: true, message: "请选择应用简介", trigger: "change" }],
-      gnjj: [{ required: true, message: "请选择功能简介", trigger: "change" }],
+        yyjj: [
+          { required: true, message: "请选择应用简介", trigger: "change" },
+        ],
+        gnjj: [
+          { required: true, message: "请选择功能简介", trigger: "change" },
+        ],
         cjsl: [
           { required: true, message: "请选择应用场景示例", trigger: "change" },
         ],
@@ -354,7 +378,9 @@ export default {
         file: "",
       },
       deploy_rules: {
-      file: [{ required: true, message: "请选择部署文件", trigger: "change" }],
+        file: [
+          { required: true, message: "请选择部署文件", trigger: "change" },
+        ],
       },
       step2Loading: false,
       app_id: "",
@@ -364,11 +390,11 @@ export default {
         file: "",
       },
       image_rules: {
-      image_name: [
-        { required: true, message: "请输入镜像名称", trigger: "blur" },
-      ],
+        image_name: [{ validator: image_name_pass, trigger: "blur" }],
         tag: [{ required: true, message: "请输入版本号", trigger: "blur" }],
-      file: [{ required: true, message: "请选择镜像文件", trigger: "change" }],
+        file: [
+          { required: true, message: "请选择镜像文件", trigger: "change" },
+        ],
       },
       addImageLoading: false,
       image_headers: [],
@@ -378,7 +404,8 @@ export default {
       image_noMore: false,
       image_page: 0,
       done: false,
-  }),
+    };
+  },
   methods: {
     getYwlys() {
       this.$http