提案导出

src/main/resources/views/platform/zhgh/welfare/projectMange/index.html

@@ -88,7 +88,8 @@ layout("/layouts/platform.html"){
         </template>
 
         <template #edit>
-            <el-form :model="formData" :rules="welfareFormRules" label-width="150px" ref="form" v-loading="formLoading">
+            <el-form :model="formData" :rules="welfareFormRules" :validate-on-rule-change="false"
+                     @submit.native.prevent label-width="150px" ref="form" v-loading="formLoading">
                 <el-form-item label="沿用往期福利" v-if="!formData.id">
                     <el-select clearable filterable placeholder="请选择往期福利" style="width: 100%"
                                v-model="reuseProjectId" @change="reuseHistoryProject">
@@ -294,10 +295,12 @@ layout("/layouts/platform.html"){
             welfareFormRules() {
                 // 慰问金只要求项目名称和单个发放时间，其他发放形式沿用原有校验。
                 const requiredForOtherMode = this.formData.provideMode !== 99
+                // 慰问金在提交时统一校验，输入项目名称或切换表单项时不提前提示。
+                const requiredTrigger = requiredForOtherMode ? ["blur", "change"] : "submit"
                 return {
-                    name: [{ required: true, message: "必填", trigger: ["blur", "change"] }],
+                    name: [{ required: true, message: "必填", trigger: requiredTrigger }],
                     festival: [{ required: requiredForOtherMode, message: "必选", trigger: ["blur", "change"] }],
-                    provideTime: [{ required: true, message: "必选", trigger: ["blur", "change"] }],
+                    provideTime: [{ required: true, message: "必选", trigger: requiredTrigger }],
                     choiceTime: [{ required: requiredForOtherMode, message: "必选", trigger: ["blur", "change"] }],
                     provideAddress: [{ required: requiredForOtherMode, message: "必选", trigger: ["blur", "change"] }],
                     provideMode: [{ required: true, message: "必选", trigger: ["blur", "change"] }],
@@ -410,6 +413,9 @@ layout("/layouts/platform.html"){
                 this.$set(this, "reuseProjectId", null)
                 if (this.$refs.form) this.$refs.form.resetFields()
                 this.$set(this, "formData", {
+                    name: "",
+                    choiceTime: [],
+                    provideTime: null,
                     provideMode: 99,
                     isPushHome: false,
                     signMode: 4,