表单必填验证

src/views/onlineHome/homestead/circulation/circulationAdd.vue

@@ -69,7 +69,7 @@
       <!--            />-->
       <!--          </van-popup>-->
 
-      <van-cell title="是否本集体经济组织成员" required>
+      <van-cell title="是否本集体经济组织成员">
         <template #right-icon>
           <van-radio-group v-model="circulation.zcfsfbjtjjzzcy" direction="horizontal">
             <van-radio name="Y">是</van-radio>
@@ -81,9 +81,9 @@
 
     <p class="main_title">流转信息</p>
     <div class="main_box">
-      <van-field label="流转面积(㎡)" v-model="circulation.lzmj" placeholder="请输入流转面积(㎡)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-      <van-field label="流转单价(元)" v-model="circulation.lzdj" placeholder="请输入流转单价(元)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-      <van-field label="流转费用(元)" v-model="circulation.lzfy" placeholder="请输入流转费用(元)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field label="流转面积(㎡)" v-model="circulation.lzmj" placeholder="请输入流转面积(㎡)" input-align="right" label-width="auto" type="number"/>
+      <van-field label="流转单价(元)" v-model="circulation.lzdj" placeholder="请输入流转单价(元)" input-align="right" label-width="auto" type="number"/>
+      <van-field label="流转费用(元)" v-model="circulation.lzfy" placeholder="请输入流转费用(元)" input-align="right" label-width="auto" type="number"/>
       <van-field
         readonly
         clickable
@@ -92,7 +92,7 @@
         placeholder="请选择起始时间"
         @click="showlzqsrq = true"
         input-align="right"
-        right-icon="arrow-down" :rules="[{ required: true }]" required
+        right-icon="arrow-down"
       />
       <van-popup v-model="showlzqsrq" position="bottom">
         <van-datetime-picker
@@ -113,7 +113,7 @@
         placeholder="请选择结束时间"
         @click="showlzjsrq = true"
         input-align="right"
-        right-icon="arrow-down" :rules="[{ required: true }]" required
+        right-icon="arrow-down"
       />
       <van-popup v-model="showlzjsrq" position="bottom">
         <van-datetime-picker
@@ -135,7 +135,7 @@
         @click="showLzqfwyt = true"
         input-align="right"
         right-icon="arrow-down"
-        label-width="auto" :rules="[{ required: true }]" required
+        label-width="auto"
       />
       <van-popup v-model="showLzqfwyt" position="bottom">
         <van-picker
@@ -155,7 +155,7 @@
         @click="showLzhfwyt = true"
         input-align="right"
         right-icon="arrow-down"
-        label-width="auto" :rules="[{ required: true }]" required
+        label-width="auto"
       />
       <van-popup v-model="showLzhfwyt" position="bottom">
         <van-picker
@@ -206,7 +206,7 @@
       </van-popup>
 
       <van-field label="转入方代表证件号码" v-model="circulation.zrfdbzjhm" placeholder="请输入证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-      <van-cell title="是否本集体经济组织成员" required>
+      <van-cell title="是否本集体经济组织成员">
         <template #right-icon>
           <van-radio-group  v-model="circulation.zrfsfbjtjjzzcy" direction="horizontal">
             <van-radio name="Y">是</van-radio>
@@ -218,9 +218,9 @@
 
     <p class="main_title">其他</p>
     <div class="main_box">
-      <van-field label="所有权人代表姓名" v-model="circulation.suyqrdbxm" placeholder="请输入姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-      <van-field label="所有权人意见" v-model="circulation.suyqryj" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-      <van-field label="备注" v-model="circulation.bz" placeholder="请输入备注" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field label="所有权人代表姓名" v-model="circulation.suyqrdbxm" placeholder="请输入姓名" input-align="right" label-width="auto"/>
+      <van-field label="所有权人意见" v-model="circulation.suyqryj" placeholder="请输入内容" input-align="right" label-width="auto"/>
+      <van-field label="备注" v-model="circulation.bz" placeholder="请输入备注" input-align="right" label-width="auto"/>
     </div>
     </van-form>
 

src/views/onlineHome/homestead/circulation/circulationModify.vue

@@ -69,7 +69,7 @@
 <!--            />-->
 <!--          </van-popup>-->
 
