|
|
@ -7,20 +7,15 @@ |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'90px'"> |
|
|
|
<div> |
|
|
|
<el-form-item label="所属网格" |
|
|
|
<el-form-item label="所属组织" |
|
|
|
prop="orgId"> |
|
|
|
<el-select v-model.trim="formData.orgId" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_2" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-cascader class="customer_cascader" |
|
|
|
ref="myCascader" |
|
|
|
v-model="agencyIdArray" |
|
|
|
:options="orgOptions" |
|
|
|
:props="orgOptionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeAgency"></el-cascader> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
@ -226,13 +221,16 @@ export default { |
|
|
|
], |
|
|
|
|
|
|
|
formData: { |
|
|
|
gridId: '', |
|
|
|
agencyId: '', |
|
|
|
orgId: '', |
|
|
|
orgType: '', |
|
|
|
ruleId: '', |
|
|
|
ruleList: {}, |
|
|
|
name: '', |
|
|
|
mobile: '', |
|
|
|
idCard: '', |
|
|
|
remark: '', |
|
|
|
reason: '', |
|
|
|
|
|
|
|
neighborHoodId: '', |
|
|
|
buildingId: '', |
|
|
|
unitId: '', |
|
|
@ -243,9 +241,18 @@ export default { |
|
|
|
optionsH: [], |
|
|
|
optionsD: [], |
|
|
|
optionsG: [], |
|
|
|
|
|
|
|
orgOptions: [], |
|
|
|
agencyIdArray: [], |
|
|
|
tableData: [], |
|
|
|
|
|
|
|
orgOptionProps: { |
|
|
|
multiple: false, |
|
|
|
value: 'agencyId', |
|
|
|
label: 'agencyName', |
|
|
|
children: 'subAgencyList', |
|
|
|
checkStrictly: true |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
@ -259,7 +266,7 @@ export default { |
|
|
|
}, |
|
|
|
async mounted () { |
|
|
|
|
|
|
|
this.getGridList() |
|
|
|
this.getOrgTreeList() |
|
|
|
|
|
|
|
await this.loadTable() |
|
|
|
|
|
|
@ -296,14 +303,38 @@ export default { |
|
|
|
this.tableLoading = false |
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeGrid (val) { |
|
|
|
console.log('val', val) |
|
|
|
|
|
|
|
handleChangeAgency (val) { |
|
|
|
let obj = this.$refs["myCascader"].getCheckedNodes()[0].data |
|
|
|
if (obj) { |
|
|
|
if (obj.level === 'grid') { |
|
|
|
this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.orgType = 'grid' |
|
|
|
this.formData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.agencyId = '' |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.orgType = 'agency' |
|
|
|
this.formData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.formData.gridId = '' |
|
|
|
} |
|
|
|
|
|
|
|
} else { |
|
|
|
this.formData.orgId = '' |
|
|
|
this.formData.orgType = '' |
|
|
|
this.formData.agencyId = '' |
|
|
|
this.formData.gridId = '' |
|
|
|
} |
|
|
|
|
|
|
|
this.formData.neighborHoodId = '' |
|
|
|
this.formData.buildingId = '' |
|
|
|
this.formData.unitId = '' |
|
|
|
this.formData.houseId = '' |
|
|
|
this.getValiheList() |
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeV (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.formData.buildingId = '' |
|
|
@ -324,16 +355,17 @@ export default { |
|
|
|
this.formData.houseId = '' |
|
|
|
this.getHouseList() |
|
|
|
}, |
|
|
|
getGridList () { |
|
|
|
getOrgTreeList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|
|
|
.post('/gov/org/customeragency/agencygridtree', {}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} else { |
|
|
|
console.log('获取查询详情成功', res.data) |
|
|
|
this.optionsG = res.data |
|
|
|
console.log('获取组织树成功', res.data) |
|
|
|
this.orgOptions = [] |
|
|
|
this.orgOptions.push(res.data) |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
@ -343,7 +375,7 @@ export default { |
|
|
|
getValiheList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icneighborhood/neighborhoodoption', { orgId: this.formData.GRID_ID, agencyId: user.agencyId }) |
|
|
|
.post('/gov/org/icneighborhood/neighborhoodoption', { gridId: this.formData.gridId, agencyId: this.formData.agencyId }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
@ -405,15 +437,16 @@ export default { |
|
|
|
|
|
|
|
//重置搜索条件 |
|
|
|
resetSearch () { |
|
|
|
this.agencyIdArray = [] |
|
|
|
this.formData = { |
|
|
|
|
|
|
|
orgId: '', |
|
|
|
orgType: '', |
|
|
|
ruleId: '', |
|
|
|
ruleList: {}, |
|
|
|
name: '', |
|
|
|
mobile: '', |
|
|
|
idCard: '', |
|
|
|
remark: '', |
|
|
|
reason: '', |
|
|
|
|
|
|
|
neighborHoodId: '', |
|
|
|
buildingId: '', |
|
|
|
unitId: '', |
|
|
|