From 12f6caa1c380f1c15f4acec3556d482cc0bc3771 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 13 May 2022 09:58:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/base/huji/chusheng/cpts/edit.vue  |  10 +-
 .../modules/base/huji/chusheng/index.vue      | 376 +++++++++---------
 2 files changed, 194 insertions(+), 192 deletions(-)

diff --git a/src/views/modules/base/huji/chusheng/cpts/edit.vue b/src/views/modules/base/huji/chusheng/cpts/edit.vue
index 2c9a6405..ccf2018e 100644
--- a/src/views/modules/base/huji/chusheng/cpts/edit.vue
+++ b/src/views/modules/base/huji/chusheng/cpts/edit.vue
@@ -126,7 +126,7 @@
         >
           <el-input
             class="item_width_1"
-            maxlength="50"
+            maxlength="30"
             show-word-limit
             style="width: 200px; margin-right: 20px"
             placeholder="请输入姓名	"
@@ -160,8 +160,7 @@
         >
           <el-input
             class="item_width_1"
-            type="number"
-            maxlength="50"
+            maxlength="30"
             show-word-limit
             placeholder="请输入手机号	"
             v-model="fmData.mobile"
@@ -178,6 +177,7 @@
         >
           <el-input
             class="item_width_1"
+            maxlength="30"
             placeholder="请输入身份证号"
             v-model="fmData.idCard"
             @blur="handleBlurId"
@@ -250,7 +250,7 @@
         >
           <el-input
             class="item_width_1"
-            maxlength="50"
+            maxlength="30"
             show-word-limit
             placeholder="请输入出生人父亲姓名"
             v-model="fmData.father"
@@ -266,7 +266,7 @@
         >
           <el-input
             class="item_width_1"
-            maxlength="50"
+            maxlength="30"
             show-word-limit
             placeholder="请输入出生人母亲姓名"
             v-model="fmData.mother"
diff --git a/src/views/modules/base/huji/chusheng/index.vue b/src/views/modules/base/huji/chusheng/index.vue
index e8677dac..9995bdaf 100644
--- a/src/views/modules/base/huji/chusheng/index.vue
+++ b/src/views/modules/base/huji/chusheng/index.vue
@@ -7,189 +7,188 @@
         :model="fmData"
         class="demo-form-inline"
       >
-        <el-row class="resi-row">
-          <el-col :span="6">
-            <div class="resi-cell2">
-              <div class="resi-cell2-label">所属网格</div>
-              <div class="resi-cell2-value">
-                <el-select
-                  v-model.trim="fmData.gridId"
-                  placeholder="请选择"
-                  size="small"
-                  clearable
-                  class="resi-cell2-select"
-                  @change="handleChangeGrid"
+        <div>
+          <el-form-item prop="gridId" label="所属网格">
+            <div class="resi-cell-value">
+              <el-select
+                v-model.trim="fmData.gridId"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="resi-cell-select"
+                @change="handleChangeGrid"
+              >
+                <el-option
+                  v-for="item in optionsG"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 >
-                  <el-option
-                    v-for="item in optionsG"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
+                </el-option>
+              </el-select>
             </div>