-          <van-cell title="是否本集体经济组织成员" required>
+          <van-cell title="是否本集体经济组织成员">
             <template #right-icon>
               <van-radio-group v-model="circulation.zcfsfbjtjjzzcy" direction="horizontal">
                 <van-radio name="Y">是</van-radio>
@@ -81,9 +81,9 @@
 
         <p class="main_title">流转信息</p>
         <div class="main_box">
-          <van-field label="流转面积(㎡)" v-model="circulation.lzmj" placeholder="请输入流转面积(㎡)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-          <van-field label="流转单价(元)" v-model="circulation.lzdj" placeholder="请输入流转单价(元)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-          <van-field label="流转费用(元)" v-model="circulation.lzfy" placeholder="请输入流转费用(元)" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+          <van-field label="流转面积(㎡)" v-model="circulation.lzmj" placeholder="请输入流转面积(㎡)" input-align="right" label-width="auto" type="number"/>
+          <van-field label="流转单价(元)" v-model="circulation.lzdj" placeholder="请输入流转单价(元)" input-align="right" label-width="auto" type="number"/>
+          <van-field label="流转费用(元)" v-model="circulation.lzfy" placeholder="请输入流转费用(元)" input-align="right" label-width="auto" type="number"/>
           <van-field
             readonly
             clickable
@@ -92,7 +92,7 @@
             placeholder="请选择起始时间"
             @click="showlzqsrq = true"
             input-align="right"
-            right-icon="arrow-down" :rules="[{ required: true }]" required
+            right-icon="arrow-down"
           />
           <van-popup v-model="showlzqsrq" position="bottom">
             <van-datetime-picker
@@ -113,7 +113,7 @@
             placeholder="请选择结束时间"
             @click="showlzjsrq = true"
             input-align="right"
-            right-icon="arrow-down" :rules="[{ required: true }]" required
+            right-icon="arrow-down"
           />
           <van-popup v-model="showlzjsrq" position="bottom">
             <van-datetime-picker
@@ -135,7 +135,7 @@
             @click="showLzqfwyt = true"
             input-align="right"
             right-icon="arrow-down"
-            label-width="auto" :rules="[{ required: true }]" required
+            label-width="auto"
           />
           <van-popup v-model="showLzqfwyt" position="bottom">
             <van-picker
@@ -155,7 +155,7 @@
             @click="showLzhfwyt = true"
             input-align="right"
             right-icon="arrow-down"
-            label-width="auto" :rules="[{ required: true }]" required
+            label-width="auto"
           />
           <van-popup v-model="showLzhfwyt" position="bottom">
             <van-picker
@@ -206,7 +206,7 @@
           </van-popup>
 
           <van-field label="转入方代表证件号码" v-model="circulation.zrfdbzjhm" placeholder="请输入证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-          <van-cell title="是否本集体经济组织成员" required>
+          <van-cell title="是否本集体经济组织成员">
             <template #right-icon>
               <van-radio-group  v-model="circulation.zrfsfbjtjjzzcy" direction="horizontal">
                 <van-radio name="Y">是</van-radio>
@@ -218,9 +218,9 @@
 
         <p class="main_title">其他</p>
         <div class="main_box">
-          <van-field label="所有权人代表姓名" v-model="circulation.suyqrdbxm" placeholder="请输入姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-          <van-field label="所有权人意见" v-model="circulation.suyqryj" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-          <van-field label="备注" v-model="circulation.bz" placeholder="请输入备注" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+          <van-field label="所有权人代表姓名" v-model="circulation.suyqrdbxm" placeholder="请输入姓名" input-align="right" label-width="auto"/>
+          <van-field label="所有权人意见" v-model="circulation.suyqryj" placeholder="请输入内容" input-align="right" label-width="auto"/>
+          <van-field label="备注" v-model="circulation.bz" placeholder="请输入备注" input-align="right" label-width="auto"/>
         </div>
       </van-form>
 

src/views/onlineHome/homestead/mortgage/mortgageAdd.vue

@@ -33,9 +33,9 @@
         </van-popup>
         <van-field v-model="circulation.bdcdyh" label="不动产单元号" placeholder="请输入不动产单元号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
         <van-field v-model="circulation.bdcqzh" label="不动产权证号" placeholder="请输入不动产权证号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.bdcdydjywh" label="不动产抵押登记业务号" placeholder="请输入不动产抵押登记业务号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.zjjzwzl" label="在建建筑物坐落" placeholder="请输入在建建筑物坐落" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.zjjzwdyfw" label="在建建筑物抵押范围" placeholder="请输入在建建筑物抵押范围" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.bdcdydjywh" label="不动产抵押登记业务号" placeholder="请输入不动产抵押登记业务号" input-align="right" label-width="auto"/>
