应用构建镜像名称验证

src/pages/workbench/app_build.vue

@@ -310,75 +310,102 @@ export default {
     apassDialog,
     imageDetail,
   },
-  data: () => ({
-    dialogInfo: {
-      title: "",
-      msg: "",
-      submit: null,
-    },
-    step: 0,
-    ywlys: [],
-    types: [],
-    orgs: [],
-    logo: [],
-    app_info: {
-      name: "", // 应用名称
-      version: "", // 应用版本
-      ywly: "", // 业务领域id
-      type: "", // 应用类型id
-      logo: "", // 封面图片链接
-      org: "", //  所属组织机构id
-      yyjj: "", // 应用简介
-      gnjj: "", // 功能简介
-      cjsl: "", //  应用场景示例
-    },
-    app_rules: {
-      name: [
-        { 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" }],
-      org: [
-        { required: true, message: "请选择所属组织机构", trigger: "change" },
-      ],
-      yyjj: [{ required: true, message: "请选择应用简介", trigger: "change" }],
-      gnjj: [{ required: true, message: "请选择功能简介", trigger: "change" }],
-      cjsl: [
-        { required: true, message: "请选择应用场景示例", trigger: "change" },
-      ],
-    },
-    deploy_info: {
-      file: "",
-    },
-    deploy_rules: {
-      file: [{ required: true, message: "请选择部署文件", trigger: "change" }],
-    },
-    step2Loading: false,
-    app_id: "",
-    image_info: {
-      image_name: "",
-      tag: "",
-      file: "",
-    },
-    image_rules: {
-      image_name: [
-        { required: true, message: "请输入镜像名称", trigger: "blur" },
-      ],
-      tag: [{ required: true, message: "请输入版本号", trigger: "blur" }],
-      file: [{ required: true, message: "请选择镜像文件", trigger: "change" }],
-    },
-    addImageLoading: false,
-    image_headers: [],
-    image_datas: [],
-    image_total: 0,
-    image_loading: false,
-    image_noMore: false,
-    image_page: 0,
-    done: false,
-  }),
+  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: "",
+        submit: null,
+      },
+      step: 0,
+      ywlys: [],
+      types: [],
+      orgs: [],
+      logo: [],
+      app_info: {
+        name: "", // 应用名称
+        version: "", // 应用版本
+        ywly: "", // 业务领域id
+        type: "", // 应用类型id
+        logo: "", // 封面图片链接
+        org: "", //  所属组织机构id
+        yyjj: "", // 应用简介
+        gnjj: "", // 功能简介
+        cjsl: "", //  应用场景示例
+      },
+      app_rules: {
+        name: [
+          { 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" },
+        ],
+        org: [
+          { required: true, message: "请选择所属组织机构", trigger: "change" },
+        ],
+        yyjj: [
+          { required: true, message: "请选择应用简介", trigger: "change" },
+        ],
+        gnjj: [
+          { required: true, message: "请选择功能简介", trigger: "change" },
+        ],
+        cjsl: [
+          { required: true, message: "请选择应用场景示例", trigger: "change" },
+        ],
+      },
+      deploy_info: {
+        file: "",
+      },
+      deploy_rules: {
+        file: [
+          { required: true, message: "请选择部署文件", trigger: "change" },
+        ],
+      },
+      step2Loading: false,
+      app_id: "",
+      image_info: {
+        image_name: "",
+        tag: "",
+        file: "",
+      },
+      image_rules: {
+        image_name: [{ validator: image_name_pass, trigger: "blur" }],
+        tag: [{ required: true, message: "请输入版本号", trigger: "blur" }],
+        file: [
+          { required: true, message: "请选择镜像文件", trigger: "change" },
+        ],
+      },
+      addImageLoading: false,
+      image_headers: [],
+      image_datas: [],
+      image_total: 0,
+      image_loading: false,
+      image_noMore: false,
+      image_page: 0,
+      done: false,
+    };
+  },
   methods: {
     getYwlys() {
       this.$http