2222222

src/views/modules/base/huji/chusheng/index.vue

@@ -13,7 +13,7 @@
               <div class="resi-cell-label">所属网格</div>
               <div class="resi-cell-value">
                 <el-select
-                  v-model.trim="form.gridId"
+                  v-model.trim="fmData.gridId"
                   placeholder="请选择"
                   size="small"
                   clearable
@@ -36,7 +36,7 @@
               <div class="resi-cell-label">所属房屋</div>
               <div class="resi-cell-value">
                 <el-select
-                  v-model.trim="form.villageId"
+                  v-model.trim="fmData.villageId"
                   placeholder="请选择小区"
                   size="small"
                   clearable
@@ -53,7 +53,7 @@
                   </el-option>
                 </el-select>
                 <el-select
-                  v-model.trim="form.buildId"
+                  v-model.trim="fmData.buildId"
                   placeholder="楼号"
                   size="small"
                   clearable
@@ -72,7 +72,7 @@
                   </el-option>
                 </el-select>
                 <el-select
-                  v-model.trim="form.unitId"
+                  v-model.trim="fmData.unitId"
                   :disabled="changeBDisabled"
                   placeholder="单元"
                   size="small"
@@ -91,7 +91,7 @@
                   </el-option>
                 </el-select>
                 <el-select
-                  v-model.trim="form.homeId"
+                  v-model.trim="fmData.homeId"
                   :disabled="changeDDisabled"
                   placeholder="房号"
                   size="small"
@@ -158,14 +158,22 @@
         </el-form-item>
 
         <el-form-item label="享受福利" prop="remark">
-          <el-input
-            v-model="fmData.remark"
-            class="resi-cell-input"
+          <el-select
+            v-model.trim="fmData.welfare"
+            placeholder="享受福利"
             size="small"
             clearable
-            placeholder="请输入"
+            style="width: 120px"
+            class="resi-cell-select"
           >
-          </el-input>
+            <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>
@@ -230,9 +238,9 @@
         class="resi-table"
         :height="maxTableHeight"
       >
-        <el-table-column label="序号" type="index" align="center" width="50" />
+        <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
 
-        <el-table-column prop="name" label="姓名" align="center">
+        <el-table-column prop="name" fixed="left" label="姓名" align="center">
           <template slot-scope="scope">
             <a class="name-a" @click="handleWatch(scope.$index)">
               {{ scope.row.name }}
@@ -249,7 +257,7 @@
         </el-table-column>
 
         <el-table-column
-          prop=""
+          prop="home"
           label="所属房屋"
           align="center"
           :show-overflow-tooltip="true"
@@ -276,10 +284,7 @@
         <el-table-column prop="birthplace" align="center" label="出生地">
         </el-table-column>
 
-        <el-table-column align="center" label="出生人父/母姓名">
-          <template slot-scope="scope">
-            <span> {{ scope.row.father }} / {{ scope.row.mother }} </span>
-          </template>
+        <el-table-column prop="parentName" align="center" label="出生人父/母姓名">
         </el-table-column>
 
         <el-table-column prop="count" align="center" label="胎次">
@@ -396,6 +401,21 @@ export default {
       optionsD: [],
       optionsG: [],
 
+      optionsWelfare: [
+        {
+          value: "",
+          label: "全部",
+        },
+        {
+          value: "1",
+          label: "是",
+        },
+        {
+          value: "0",
+          label: "否",
+        },
+      ],
+
       fmData: {
         gridId: "",
         villageId: "",
@@ -427,13 +447,13 @@ export default {
     },
     ...mapGetters(["clientHeight", "iframeHeight"]),
     changeVDisabled() {
-      return !this.form.villageId;
+      return !this.fmData.villageId;
     },
     changeBDisabled() {
-      return !this.form.buildId;
+      return !this.fmData.buildId;
     },
     changeDDisabled() {
-      return !this.form.unitId;
+      return !this.fmData.unitId;
     },
   },
   watch: {
@@ -453,30 +473,43 @@ export default {
     this.getTableData();
   },
   methods: {
-    handleChangeGrid(val) {
-      console.log("val", val);
-      this.form.villageId = "";
+    handleClearVillage() {
       this.form.buildId = "";
+      this.form.homeId = "";
+    },
+    handleClearBuild() {
+      this.form.buildId = "";
+      this.form.unitId = "";
+      this.form.homeId = "";
+    },
+    handleClearDan() {
       this.form.unitId = "";
       this.form.homeId = "";
+    },
+    handleChangeGrid(val) {
+      console.log("val", val);
+      this.fmData.villageId = "";
+      this.fmData.buildId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
       this.getValiheList();
     },
     handleChangeV(val) {
       console.log("val", val);
-      this.form.buildId = "";
-      this.form.unitId = "";
-      this.form.homeId = "";
+      this.fmData.buildId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
       this.getBuildList();
     },
     handleChangeB(val) {
       console.log("val", val);
-      this.form.unitId = "";
-      this.form.homeId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
       this.getUniList();
     },
     handleChangeD(val) {
       console.log("val", val);
-      this.form.homeId = "";
+      this.fmData.homeId = "";
       this.getHouseList();
     },
 
@@ -503,7 +536,7 @@ export default {
       const { user } = this.$store.state;
       this.$http
         .post("/gov/org/icneighborhood/neighborhoodoption", {
-          gridId: this.form.gridId,
+          gridId: this.fmData.gridId,
           agencyId: "",
           // agencyId: user.agencyId
         })
@@ -522,7 +555,7 @@ export default {
     getBuildList() {
       this.$http
         .post("/gov/org/icbuilding/buildingoption", {
-          neighborHoodId: this.form.villageId,
+          neighborHoodId: this.fmData.villageId,
         })
         .then(({ data: res }) => {
           if (res.code !== 0) {
@@ -539,7 +572,7 @@ export default {
     getUniList() {
       this.$http
         .post("/gov/org/icbuildingunit/unitoption", {
-          buildingId: this.form.buildId,
+          buildingId: this.fmData.buildId,
         })
         .then(({ data: res }) => {
           if (res.code !== 0) {
@@ -555,7 +588,7 @@ export default {
     },
     getHouseList() {
       this.$http
-        .post("/gov/org/ichouse/houseoption", { unitId: this.form.unitId })
+        .post("/gov/org/ichouse/houseoption", { unitId: this.fmData.unitId })
         .then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg);
@@ -848,4 +881,47 @@ export default {
   position: relative;
   overflow: visible;
 }
+
+.resi-cell {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+
+  .resi-cell-label {
+    flex-shrink: 0;
+    // min-width: 70px;
+    box-sizing: border-box;
+    margin-right: 15px;
+    // text-align: right;
+    // line-height: 32;
+  }
+  .resi-cell-label1 {
+    width: max-content;
+  }
+  .resi-cell-value-radio {
+    display: flex;
+    align-items: center;
+    min-height: 32px;
+  }
+  .resi-cell-input {
+    width: 200px;
+  }
+  .resi-cell--daterange {
+    max-width: 260px;
+  }
+  .resi-cell-select {
+    width: 200px;
+    box-sizing: border-box;
+    margin-right: 10px;
+    &-middle {
+      width: 130px;
+    }
+    &-small {
+      width: 88px;
+    }
+  }
+  .resi-cell-select:last-child {
+    margin-right: 0;
+  }
+}
 </style>