-          </el-col>
-          <el-col :span="18">
-            <div class="resi-cell2">
-              <div class="resi-cell2-label">所属房屋</div>
-              <div class="resi-cell2-value">
-                <el-select
-                  v-model.trim="fmData.villageId"
-                  placeholder="请选择小区"
-                  size="small"
-                  clearable
-                  class="resi-cell2-select"
-                  @clear="handleClearVillage"
-                  @change="handleChangeV"
+          </el-form-item>
+
+          <el-form-item label="所属房屋">
+            <div class="resi-cell-value">
+              <el-select
+                v-model.trim="fmData.villageId"
+                placeholder="请选择小区"
+                size="small"
+                clearable
+                class="resi-cell-select"
+                @clear="handleClearVillage"
+                @change="handleChangeV"
+              >
+                <el-option
+                  v-for="item in optionsV"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 >
-                  <el-option
-                    v-for="item in optionsV"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-                <el-select
-                  v-model.trim="fmData.buildId"
-                  placeholder="楼号"
-                  size="small"
-                  clearable
-                  style="width: 120px"
-                  class="resi-cell2-select"
-                  :disabled="changeVDisabled"
-                  @clear="handleClearBuild"
-                  @change="handleChangeB"
+                </el-option>
+              </el-select>
+              <el-select
+                v-model.trim="fmData.buildId"
+                placeholder="楼号"
+                size="small"
+                clearable
+                style="width: 120px"
+                class="resi-cell-select"
+                :disabled="changeVDisabled"
+                @clear="handleClearBuild"
+                @change="handleChangeB"
+              >
+                <el-option
+                  v-for="item in optionsB"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 >
-                  <el-option
-                    v-for="item in optionsB"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-                <el-select
-                  v-model.trim="fmData.unitId"
-                  :disabled="changeBDisabled"
-                  placeholder="单元"
-                  size="small"
-                  clearable
-                  style="width: 120px"
-                  class="resi-cell2-select"
-                  @click="handleClearDan"
-                  @change="handleChangeD"
+                </el-option>
+              </el-select>
+              <el-select
+                v-model.trim="fmData.unitId"
+                :disabled="changeBDisabled"
+                placeholder="单元"
+                size="small"
+                clearable
+                style="width: 120px"
+                class="resi-cell-select"
+                @click="handleClearDan"
+                @change="handleChangeD"
+              >
+                <el-option
+                  v-for="item in optionsD"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 >
-                  <el-option
-                    v-for="item in optionsD"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-                <el-select
-                  v-model.trim="fmData.homeId"
-                  :disabled="changeDDisabled"
-                  placeholder="房号"
-                  size="small"
-                  clearable
-                  style="width: 120px"
-                  class="resi-cell2-select"
+                </el-option>
+              </el-select>
+              <el-select
+                v-model.trim="fmData.homeId"
+                :disabled="changeDDisabled"
+                placeholder="房号"
+                size="small"
+                clearable
+                style="width: 120px"
+                class="resi-cell-select"
+              >
+                <el-option
+                  v-for="item in optionsH"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 >
-                  <el-option
-                    v-for="item in optionsH"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
+                </el-option>
+              </el-select>
             </div>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="姓名" prop="name">
-          <el-input
-            v-model="fmData.name"
-            class="resi-cell2-input"
-            size="small"
-            clearable
-            placeholder="请输入"
-          >
-          </el-input>
-        </el-form-item>
+          </el-form-item>
+        </div>
+
+        <div>
+          <el-form-item label="姓名" prop="name">
+            <el-input
+              v-model="fmData.name"
+              class="resi-cell-input"
+              size="small"
+              clearable
+              placeholder="请输入"
+            >
+            </el-input>
+          </el-form-item>
 
-        <el-form-item label="手机号" prop="mobile">
-          <el-input
-            v-model="fmData.mobile"
-            class="resi-cell2-input"
-            size="small"
-            clearable
-            placeholder="请输入"
-          >
-          </el-input>
-        </el-form-item>
+          <el-form-item label="手机号" prop="mobile">
+            <el-input
+              v-model="fmData.mobile"
+              class="resi-cell-input"
+              size="small"
+              clearable
+              placeholder="请输入"
+            >
+            </el-input>
+          </el-form-item>
 