+        <van-field v-model="circulation.zjjzwzl" label="在建建筑物坐落" placeholder="请输入在建建筑物坐落" input-align="right" label-width="auto"/>
+        <van-field v-model="circulation.zjjzwdyfw" label="在建建筑物抵押范围" placeholder="请输入在建建筑物抵押范围" input-align="right" label-width="auto"/>
         <van-field
           readonly
           clickable
@@ -149,8 +149,8 @@
       </div>
 
       <div class="main_box">
-        <van-field label="附记" v-model="circulation.fj" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field label="备注" v-model="circulation.bz" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field label="附记" v-model="circulation.fj" placeholder="请输入内容" input-align="right" label-width="auto"/>
+        <van-field label="备注" v-model="circulation.bz" placeholder="请输入内容" input-align="right" label-width="auto"/>
       </div>
       </van-form>
 

src/views/onlineHome/homestead/mortgage/mortgageModify.vue

@@ -33,9 +33,9 @@
         </van-popup>
         <van-field v-model="circulation.bdcdyh" label="不动产单元号" placeholder="请输入不动产单元号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
         <van-field v-model="circulation.bdcqzh" label="不动产权证号" placeholder="请输入不动产权证号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.bdcdydjywh" label="不动产抵押登记业务号" placeholder="请输入不动产抵押登记业务号" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.zjjzwzl" label="在建建筑物坐落" placeholder="请输入在建建筑物坐落" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.zjjzwdyfw" label="在建建筑物抵押范围" placeholder="请输入在建建筑物抵押范围" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.bdcdydjywh" label="不动产抵押登记业务号" placeholder="请输入不动产抵押登记业务号" input-align="right" label-width="auto"/>
+        <van-field v-model="circulation.zjjzwzl" label="在建建筑物坐落" placeholder="请输入在建建筑物坐落" input-align="right" label-width="auto"/>
+        <van-field v-model="circulation.zjjzwdyfw" label="在建建筑物抵押范围" placeholder="请输入在建建筑物抵押范围" input-align="right" label-width="auto"/>
         <van-field
           readonly
           clickable
@@ -149,8 +149,8 @@
       </div>
 
       <div class="main_box">
-        <van-field label="附记" v-model="circulation.fj" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field label="备注" v-model="circulation.bz" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field label="附记" v-model="circulation.fj" placeholder="请输入内容" input-align="right" label-width="auto"/>
+        <van-field label="备注" v-model="circulation.bz" placeholder="请输入内容" input-align="right" label-width="auto"/>
       </div>
       </van-form>
 

src/views/onlineHome/homestead/paidExit/paidExitAdd.vue

@@ -115,7 +115,7 @@
           />
         </van-popup>
         <van-field v-model="circulation.tcmj" label="退出面积" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-        <van-field v-model="circulation.tcnx" label="退出年限" placeholder="请输入退出年限" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+        <van-field v-model="circulation.tcnx" label="退出年限" placeholder="请输入退出年限" input-align="right" label-width="auto" type="number"/>
       </div>
 
       <p class="main_title">补偿信息</p>
@@ -129,7 +129,7 @@
           @click="showbcfs = true"
           label-width="auto"
           input-align="right"
-          right-icon="arrow-down" :rules="[{ required: true }]" required
+          right-icon="arrow-down"
         />
         <van-popup v-model="showbcfs" position="bottom">
           <van-picker
@@ -139,10 +139,10 @@
             @cancel="showbcfs = false"
           />
         </van-popup>
-        <van-field v-model="circulation.bcje" label="补偿金额" placeholder="请输入补偿金额 元" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-        <van-field v-model="circulation.zhfwmj" label="置换房屋面积" placeholder="请输入房屋面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-        <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-        <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.bcje" label="补偿金额" placeholder="请输入补偿金额 元" input-align="right" label-width="auto" type="number"/>
+        <van-field v-model="circulation.zhfwmj" label="置换房屋面积" placeholder="请输入房屋面积㎡" input-align="right" label-width="auto" type="number"/>
+        <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto"/>
+        <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
       </div>
       </van-form>

src/views/onlineHome/homestead/paidExit/paidExitModify.vue

