prodectFileData

src/HDrpManagement/ProductMag/modules/add.vue

@@ -3,7 +3,7 @@
     <el-button type="primary" size="small" @click="dialogFormVisible=true" >新增产品</el-button>
     <el-dialog title="新增产品" top="20px" :visible.sync="dialogFormVisible" width="70%">
       <el-row :gutter="40">
-      <el-form label-position="left" label-width="80px" :model="form" size="small">
+      <el-form label-position="left" label-width="80px" :model="form" :rules="rules" ref="form" size="small">
         <el-col :span="6">
           <el-form-item label="产品编号">
             <el-input v-model="form.itemno" placeholder="输入产品编号"></el-input>
@@ -25,12 +25,12 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="辅助单位">
+          <el-form-item label="辅助单位" prop="isauxunit">
             <el-checkbox :true-label="1" :false-label="0" v-model="form.isauxunit" @change="isauxunitChange">是否需要辅助单位</el-checkbox>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="主单位">
+          <el-form-item label="主单位" prop="unitid">
             <el-select style="width:100%" v-model="form.unitid" placeholder="请选择" @change="unitChange">
               <el-option
                 v-for="item in unitData"
@@ -42,7 +42,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="辅助单位">
+          <el-form-item label="辅助单位" prop="unitgroupid">
             <el-select style="width:100%" v-model="form.unitgroupid" :disabled="form.isauxunit === 0" placeholder="请选择">
               <el-option
                 v-for="item in unitGroupData"
@@ -81,12 +81,12 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="批次管理">
+          <el-form-item label="批次管理" prop="batchcontrol">
             <el-checkbox :true-label="1" :false-label="0" v-model="form.batchcontrol" @change="isauxunitChange">是否需要批次管理</el-checkbox>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="单品管理">
+          <el-form-item label="单品管理" prop="skucontrol">
             <el-checkbox :true-label="1" :false-label="0" v-model="form.skucontrol" @change="isauxunitChange">是否需要单品管理</el-checkbox>
           </el-form-item>
         </el-col>
@@ -164,6 +164,23 @@ export default {
         "length": '' //可选
 
       },
+      rules:{
+        isauxunit: [
+          { type: 'number', required: true, message: '辅助单位管理不可为空', trigger: 'change' },
+        ],
+        unitid: [
+          { required: true,message: '主计量单位不可为空', trigger: 'blur'}
+        ],
+        unitgroupid: [
+          { required: true,message: '辅助计量单位不可为空', trigger:'blur'}
+        ],
+        batchcontrol: [
+          { required: true,message:'批次管理不可为空', trigger:'blur'}
+        ],
+        skucontrol: [
+          { type:'array', required: true,message:'单品管理不可为空', trigger:'change'}
+        ]
+      },
       unitGroupData:[],
       unitData:[]
     }
@@ -198,16 +215,20 @@ export default {
       })
       this.unitGroupData = res.data
     },
-    async onSubmit () {
-      const res = await this.$api.requested({
-        "id": 20220923141502,
-        "content": this.form
-      })
-      this.tool.showMessage(res,()=>{
-        this.dialogFormVisible = false
-        this.$emit('onSuccess')
-        this.refresh()
+     onSubmit () {
+      this.$refs['form'].validate(async (valid) => {
+        if (!valid) return false
+        const res = await this.$api.requested({
+          "id": 20220923141502,
+          "content": this.form
+        })
+        this.tool.showMessage(res,()=>{
+          this.dialogFormVisible = false
+          this.$emit('onSuccess')
+          this.refresh()
+        })
       })
+
     },
     unitChange () {
        this.unitGrouplist()