-        <el-form-item label="身份证号" prop="idCard">
-          <el-input
-            v-model="fmData.idCard"
-            class="resi-cell2-input"
-            size="small"
-            clearable
-            placeholder="请输入"
-          >
-          </el-input>
-        </el-form-item>
-
-        <el-form-item label="出生日期" prop="birthdayTime">
-          <el-date-picker
-            v-model="fmData.birthdayTime"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            value-format="yyyy-MM-dd"
-          >
-          </el-date-picker>
-        </el-form-item>
+          <el-form-item label="身份证号" prop="idCard">
+            <el-input
+              v-model="fmData.idCard"
+              class="resi-cell-input"
+              size="small"
+              clearable
+              placeholder="请输入"
+            >
+            </el-input>
+          </el-form-item>
+        </div>
+
+        <div>
+          <el-form-item label="出生日期" prop="birthdayTime">
+            <el-date-picker
+              v-model="fmData.birthdayTime"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="yyyy-MM-dd"
+            >
+            </el-date-picker>
+          </el-form-item>
 
-        <el-form-item label="享受福利" prop="remark">
-          <el-select
-            v-model.trim="fmData.isWelfare"
-            placeholder="享受福利"
-            size="small"
-            clearable
-            style="width: 120px"
-            class="resi-cell2-select"
-          >
-            <el-option
-              v-for="item in optionsWelfare"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
+          <el-form-item label="享受福利" prop="remark">
+            <el-select
+              v-model.trim="fmData.isWelfare"
+              placeholder="请选择"
+              size="small"
+              clearable
+              style="width: 120px"
+              class="resi-cell-select"
             >
-            </el-option>
-          </el-select>
-        </el-form-item>
+              <el-option
+                v-for="item in optionsWelfare"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
 
-        <el-form-item>
-          <el-button
-            class="diy-button--search"
-            size="small"
-            @click="handleSearch"
-            >查询</el-button
-          >
-          <el-button
-            class="diy-button--reset"
-            size="small"
-            @click="resetForm('searchForm')"
-            >重置</el-button
-          >
-        </el-form-item>
+          <el-form-item>
+            <el-button
+              class="diy-button--search"
+              size="small"
+              @click="handleSearch"
+              >查询</el-button
+            >
+            <el-button
+              class="diy-button--reset"
+              size="small"
+              @click="resetForm('searchForm')"
+              >重置</el-button
+            >
+          </el-form-item>
+        </div>
       </el-form>
     </el-card>
     <el-card class="resi-card-table">
@@ -440,10 +439,10 @@ export default {
       optionsG: [],
 
       optionsWelfare: [
-        {
-          value: "",
-          label: "全部",
-        },
+        // {
+        //   value: "",
+        //   label: "全部",
+        // },
         {
           value: "1",
           label: "是",
@@ -882,7 +881,6 @@ export default {
   },
 };
 </script>
-
 <style lang="scss" scoped>
 @import "@/assets/scss/buttonstyle.scss";
 
@@ -919,12 +917,12 @@ export default {
   overflow: visible;
 }
 
-.demo-form-inline .resi-cell2 {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
+.demo-form-inline {
+  // display: flex;
+  // align-items: center;
+  // margin-bottom: 20px;
 
-  .resi-cell2-label {
+  .resi-cell-label {
     flex-shrink: 0;
     min-width: 0;
     box-sizing: border-box;
@@ -932,21 +930,21 @@ export default {
     // text-align: right;
     // line-height: 32;
   }
-  .resi-cell2-label1 {
+  .resi-cell-label1 {
     width: max-content;
   }
-  .resi-cell2-value-radio {
+  .resi-cell-value-radio {
     display: flex;
     align-items: center;
     min-height: 32px;
   }
-  .resi-cell2-input {
+  .resi-cell-input {
     width: 200px;
   }
-  .resi-cell2--daterange {
+  .resi-cell--daterange {
     max-width: 260px;
   }
-  .resi-cell2-select {
+  .resi-cell-select {
     width: 200px;
     box-sizing: border-box;
     margin-right: 10px;
@@ -957,8 +955,12 @@ export default {
       width: 88px;
     }
   }
-  .resi-cell2-select:last-child {
+  .resi-cell-select:last-child {
     margin-right: 0;
   }
 }
+
+.mt10 {
+  margin-top: 10px;
+}
 </style>