基础信息编辑必填

src/views/components/editResi.vue

@@ -1,6 +1,6 @@
 <template>
   <div :id="formId" class="resi-container">
-    <el-form :ref="formId" class="resi-form" :model="form" :rules="rules" :label-width="labelWidth">
+    <el-form :ref="formId" class="resi-form" :model="form" :rules="rulesForm" :label-width="labelWidth">
       <template v-if="supportAdd">
         <el-row style="margin-bottom: 10px;">
           <el-col :span="24">
@@ -33,9 +33,11 @@
             </el-form-item>
           </el-col>
           <el-col :span="18">
-              <el-form-item prop="VILLAGE_ID" label="所属小区" required>
+              <el-form-item label="所属家庭" required>
                 <div class="resi-cell-value">
-                  <el-select v-model.trim="form.VILLAGE_ID" :disabled="disabled" placeholder="请选择小区" size="small"
+                  <div class="resi-cell-col">
+                    <el-form-item prop="VILLAGE_ID">
+                      <el-select v-model.trim="form.VILLAGE_ID" placeholder="请选择小区" size="small"
                       clearable class="resi-cell-select" @change="handleChangeV"
                       >
                         <el-option
@@ -45,7 +47,9 @@
                           :value="item.value">
                         </el-option>
                       </el-select>
-                  <el-select v-model.trim="form.BUILD_ID" :disabled="disabled" placeholder="请选择楼号" size="small"
+                    </el-form-item>
+                    <el-form-item prop="BUILD_ID">
+                      <el-select v-model.trim="form.BUILD_ID" placeholder="请选择楼号" size="small"
                       clearable class="resi-cell-select resi-cell-select-middle" @change="handleChangeB"
                       >
                         <el-option
@@ -55,7 +59,9 @@
                           :value="item.value">
                         </el-option>
                       </el-select>
-                  <el-select v-model.trim="form.UNIT_ID" :disabled="disabled" placeholder="请选择单元" size="small"
+                    </el-form-item>
+                    <el-form-item prop="UNIT_ID">
+                      <el-select v-model.trim="form.UNIT_ID" placeholder="请选择单元" size="small"
                       clearable class="resi-cell-select resi-cell-select-middle" @change="handleChangeD"
                       >
                         <el-option
@@ -65,7 +71,9 @@
                           :value="item.value">
                         </el-option>
                       </el-select>
-                  <el-select v-model.trim="form.HOME_ID" :disabled="disabled" placeholder="请选择房号" size="small"
+                    </el-form-item>
+                    <el-form-item prop="HOME_ID">
+                      <el-select v-model.trim="form.HOME_ID" placeholder="请选择房号" size="small"
                       clearable class="resi-cell-select resi-cell-select-middle"
                       >
                         <el-option
@@ -75,6 +83,20 @@
                           :value="item.value">
                         </el-option>
                       </el-select>
+                    </el-form-item>
+                  </div>
+                  <!-- <el-col :span="6">
+                    
+                  </el-col>
+                  <el-col :span="6">
+                    
+                  </el-col>
+                  <el-col :span="6">
+                    
+                  </el-col>
+                  <el-col :span="6">
+                    
+                  </el-col> -->
                 </div>
             </el-form-item>
           </el-col>
@@ -379,7 +401,15 @@ export default {
       tempFormList,
       addCount: 0,
       addList: [],
-      rules,
+      rulesForm: {
+        ...rules,
+        VILLAGE_ID: [{ required: true, message: `请选择小区`, trigger: 'blur' }],
+        GRID_ID: [{ required: true, message: `请选择网格`, trigger: 'blur' }],
+        BUILD_ID: [{ required: true, message: `请选择楼号`, trigger: 'blur' }],
+        UNIT_ID: [{ required: true, message: `请选择单元`, trigger: 'blur' }],
+        HOME_ID: [{ required: true, message: `请选择房号`, trigger: 'blur' }]
+      },
+      // rules,
       value: '',
       optionsV: [],
       optionsB: [],
@@ -804,7 +834,12 @@ export default {
   .resi-cell-value .resi-cell-textarea {
     width: 300px;
   }
-
+  .resi-cell-col {
+    display: flex;
+    .el-form-item {
+      margin-right: 10px;
+    }
+  }
   .resi-cell-select {
     width: 180px;
     box-sizing: border-box;