商品信息

src/views/product/info/index.vue

@@ -400,7 +400,8 @@ export default {
       // 表单校验
       rules: {
         name: [
-          { required: true, message: "商品名称不能为空", trigger: "blur" }
+          {required: true, message: '请输入商品名称', trigger: 'blur'},
+          {min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
         ],
         unit: [
           { required: true, message: "单位不能为空", trigger: "blur" }
@@ -671,22 +672,28 @@ export default {
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
+          // 表单校验通过，执行提交逻辑
           let typeIds = this.form.type.join(',');
-            let type = this.form.type[this.form.type - 1];
-            this.form.typeIds = typeIds;
-            this.form.type = type;
-            this.form.step = this.active
-
+          let type = this.form.type[this.form.type - 1];
+          this.form.typeIds = typeIds;
+          this.form.type = type;
+          this.form.step = this.active;
           this.form["skuInfoList"] = this.tableBodyTemplate;
+
           if (this.form.id != null) {
-           this.updateInfoById(this.form)
+            // 如果表单已存在 ID，则执行更新操作
+            this.updateInfoById(this.form);
           } else {
+            // 否则执行新增操作
             addInfo(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
             });
           }
+        } else {
+          // 表单校验失败，显示错误提示信息
+          this.$message.error("表单校验失败，请检查输入内容");
         }
       });
     },