@@ -115,7 +115,7 @@
         />
       </van-popup>
       <van-field v-model="circulation.tcmj" label="退出面积" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-      <van-field v-model="circulation.tcnx" label="退出年限" placeholder="请输入退出年限" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="circulation.tcnx" label="退出年限" placeholder="请输入退出年限" input-align="right" label-width="auto" type="number"/>
     </div>
 
     <p class="main_title">补偿信息</p>
@@ -129,7 +129,7 @@
         @click="showbcfs = true"
         label-width="auto"
         input-align="right"
-        right-icon="arrow-down" :rules="[{ required: true }]" required
+        right-icon="arrow-down"
       />
       <van-popup v-model="showbcfs" position="bottom">
         <van-picker
@@ -139,10 +139,10 @@
           @cancel="showbcfs = false"
         />
       </van-popup>
-      <van-field v-model="circulation.bcje" label="补偿金额" placeholder="请输入补偿金额 元" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-      <van-field v-model="circulation.zhfwmj" label="置换房屋面积" placeholder="请输入房屋面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
-      <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
-      <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="circulation.bcje" label="补偿金额" placeholder="请输入补偿金额 元" input-align="right" label-width="auto" type="number"/>
+      <van-field v-model="circulation.zhfwmj" label="置换房屋面积" placeholder="请输入房屋面积㎡" input-align="right" label-width="auto" type="number"/>
+      <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto"/>
+      <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
     </div>
     </van-form>

src/views/onlineHome/homestead/reporting/taskCloseCaseAdd.vue

@@ -10,6 +10,7 @@
           <p style="font-weight: bold;">任务上报</p>
         </template>
       </van-nav-bar>
+      <van-form ref="_Form">
       <div class="main_box">
         <van-field
           readonly
@@ -123,6 +124,7 @@
         <van-field v-model="jgList.msmj" label="没收面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
         <van-field v-model="jgList.ccmj" label="拆除面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
       </div>
+      </van-form>
       <div style="padding: 16px 0;" v-if="allowCUD">
         <van-row>
           <van-col span="12" align="center">

src/views/onlineHome/homestead/reporting/taskReportingAdd.vue

@@ -10,6 +10,7 @@
         <p style="font-weight: bold;">结案</p>
       </template>
     </van-nav-bar>
+    <van-form ref="_Form">
     <div class="main_box">
       <van-field
         readonly
@@ -18,9 +19,9 @@
         v-model="sfzjjzw"
         @click="showSys = true"
         input-align="right"
-        label-width="auto"
+        label-width="auto" :rules="[{ required: true }]" required
       />
-      <van-field readonly label="宅基地代码" v-model="jgList.zjddm" input-align="right" />
+      <van-field readonly label="宅基地代码" v-model="jgList.zjddm" input-align="right"  :rules="[{ required: true }]" required/>
       <!--        <van-popup v-model="showZjd" position="bottom">-->
       <!--          <van-picker-->
       <!--            show-toolbar-->
@@ -33,7 +34,7 @@
         label="监管类型"
         v-model="jglx"
         @click="showjglx = true"
-        input-align="right"
+        input-align="right" :rules="[{ required: true }]" required
       />
       <van-field
         readonly
@@ -64,7 +65,7 @@
         v-model="wfydlx"
         @click="showwfydlx = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showwfydlx" position="bottom">
         <van-picker
@@ -74,11 +75,12 @@
           @cancel="showwfydlx = false"
         />
       </van-popup>
-      <van-field v-model="jgList.wfydmj" label="违法用地面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.fmkje" label="罚没款金额" placeholder="请输入金额" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.msmj" label="没收面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.ccmj" label="拆除面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
+      <van-field v-model="jgList.wfydmj" label="违法用地面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="jgList.fmkje" label="罚没款金额" placeholder="请输入金额" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="jgList.msmj" label="没收面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="jgList.ccmj" label="拆除面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
     </div>
+    </van-form>
     <div style="padding: 16px 0;" v-if="allowCUD">
       <van-row>
         <van-col span="12" align="center">
@@ -95,6 +97,7 @@
 
 <script>
   import { closeCase , getJg } from "@/api/onlineHome/homestead/reporting";
