区域级联之间的必填校验

ruoyi-ui/src/views/system/hscj/index.vue

@@ -28,7 +28,10 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="街道/镇" prop="street">
+      <el-form-item
+        label="街道/镇"
+        prop="street"
+      >
         <el-select v-model="queryParams.street" placeholder="请选择街道/镇" clearable>
           <el-option
             v-for="dict in dict.type.street_town"
@@ -406,7 +409,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="街道/镇" prop="street">
+            <el-form-item
+              label="街道/镇"
+              prop="street"
+              :rules="[
+                { required: form.area === '1', message: '请选择街道/镇', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.street" placeholder="请选择街道/镇" :disabled="form.area !== '1'" @change="zhenSelect">
                 <el-option
                   v-for="dict in zhen"
@@ -420,7 +429,13 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="居委会" prop="committee">
+            <el-form-item
+              label="居委会"
+              prop="committee"
+              :rules="[
+                { required: form.area === '1', message: '请选择居委会', trigger: ['blur','change']  }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.committee" placeholder="请选择居委会" :disabled="form.area !== '1'"  @change="juSelect">
                 <el-option
                   v-for="dict in ju"
@@ -432,7 +447,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="小区/村名称" prop="community" >
+            <el-form-item
+              label="小区/村名称"
+              prop="community"
+              :rules="[
+                { required: form.area === '1', message: '请选择小区/村名称', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.community" placeholder="请选择小区/村名称" :disabled="form.area !== '1'">
                 <el-option
                   v-for="dict in cun"
@@ -534,8 +555,8 @@
           <el-col :span="12">
             <el-form-item label="检测结果" prop="cjResult">
               <el-radio-group v-model="form.cjResult">
-                <el-radio :label="0">阳性</el-radio>
-                <el-radio :label="1">阴性</el-radio>
+                <el-radio :label="'0'">阳性</el-radio>
+                <el-radio :label="'1'">阴性</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -917,6 +938,7 @@ export default {
       },
       // 表单参数
       form: {
+        cjTime: new Date(),
         province: '河北省',
         city: '石家庄市',
       },
@@ -1143,6 +1165,7 @@ export default {
         xh: null,
         city: '石家庄市',
         area: null,
+        committee: null,
         street: null,
         community: null,
         cjPlace: null,
@@ -1154,7 +1177,7 @@ export default {
         address: null,
         age: null,
         category: null,
-        cjTime: null,
+        cjTime: new Date(),
         cjName: null,
         cjPhone: null,
         bblx: '咽拭子',

ruoyi-ui/src/views/system/ycsb/index.vue

@@ -274,7 +274,13 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="街道/镇" prop="street">
+            <el-form-item
+              label="街道/镇"
+              prop="street"
+              :rules="[
+                { required: form.area === '1', message: '请选择街道/镇', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.street" placeholder="请选择街道/镇" :disabled="form.area !== '1'" @change="zhenSelect">
                 <el-option
                   v-for="dict in zhen"
@@ -286,7 +292,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="居委会" prop="committee">
+            <el-form-item
+              label="居委会"
+              prop="committee"
+              :rules="[
+                { required: form.area === '1', message: '请选择居委会', trigger: ['blur','change']  }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.committee" placeholder="请选择居委会" :disabled="form.area !== '1'"  @change="juSelect">
                 <el-option
                   v-for="dict in ju"
@@ -300,7 +312,13 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="小区/村名称" prop="community" >
+            <el-form-item
+              label="小区/村名称"
+              prop="community"
+              :rules="[
+                { required: form.area === '1', message: '请选择小区/村名称', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.community" placeholder="请选择小区/村名称" :disabled="form.area !== '1'">
                 <el-option
                   v-for="dict in cun"
@@ -886,6 +904,7 @@ export default {
         phone: null,
         address: null,
         area: null,
+        committee: null,
         street: null,
         house: null,
         building: null,

ruoyi-ui/src/views/system/yxry/index.vue

@@ -363,7 +363,13 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="街道/镇" prop="street">
+            <el-form-item
+              label="街道/镇"
+              prop="street"
+              :rules="[
+                { required: form.area === '1', message: '请选择街道/镇', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.street" placeholder="请选择街道/镇" :disabled="form.area !== '1'" @change="zhenSelect">
                 <el-option
                   v-for="dict in zhen"
@@ -375,7 +381,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="居委会" prop="committee">
+            <el-form-item
+              label="居委会"
+              prop="committee"
+              :rules="[
+                { required: form.area === '1', message: '请选择居委会', trigger: ['blur','change']  }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.committee" placeholder="请选择居委会" :disabled="form.area !== '1'"  @change="juSelect">
                 <el-option
                   v-for="dict in ju"
@@ -389,7 +401,13 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="小区/村名称" prop="community" >
+            <el-form-item
+              label="小区/村名称"
+              prop="community"
+              :rules="[
+                { required: form.area === '1', message: '请选择小区/村名称', trigger: ['blur','change'] }
+                ]"
+            >
               <el-select style="width: 100%" v-model="form.community" placeholder="请选择小区/村名称" :disabled="form.area !== '1'">
                 <el-option
                   v-for="dict in cun"
@@ -1091,6 +1109,7 @@ export default {
         cardNo: null,
         phone: null,
         area: null,
+        committee: null,
         street: null,
         isolationStatus: null,
         fcName: null,