|
|
@ -3,7 +3,7 @@ |
|
|
|
<div class="mode-block resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form-item label="组织机构" label-width="100px" |
|
|
|
<el-form-item label="所属组织" label-width="100px" |
|
|
|
prop="agencyId"> |
|
|
|
<!-- <el-select |
|
|
|
v-model.trim="dataForm.agencyId" |
|
|
@ -18,12 +18,12 @@ |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> --> |
|
|
|
<el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'subAgencyList',label:'agencyName',value:'agencyId'}" popper-class="cascader-block"> |
|
|
|
<el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'children',label:'objectName',value:'objectId'}" popper-class="cascader-block"> |
|
|
|
<template slot-scope="{ node, data }"> |
|
|
|
<div @click="cascaderClick(data)"> |
|
|
|
<!-- <span class="block"></span> --> |
|
|
|
<span>{{ data.agencyName }}</span> |
|
|
|
<span v-if="!node.isLeaf"> ({{ data.subAgencyList.length }}) </span> |
|
|
|
<span>{{ data.objectName }}</span> |
|
|
|
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-cascader> |
|
|
@ -56,19 +56,19 @@ |
|
|
|
</div> |
|
|
|
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|
|
|
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
|
|
<el-table-column width="160" fixed prop="agencyName" label="组织结构" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="80" prop="neighbourhoodsCount" label="小区数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="80" prop="houseCount" label="房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseSelfCount" label="自住房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseLeaseCount" label="出租房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseIdleCount" label="闲置房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="userCount" label="居民总数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="userResiCount" label="常住人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="userFloatCount" label="流动人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseIncr" label="新增房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="userIncr" label="新增人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseModify" label="修改房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="userModify" label="修改人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column fixed prop="agencyName" label="组织结构" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="neighbourhoodsCount" label="小区数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="100" prop="houseCount" label="房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="houseSelfCount" label="自住房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="houseLeaseCount" label="出租房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="houseIdleCount" label="闲置房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="userCount" label="居民总数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="userResiCount" label="常住人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="userFloatCount" label="流动人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="houseIncr" label="新增房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="userIncr" label="新增人口数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="houseModify" label="修改房屋数" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column width="110" prop="userModify" label="修改人口数" header-align="center" align="center"></el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination |
|
|
|
:current-page="page" |
|
|
@ -198,9 +198,9 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
cascaderClick (nodeData) { |
|
|
|
this.dataForm.agencyId = nodeData.agencyId; |
|
|
|
this.dataForm.level = nodeData.level |
|
|
|
this.$refs.cascaderUnit.checkedValue = nodeData.agencyId; |
|
|
|
this.dataForm.agencyId = nodeData.objectId; |
|
|
|
this.dataForm.level = nodeData.objectType |
|
|
|
this.$refs.cascaderUnit.checkedValue = nodeData.objectId; |
|
|
|
this.$refs.cascaderUnit.computePresentText(); |
|
|
|
this.$refs.cascaderUnit.toggleDropDownVisible(false); |
|
|
|
|
|
|
@ -208,17 +208,17 @@ export default { |
|
|
|
getGridList() { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customeragency/agencygridtree') |
|
|
|
.post('/gov/org/userhouse/service/serviceScopeTree') |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} else { |
|
|
|
console.log('获取查询详情成功', res.data) |
|
|
|
// this.optionsA = res.data |
|
|
|
// console.log(this.optionsA); |
|
|
|
this.optionsA.push(res.data) |
|
|
|
this.dataForm.agencyId = res.data.agencyId |
|
|
|
this.dataForm.level = res.data.level |
|
|
|
this.getDataList() |
|
|
|
this.dataForm.agencyId = res.data.objectId |
|
|
|
this.dataForm.level = res.data.objectType |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|