|
@ -147,44 +147,52 @@ |
|
|
<div class="item_data"> |
|
|
<div class="item_data"> |
|
|
<div class="item_left"> |
|
|
<div class="item_left"> |
|
|
<div class="pie-table-total"> |
|
|
<div class="pie-table-total"> |
|
|
<div class="pie-table-total-count">{{item.houseTotal}}</div> |
|
|
<div class="pie-table-total-count" |
|
|
|
|
|
@click="handleClickHouse('',item)">{{item.houseTotal}}</div> |
|
|
<div class="pie-table-title">房屋总数</div> |
|
|
<div class="pie-table-title">房屋总数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-line"></div> |
|
|
<div class="pie-table-line"></div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.zzHouseTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickHouse('0',item)">{{item.zzHouseTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.zzHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.zzHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">自住房屋数</div> |
|
|
<div class="pie-table-title table-table-title">自住房屋数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.czHouseTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickHouse('1',item)">{{item.czHouseTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.czHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.czHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">出租房屋数</div> |
|
|
<div class="pie-table-title table-table-title">出租房屋数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.xzHouseTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickHouse('2',item)">{{item.xzHouseTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.xzHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.xzHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">闲置房屋数</div> |
|
|
<div class="pie-table-title table-table-title">闲置房屋数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.wscHouseTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickHouse('3',item)">{{item.wscHouseTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.wscHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.wscHouseRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">未出售房屋数</div> |
|
|
<div class="pie-table-title table-table-title">未出售房屋数</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item_right"> |
|
|
<div class="item_right"> |
|
|
<div class="pie-table-total"> |
|
|
<div class="pie-table-total"> |
|
|
<div class="pie-table-total-count">{{item.userTotal}}</div> |
|
|
<div class="pie-table-total-count" |
|
|
|
|
|
@click="handleClickPeople('all',item)">{{item.userTotal}}</div> |
|
|
<div class="pie-table-title">居民总数</div> |
|
|
<div class="pie-table-title">居民总数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-line"></div> |
|
|
<div class="pie-table-line"></div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.czUserTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickPeople('cz',item)">{{item.czUserTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.czUserRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.czUserRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">常住人口数</div> |
|
|
<div class="pie-table-title table-table-title">常住人口数</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total "> |
|
|
<div class="pie-table-total-count colorwhite">{{item.ldUserTotal}}</div> |
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
|
|
@click="handleClickPeople('ld',item)">{{item.ldUserTotal}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.ldUserRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">{{item.ldUserRatio+'%'}}</div> |
|
|
<div class="pie-table-title table-table-title">流动人口数</div> |
|
|
<div class="pie-table-title table-table-title">流动人口数</div> |
|
|
</div> |
|
|
</div> |
|
@ -207,15 +215,15 @@ |
|
|
</cpt-card> |
|
|
</cpt-card> |
|
|
|
|
|
|
|
|
<house-list v-if="showHouseList " |
|
|
<house-list v-if="showHouseList " |
|
|
:orgId="orgId" |
|
|
:orgId="selOrgId" |
|
|
:orgType="orgType" |
|
|
:orgType="selOrgType" |
|
|
:rentType="rentType" |
|
|
:rentType="rentType" |
|
|
@close="showHouseList = false"> |
|
|
@close="showHouseList = false"> |
|
|
|
|
|
|
|
|
</house-list> |
|
|
</house-list> |
|
|
<people-list v-if="showPeopleList " |
|
|
<people-list v-if="showPeopleList " |
|
|
:orgId="orgId" |
|
|
:orgId="selOrgId" |
|
|
:orgType="orgType" |
|
|
:orgType="selOrgType" |
|
|
:type="type" |
|
|
:type="type" |
|
|
@close="showPeopleList = false"> |
|
|
@close="showPeopleList = false"> |
|
|
|
|
|
|
|
@ -324,7 +332,9 @@ export default { |
|
|
rentType: '',//点击房屋数类型 |
|
|
rentType: '',//点击房屋数类型 |
|
|
type: '',//点击人员数类型 |
|
|
type: '',//点击人员数类型 |
|
|
showPeopleList: false, |
|
|
showPeopleList: false, |
|
|
showHouseList: false |
|
|
showHouseList: false, |
|
|
|
|
|
selOrgId: '', |
|
|
|
|
|
selOrgType: '', |
|
|
|
|
|
|
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
@ -352,13 +362,27 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//点击房屋数 |
|
|
//点击房屋数 |
|
|
handleClickHouse (rentType) { |
|
|
handleClickHouse (rentType, item) { |
|
|
|
|
|
if (item) { |
|
|
|
|
|
this.selOrgId = item.orgId |
|
|
|
|
|
this.selOrgType = item.orgType |
|
|
|
|
|
} else { |
|
|
|
|
|
this.selOrgId = this.houseData.orgId |
|
|
|
|
|
this.selOrgType = this.houseData.orgType |
|
|
|
|
|
} |
|
|
this.toSubAgency('house') |
|
|
this.toSubAgency('house') |
|
|
this.rentType = rentType |
|
|
this.rentType = rentType |
|
|
this.showHouseList = true |
|
|
this.showHouseList = true |
|
|
}, |
|
|
}, |
|
|
//点击人员数 |
|
|
//点击人员数 |
|
|
handleClickPeople (type) { |
|
|
handleClickPeople (type, item) { |
|
|
|
|
|
if (item) { |
|
|
|
|
|
this.selOrgId = item.orgId |
|
|
|
|
|
this.selOrgType = item.orgType |
|
|
|
|
|
} else { |
|
|
|
|
|
this.selOrgId = this.houseData.orgId |
|
|
|
|
|
this.selOrgType = this.houseData.orgType |
|
|
|
|
|
} |
|
|
this.toSubAgency('people') |
|
|
this.toSubAgency('people') |
|
|
this.type = type |
|
|
this.type = type |
|
|
this.showPeopleList = true |
|
|
this.showPeopleList = true |
|
@ -395,10 +419,6 @@ export default { |
|
|
this.$refs.housePieChart.hideLoading() |
|
|
this.$refs.housePieChart.hideLoading() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.orgId = data.orgId |
|
|
|
|
|
this.orgType = data.orgType |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.houseData = {} |
|
|
this.houseData = {} |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|