+  import {Notify} from "vant";
   export default {
     name: "taskCloseCaseAdd",
     data() {
@@ -158,12 +161,16 @@
         this.showwfydlx = false;
       },
       goAdd(){
+        this.$refs._Form.validate().then(() => {
         closeCase(this.jgList).then(response => {
           console.log(response);
           this.$toast.success('结案成功');
           setTimeout(function(){
             history.go(-1)
           },2000)
+        })
+        }).catch((e) => {
+          Notify({ type: 'danger', message: '请填写完整的表单项' });
         });
       },
       goBack(){

src/views/onlineHome/homestead/supervision/supervisionModify.vue

@@ -10,6 +10,7 @@
         <p style="font-weight: bold;">修改违法监管</p>
       </template>
     </van-nav-bar>
+    <van-form ref="_Form">
     <div class="main_box">
       <van-field
         readonly
@@ -20,7 +21,7 @@
         @click="showSys = true"
         input-align="right"
         right-icon="arrow-down"
-        label-width="auto"
+        label-width="auto" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showSys" position="bottom">
         <van-picker
@@ -30,7 +31,7 @@
           @cancel="showSys = false"
         />
       </van-popup>
-      <van-field label="宅基地代码" v-model="jgList.zjddm" placeholder="请输入宅基地代码" input-align="right" />
+      <van-field label="宅基地代码" v-model="jgList.zjddm" placeholder="请输入宅基地代码" input-align="right" :rules="[{ required: true }]" required/>
       <!--        <van-popup v-model="showZjd" position="bottom">-->
       <!--          <van-picker-->
       <!--            show-toolbar-->
@@ -45,7 +46,7 @@
         v-model="jglx"
         @click="showjglx = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showjglx" position="bottom">
         <van-picker
@@ -63,7 +64,7 @@
         placeholder="请选择立案时间"
         @click="showlasj = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showlasj" position="bottom">
         <van-datetime-picker
@@ -75,7 +76,7 @@
           @confirm="onConfirmLasj"
         />
       </van-popup>
-      <van-field label="巡查人" v-model="jgList.inspector" placeholder="请输入巡查人" input-align="right" label-width="auto"/>
+      <van-field label="巡查人" v-model="jgList.inspector" placeholder="请输入巡查人" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
       <van-field
         readonly
         clickable
@@ -84,7 +85,7 @@
         placeholder="请选择巡查时间"
         @click="showinspectorTime = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showinspectorTime" position="bottom">
         <van-datetime-picker
@@ -96,7 +97,7 @@
           @confirm="onConfirmInspectorTime"
         />
       </van-popup>
-      <van-field label="备注" v-model="jgList.bz" placeholder="填写备注" input-align="right" label-width="auto"/>
+      <van-field label="备注" v-model="jgList.bz" placeholder="填写备注" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
     </div>
 
     <p class="main_title">违法信息</p>
@@ -109,7 +110,7 @@
         v-model="wfydlx"
         @click="showwfydlx = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showwfydlx" position="bottom">
         <van-picker
@@ -119,10 +120,10 @@
           @cancel="showwfydlx = false"
         />
       </van-popup>
-      <van-field v-model="jgList.wfydmj" label="违法用地面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.fmkje" label="罚没款金额" placeholder="请输入金额" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.msmj" label="没收面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
-      <van-field v-model="jgList.ccmj" label="拆除面积" placeholder="请输入面积" input-align="right" label-width="auto"/>
+      <van-field v-model="jgList.wfydmj" type="number" label="违法用地面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="jgList.fmkje" type="number" label="罚没款金额" placeholder="请输入金额" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="jgList.msmj" type="number" label="没收面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="jgList.ccmj" type="number" label="拆除面积" placeholder="请输入面积" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
       <van-field
         readonly
         clickable
@@ -131,7 +132,7 @@
         v-model="jgList.reformDeadline"
         @click="showReformDeadline = true"
         input-align="right"
-        right-icon="arrow-down"
+        right-icon="arrow-down" :rules="[{ required: true }]" required
       />
       <van-popup v-model="showReformDeadline" position="bottom">
         <van-datetime-picker
@@ -144,6 +145,7 @@
         />
       </van-popup>
     </div>
+    </van-form>
     <div style="padding: 16px 0;" v-if="allowCUD">
       <van-row>
         <van-col span="12" align="center">
@@ -160,6 +162,7 @@
 
 <script>
   import { supervisionAdd , getSupervision } from "@/api/onlineHome/homestead/supervision";
+  import {Notify} from "vant";
   export default {
     name: "supervisionModify",
     data() {
@@ -251,12 +254,16 @@
         this.showReformDeadline = false;
       },
       goAdd(){
+        this.$refs._Form.validate().then(() => {
         supervisionAdd(this.jgList).then(response => {
           console.log(response);
           this.$toast.success('保存成功');
           setTimeout(function(){
             history.go(-1)
           },2000)
+        })
+        }).catch((e) => {
+          Notify({ type: 'danger', message: '请填写完整的表单项' });
         });
       },
       goBack(){

src/views/onlineHome/homestead/task/taskLssueAdd.vue

@@ -11,10 +11,11 @@
         </template>
       </van-nav-bar>
       <div class="main_box">
+        <van-form ref="_Form">
         <van-row type="flex" justify="space-between" align="center" style="margin-bottom: 5%;">
           <van-col span="12" style="font-size: 14px;color:#333333">截止上报时间</van-col>
           <van-col span="12">
-            <van-field style="line-height: 0" clickable v-model="queryParams.reportDeadline" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
+            <van-field style="line-height: 0" clickable v-model="queryParams.reportDeadline" label-width="auto" placeholder="选择日期" @click="showApplyTime = true" :rules="[{ required: true }]" required>
               <template #label>
                 <van-icon name="notes-o" size="20"/>
               </template>
@@ -24,6 +25,7 @@
         </van-row>
 
         <vue-html5-editor :content="queryParams.title" @change="updateData" :height="500"></vue-html5-editor>
+        </van-form>
         <div style="padding: 16px 0;" v-if="allowCUD">
           <van-row>
             <van-col span="12" align="center">
@@ -41,6 +43,7 @@
 
 <script>
 import { addTask } from "@/api/onlineHome/homestead/task";
+import {Notify} from "vant";
 export default {
   name: "taskLssueAdd",
   data() {
@@ -65,12 +68,21 @@ export default {
   },
   methods: {
     goAdd(){
+      if(!this.queryParams.title)
+      {
+        Notify({ type: 'danger', message: '请填写标题' });
+        return;
+      }
+      this.$refs._Form.validate().then(() => {
       addTask(this.queryParams).then(response => {
         console.log(response);
         this.$toast.success('保存成功');
         setTimeout(function(){
           history.go(-1)
         },2000)
+      })
+      }).catch((e) => {
+        Notify({ type: 'danger', message: '请填写完整的表单项' });
       });
     },
     updateData(value){

src/views/onlineHome/homestead/task/taskLssueModify.vue

@@ -11,10 +11,11 @@
         </template>
       </van-nav-bar>
       <div class="main_box">
+        <van-form ref="_Form">
         <van-row type="flex" justify="space-between" align="center" style="margin-bottom: 5%;">
           <van-col span="12" style="font-size: 14px;color:#333333">截止上报时间</van-col>
           <van-col span="12">
-            <van-field style="line-height: 0" clickable v-model="queryParams.reportDeadline" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
+            <van-field style="line-height: 0" clickable v-model="queryParams.reportDeadline" label-width="auto" placeholder="选择日期" @click="showApplyTime = true" :rules="[{ required: true }]" required>
               <template #label>
                 <van-icon name="notes-o" size="20"/>
               </template>
@@ -24,6 +25,7 @@
         </van-row>
 
         <vue-html5-editor :content="queryParams.title" @change="updateData" :height="500"></vue-html5-editor>
+        </van-form>
         <div style="padding: 16px 0;" v-if="allowCUD">
           <van-row>
             <van-col span="12" align="center">
@@ -41,6 +43,7 @@
 
 <script>
 import { addTask , getTaskGet ,editTaskGet } from "@/api/onlineHome/homestead/task";
+import {Notify} from "vant";
 export default {
   name: "taskLssueAdd",
   data() {
@@ -73,11 +76,20 @@ export default {
       });
     },
     goModify(){
+      if(!this.queryParams.title)
+      {
+        Notify({ type: 'danger', message: '请填写标题' });
+        return;
+      }
+      this.$refs._Form.validate().then(() => {
       editTaskGet(this.queryParams).then(response => {
         this.$toast.success('修改成功');
         setTimeout(function(){
           history.go(-1)
         },2000)
+      })
+      }).catch((e) => {
+        Notify({ type: 'danger', message: '请填写完整的表单项' });
       });
     },
     updateData(value){