|
|
|
@ -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) => { |
|
|
|
|
wangxianzhang
3 years ago
