|
@ -122,6 +122,71 @@ |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="所属房屋"> |
|
|
|
|
|
<div class="resi-cell-value"> |
|
|
|
|
|
<div class="resi-cell-col"> |
|
|
|
|
|
<el-form-item prop="neighborHoodId"> |
|
|
|
|
|
<el-select v-model.trim="neighborHoodId" |
|
|
|
|
|
placeholder="小区" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="resi-cell-select" |
|
|
|
|
|
@change="handleChangeV"> |
|
|
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item prop="buildingId"> |
|
|
|
|
|
<el-select v-model.trim="buildingId" |
|
|
|
|
|
placeholder="楼号" |
|
|
|
|
|
:disabled="!neighborHoodId" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1" |
|
|
|
|
|
@change="handleChangeB"> |
|
|
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item prop="buildingUnitId"> |
|
|
|
|
|
<el-select v-model.trim="buildingUnitId" |
|
|
|
|
|
placeholder="单元" |
|
|
|
|
|
size="small" |
|
|
|
|
|
:disabled="!buildingId" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1" |
|
|
|
|
|
@change="handleChangeD"> |
|
|
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item prop="houseId"> |
|
|
|
|
|
<el-select v-model.trim="houseId" |
|
|
|
|
|
placeholder="房号" |
|
|
|
|
|
:disabled="!buildingUnitId" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1"> |
|
|
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-button style="margin-left:30px" |
|
|
<el-button style="margin-left:30px" |
|
|
size="small" |
|
|
size="small" |
|
|
class="diy-button--search" |
|
|
class="diy-button--search" |
|
@ -263,6 +328,17 @@ export default { |
|
|
startPickerOptions: { |
|
|
startPickerOptions: { |
|
|
disabledDate: startDisabledDate |
|
|
disabledDate: startDisabledDate |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
optionsV: [], |
|
|
|
|
|
optionsB: [], |
|
|
|
|
|
optionsH: [], |
|
|
|
|
|
optionsD: [], |
|
|
|
|
|
neighborHoodId: "", |
|
|
|
|
|
buildingId: "", |
|
|
|
|
|
buildingUnitId: "", |
|
|
|
|
|
houseId: "", |
|
|
|
|
|
selGridId: '', |
|
|
|
|
|
selAgencyId: '' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
@ -274,6 +350,7 @@ export default { |
|
|
await this.loadOrgData() |
|
|
await this.loadOrgData() |
|
|
await this.loadTree() |
|
|
await this.loadTree() |
|
|
// await this.loadOpenNode() |
|
|
// await this.loadOpenNode() |
|
|
|
|
|
this.getValiheList() |
|
|
|
|
|
|
|
|
await this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj) |
|
|
await this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj) |
|
|
if (this.treeData.length > 0) { |
|
|
if (this.treeData.length > 0) { |
|
@ -299,6 +376,109 @@ export default { |
|
|
...mapGetters(['clientHeight', 'iframeHeight']) |
|
|
...mapGetters(['clientHeight', 'iframeHeight']) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
handleChangeV (val) { |
|
|
|
|
|
|
|
|
|
|
|
this.buildingId = ""; |
|
|
|
|
|
this.buildingUnitId = ""; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
this.getBuildList(); |
|
|
|
|
|
this.getUniList(); |
|
|
|
|
|
this.getHouseList(); |
|
|
|
|
|
}, |
|
|
|
|
|
handleChangeB (val) { |
|
|
|
|
|
|
|
|
|
|
|
this.buildingUnitId = ""; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
this.getUniList(); |
|
|
|
|
|
this.getHouseList(); |
|
|
|
|
|
}, |
|
|
|
|
|
handleChangeD () { |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
this.getHouseList(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getValiheList () { |
|
|
|
|
|
const { user } = this.$store.state; |
|
|
|
|
|
if (!this.selGridId) { |
|
|
|
|
|
this.selAgencyId = this.selAgencyId ? this.selAgencyId : user.agencyId |
|
|
|
|
|
} |
|
|
|
|
|
this.$http |
|
|
|
|
|
.post("/gov/org/icneighborhood/neighborhoodoption", { |
|
|
|
|
|
gridId: this.selGridId, |
|
|
|
|
|
agencyId: this.selAgencyId, |
|
|
|
|
|
}) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
this.optionsV = res.data; |
|
|
|
|
|
this.neighborHoodId = '' |
|
|
|
|
|
this.buildingId = ""; |
|
|
|
|
|
this.buildingUnitId = ""; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
return this.$message.error("网络错误"); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getBuildList () { |
|
|
|
|
|
this.$http |
|
|
|
|
|
.post("/gov/org/icbuilding/buildingoption", { |
|
|
|
|
|
neighborHoodId: this.neighborHoodId, |
|
|
|
|
|
}) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
this.optionsB = res.data; |
|
|
|
|
|
this.buildingId = ""; |
|
|
|
|
|
this.buildingUnitId = ""; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
return this.$message.error("网络错误"); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
getUniList () { |
|
|
|
|
|
this.$http |
|
|
|
|
|
.post("/gov/org/icbuildingunit/unitoption", { |
|
|
|
|
|
buildingId: this.buildingId, |
|
|
|
|
|
}) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
this.optionsD = res.data; |
|
|
|
|
|
this.buildingUnitId = ""; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
return this.$message.error("网络错误"); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
getHouseList () { |
|
|
|
|
|
this.$http |
|
|
|
|
|
.post("/gov/org/ichouse/houseoption", { unitId: this.buildingUnitId }) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
this.optionsH = res.data; |
|
|
|
|
|
this.houseId = ""; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
return this.$message.error("网络错误"); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
handleSearch () { |
|
|
handleSearch () { |
|
|
// if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) { |
|
|
// if (this.ownerName || this.ownerPhone || this.rentFlag || this.purpose || this.remark) { |
|
@ -414,6 +594,15 @@ export default { |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj) |
|
|
this.$refs['ref_communityTable'].loadTable(true, this.selTreeObj) |
|
|
|
|
|
|
|
|
|
|
|
if (obj.level === 'grid') { |
|
|
|
|
|
this.selAgencyId = '' |
|
|
|
|
|
this.selGridId = this.selTreeObj.id |
|
|
|
|
|
} else { |
|
|
|
|
|
this.selAgencyId = this.selTreeObj.id |
|
|
|
|
|
this.selGridId = '' |
|
|
|
|
|
} |
|
|
|
|
|
this.getValiheList() |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
@ -507,7 +696,7 @@ export default { |
|
|
obj.longitude = this.centerPoint[1] |
|
|
obj.longitude = this.centerPoint[1] |
|
|
} |
|
|
} |
|
|
this.selTreeObj = obj |
|
|
this.selTreeObj = obj |
|
|
console.log(this.selTreeObj) |
|
|
console.log('selTreeObj', this.selTreeObj) |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|