Ver código fonte

新增下发表单校验

noob 3 anos atrás
pai
commit
a1a2830310
1 arquivos alterados com 50 adições e 23 exclusões
  1. 50 23
      src/pages/main/performance/mould.vue

+ 50 - 23
src/pages/main/performance/mould.vue

@@ -29,14 +29,38 @@
             @confirm="handleIssue"
             :visible="issue_visible"
         >
-            <el-form label-width="100px" :model="issue_form">
-                <el-form-item label="填报事由">
+            <el-form label-width="120px" :model="issue_form" ref="issue_ref">
+                <el-form-item
+                    label="填报事由"
+                    prop="reason"
+                    :rules="{
+                        required: true,
+                        message: '填报事由不能为空',
+                        trigger: 'blur',
+                    }"
+                >
                     <el-input v-model="issue_form.reason"></el-input>
                 </el-form-item>
-                <el-form-item label="填报注意事项">
+                <el-form-item
+                    label="填报注意事项"
+                    prop="precautions"
+                    :rules="{
+                        required: true,
+                        message: '填报注意事项不能为空',
+                        trigger: 'blur',
+                    }"
+                >
                     <el-input v-model="issue_form.precautions"></el-input>
                 </el-form-item>
-                <el-form-item label="截止时间">
+                <el-form-item
+                    label="截止时间"
+                    prop="endTime"
+                    :rules="{
+                        required: true,
+                        message: '截止时间不能为空',
+                        trigger: 'change',
+                    }"
+                >
                     <el-date-picker v-model="issue_form.endTime" type="date">
                     </el-date-picker>
                 </el-form-item>
@@ -216,25 +240,28 @@ export default {
             });
         },
         handleIssue() {
-            this.$http({
-                url: "/market/CMKFileTemplate/issuedCMKFileTemplateById",
-                method: "post",
-                headers: {
-                    "Content-Type": "application/json",
-                },
-                data: {
-                    ...this.issue_form,
-                    endTime: this.$formatDate(
-                        this.issue_form.endTime,
-                        "YYYY-MM-DD"
-                    ),
-                    templateId: this.issue_id,
-                },
-            }).then(() => {
-                this.handleVisible("issue");
-                this.$message.success("下发成功");
-
-                this.handleInit();
+            this.$refs["issue_ref"].validate((valid) => {
+                if (valid) {
+                    this.$http({
+                        url: "/market/CMKFileTemplate/issuedCMKFileTemplateById",
+                        method: "post",
+                        headers: {
+                            "Content-Type": "application/json",
+                        },
+                        data: {
+                            ...this.issue_form,
+                            endTime: this.$formatDate(
+                                this.issue_form.endTime,
+                                "YYYY-MM-DD"
+                            ),
+                            templateId: this.issue_id,
+                        },
+                    }).then(() => {
+                        this.handleVisible("issue");
+                        this.$message.success("下发成功");
+                        this.handleInit();
+                    });
+                }
             });
         },
     },