4625 检索条件加到批量添加里面

src/views/modules/base/epidemic/natFocus/natFocusAdd.vue

@@ -159,15 +159,16 @@
               :inline="true"
               :model="formDataSearch"
               ref="ref_formSearch"
-              :label-width="'90px'"
+              label-width="90px"
             >
-              <el-form-item label="所属网格" label-width="80px">
+              <el-form-item label="所属网格">
                 <el-select
                   class="item_width_3"
                   v-model.trim="formDataSearch.gridId"
                   placeholder="请选择"
                   size="mini"
                   clearable
+                  @change="handleChangeGrid"
                 >
                   <el-option
                     v-for="item in gridList"
@@ -178,6 +179,115 @@
                   </el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="所属小区" prop="neighborId">
+                <el-select
+                  v-model.trim="formDataSearch.neighborId"
+                  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>
+                </el-select>
+                <el-select
+                  v-model.trim="formDataSearch.buildingId"
+                  placeholder="楼号"
+                  size="small"
+                  clearable
+                  style="width: 120px"
+                  class="resi-cell-select"
+                  @clear="handleClearBuild"
+                  @change="handleChangeB"
+                >
+                  <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="formDataSearch.unitId"
+                  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>
+                </el-select>
+                <el-select
+                  v-model.trim="formDataSearch.houseId"
+                  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>
+                </el-select>
+              </el-form-item>
+
+              <el-form-item label="姓名" prop="name">
+                <el-input
+                  v-model="formDataSearch.name"
+                  size="small"
+                  class="list_item_width_1"
+                  clearable
+                  placeholder="请输入姓名"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item label="手机号" prop="mobile">
+                <el-input
+                  v-model="formDataSearch.mobile"
+                  size="small"
+                  class="list_item_width_1"
+                  clearable
+                  placeholder="请输入手机号"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item label="证件号" prop="idCard">
+                <el-input
+                  v-model="formDataSearch.idCard"
+                  size="small"
+                  class="list_item_width_1"
+                  clearable
+                  placeholder="请输入身份证号或护照号"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item label="年龄" prop="age">
+                <inputRange
+                  v-model="formDataSearch.age"
+                  type="num"
+                  @change="handleAgeChange"
+                />
+              </el-form-item>
               <el-form-item label="核酸检测次数小于" label-width="150px">
                 <el-input-number
                   class="item_width_3"
@@ -190,7 +300,6 @@
               </el-form-item>
               <el-form-item
                 label="检测时间"
-                label-width="80px"
                 prop="startTime"
               >
                 <el-date-picker
@@ -323,7 +432,7 @@
               :inline="true"
               :model="formData2"
               ref="ref_form2"
-              :label-width="'90px'"
+              label-width="90px"
               :rules="dataRule1"
             >
               <el-form-item
@@ -441,6 +550,7 @@
 import { Loading } from "element-ui"; // 引入Loading服务
 import { requestPost } from "@/js/dai/request";
 import { mapGetters } from "vuex";
+import inputRange from "@/views/components/rangeInput.vue";
 
 let loading; // 加载动画
 export default {
@@ -458,8 +568,23 @@ export default {
         startDate: "",
         endDate: "",
         attentionType: 2,
+        neighborId: "",
+        buildingId: "",
+        unitId: "",
+        houseId: "",
+        name: "",
+        mobile: "",
+        idCard: "",
+        age: {},
+        startBirthDay: "",
+        endBirthDay: "",
       },
       timeRange: [],
+      optionsV: [],
+      optionsB: [],
+      optionsH: [],
+      optionsD: [],
+      optionsG: [],
 
       formData1: {
         attentionType: 2,
@@ -497,7 +622,7 @@ export default {
     };
   },
 
-  components: {},
+  components: { inputRange },
 
   async mounted() {
     const { user } = this.$store.state;
@@ -649,6 +774,79 @@ export default {
 
     handleClick() {},
 
+    handleAgeChange(val) {
+      console.log("val----age---", val);
+      if (val.start) {
+        const e = this.computedBirth(val.start);
+        this.formDataSearch.endBirthDay = e;
+      } else {
+        this.formDataSearch.endBirthDay = "";
+      }
+      if (val.end) {
+        const s = this.computedBirth(val.end);
+        this.formDataSearch.startBirthDay = s;
+      } else {
+        this.formDataSearch.startBirthDay = "";
+      }
+    },
+
+    computedBirth(age) {
+      let now = new Date();
+      let nowYear = now.getFullYear();
+      let nowMonth = now.getMonth() + 1;
+      let nowDay = now.getDate(); // 按照减法原理，先day相减，不够向month借；然后month相减，不够向year借；最后year相减。
+      let subYear = nowYear - age;
+      if (nowMonth < 10) {
+        nowMonth = "0" + nowMonth;
+      }
+      if (nowDay < 10) {
+        nowDay = "0" + nowDay;
+      }
+      console.log(subYear + "-" + nowMonth + "-" + nowDay);
+      return subYear + "-" + nowMonth + "-" + nowDay;
+    },
+
+    handleClearVillage() {
+      this.formDataSearch.buildingId = "";
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+    },
+    handleClearBuild() {
+      this.formDataSearch.buildingId = "";
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+    },
+    handleClearDan() {
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+    },
+    handleChangeGrid(val) {
+      console.log("val", val);
+      this.formDataSearch.neighborId = "";
+      this.formDataSearch.buildingId = "";
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+      this.getValiheList();
+    },
+    handleChangeV(val) {
+      console.log("val", val);
+      this.formDataSearch.buildingId = "";
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+      this.getBuildList();
+    },
+    handleChangeB(val) {
+      console.log("val", val);
+      this.formDataSearch.unitId = "";
+      this.formDataSearch.houseId = "";
+      this.getUniList();
+    },
+    handleChangeD(val) {
+      console.log("val", val);
+      this.formDataSearch.houseId = "";
+      this.getHouseList();
+    },
+
     async loadGrid() {
       const url = "/gov/org/customergrid/gridoption";
 
@@ -664,6 +862,78 @@ export default {
         this.$message.error(msg);
       }
     },
+    getValiheList() {
+      const { user } = this.$store.state;
+      this.$http
+        .post("/gov/org/icneighborhood/neighborhoodoption", {
+          gridId: this.formDataSearch.gridId,
+          agencyId: "",
+          // agencyId: user.agencyId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsV = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getBuildList() {
+      this.$http
+        .post("/gov/org/icbuilding/buildingoption", {
+          neighborHoodId: this.formDataSearch.neighborId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsB = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getUniList() {
+      this.$http
+        .post("/gov/org/icbuildingunit/unitoption", {
+          buildingId: this.formDataSearch.buildingId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsD = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getHouseList() {
+      this.$http
+        .post("/gov/org/ichouse/houseoption", {
+          unitId: this.formDataSearch.unitId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsH = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+
     handleComfirm() {
       if (this.activeName === "first") {
         this.$refs["ref_form1"].validate((valid, messageObj) => {