|
|
|
@ -91,11 +91,19 @@ |
|
|
|
<div class="div-tip2"> |
|
|
|
<div class="cz-tip"> |
|
|
|
<div class="cz-tip-dot"></div> |
|
|
|
<span>常住人口数</span> |
|
|
|
<span>人户一致</span> |
|
|
|
</div> |
|
|
|
<div class="ld-tip"> |
|
|
|
<div class="ld-tip-dot"></div> |
|
|
|
<span>流动人口数</span> |
|
|
|
<span>人在户不在</span> |
|
|
|
</div> |
|
|
|
<div class="ld-tip"> |
|
|
|
<div class="ld-tip-dot hzrbz"></div> |
|
|
|
<span>户在人不在</span> |
|
|
|
</div> |
|
|
|
<div class="ld-tip"> |
|
|
|
<div class="ld-tip-dot zbqc"></div> |
|
|
|
<span>暂不清楚</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -110,22 +118,22 @@ |
|
|
|
</div> |
|
|
|
<div class="pie-table-line"></div> |
|
|
|
<div class="pie-table-total " |
|
|
|
@click="handleClickPeople('cz')"> |
|
|
|
@click="handleClickPeople('rhyz')"> |
|
|
|
<div class="pie-table-total-count zz">{{userData.rhyzUserTotal}}</div> |
|
|
|
<div class="pie-table-title">人户一致</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total " |
|
|
|
@click="handleClickPeople('ld')"> |
|
|
|
@click="handleClickPeople('rzhbz')"> |
|
|
|
<div class="pie-table-total-count cz">{{userData.rzhbzUserTotal}}</div> |
|
|
|
<div class="pie-table-title">人在户不在</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total " |
|
|
|
@click="handleClickPeople('ld')"> |
|
|
|
<div class="pie-table-total-count xz">{{userData.hzrzUserTotal}}</div> |
|
|
|
<div class="pie-table-title">户在人在</div> |
|
|
|
@click="handleClickPeople('hzrbz')"> |
|
|
|
<div class="pie-table-total-count xz">{{userData.hzrbzUserTotal}}</div> |
|
|
|
<div class="pie-table-title">户在人不在</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total " |
|
|
|
@click="handleClickPeople('ld')"> |
|
|
|
@click="handleClickPeople('no')"> |
|
|
|
<div class="pie-table-total-count wsc">{{userData.zbqcUserTotal}}</div> |
|
|
|
<div class="pie-table-title">暂不清楚</div> |
|
|
|
</div> |
|
|
|
@ -196,15 +204,27 @@ |
|
|
|
<div class="pie-table-line"></div> |
|
|
|
<div class="pie-table-total "> |
|
|
|
<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">常住人口数</div> |
|
|
|
@click="handleClickPeople('rhyz',item)">{{item.rhyzUserTotal}}</div> |
|
|
|
<div class="pie-table-title table-table-title">{{item.rhyzUserRatio+'%'}}</div> |
|
|
|
<div class="pie-table-title table-table-title">人户一致</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total "> |
|
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
@click="handleClickPeople('rzhbz',item)">{{item.rzhbzUserRatio}}</div> |
|
|
|
<div class="pie-table-title table-table-title">{{item.rzhbzUserRatio+'%'}}</div> |
|
|
|
<div class="pie-table-title table-table-title">人在户不在</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total "> |
|
|
|
<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">流动人口数</div> |
|
|
|
@click="handleClickPeople('hzrbz',item)">{{item.hzrbzUserTotal}}</div> |
|
|
|
<div class="pie-table-title table-table-title">{{item.hzrbzUserRatio+'%'}}</div> |
|
|
|
<div class="pie-table-title table-table-title">户在人不在</div> |
|
|
|
</div> |
|
|
|
<div class="pie-table-total "> |
|
|
|
<div class="pie-table-total-count colorwhite" |
|
|
|
@click="handleClickPeople('no',item)">{{item.zbqcUserTotal}}</div> |
|
|
|
<div class="pie-table-title table-table-title">{{item.zbqcUserRatio+'%'}}</div> |
|
|
|
<div class="pie-table-title table-table-title">暂不清楚</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -234,7 +254,7 @@ |
|
|
|
<people-list v-if="showPeopleList " |
|
|
|
:orgId="selOrgId" |
|
|
|
:orgType="selOrgType" |
|
|
|
:type="type" |
|
|
|
:rhType="rhType" |
|
|
|
@close="showPeopleList = false"> |
|
|
|
|
|
|
|
</people-list> |
|
|
|
@ -321,12 +341,16 @@ export default { |
|
|
|
orgType: '',//组织、网格、小区类型 agency grid village |
|
|
|
userTotal: 198000,//居民总数 |
|
|
|
rhyzUserTotal: 2000,//人户一致 |
|
|
|
czUserRatio: '90%',//常住居民总数占比 |
|
|
|
rhyzUserRatio: '90%',//人户一致 占比 |
|
|
|
rzhbzUserTotal: 30,//人在户不在 |
|
|
|
ldUserRatio: '5%',//流动居民总数占比 |
|
|
|
rzhbzUserRatio: '5%',//人在户不在 占比 |
|
|
|
hzrbzUserTotal: 30,//户在人不在户不在 |
|
|
|
hzrbzUserRatio: '5%',//户在人不在 占比 |
|
|
|
zbqcUserTotal: 30,//暂不清楚 |
|
|
|
zbqcUserRatio: '5%',//暂不清楚 占比 |
|
|
|
|
|
|
|
}, |
|
|
|
userColorArray: ['#3dda83', '#e43c26'], |
|
|
|
userColorArray: ['#3dda83', '#e43c26', '#fac126', '#fc8452'], |
|
|
|
userPieData: [], |
|
|
|
|
|
|
|
subList: [], |
|
|
|
@ -340,7 +364,7 @@ export default { |
|
|
|
parentPolygon: [], |
|
|
|
|
|
|
|
rentType: '',//点击房屋数类型 |
|
|
|
type: '',//点击人员数类型 |
|
|
|
rhType: '',//点击人员数类型 |
|
|
|
showPeopleList: false, |
|
|
|
showHouseList: false, |
|
|
|
selOrgId: '', |
|
|
|
@ -385,7 +409,7 @@ export default { |
|
|
|
this.showHouseList = true |
|
|
|
}, |
|
|
|
//点击人员数 |
|
|
|
handleClickPeople (type, item) { |
|
|
|
handleClickPeople (rhType, item) { |
|
|
|
if (item) { |
|
|
|
this.selOrgId = item.orgId |
|
|
|
this.selOrgType = item.orgType |
|
|
|
@ -394,7 +418,7 @@ export default { |
|
|
|
this.selOrgType = this.houseData.orgType |
|
|
|
} |
|
|
|
this.toSubAgency('people') |
|
|
|
this.type = type |
|
|
|
this.rhType = rhType |
|
|
|
this.showPeopleList = true |
|
|
|
}, |
|
|
|
|
|
|
|
@ -552,12 +576,22 @@ export default { |
|
|
|
selected: true |
|
|
|
} |
|
|
|
let obj2 = { |
|
|
|
name: '流动人口数', |
|
|
|
value: this.userData.ldUserRatio |
|
|
|
name: '人在户不在', |
|
|
|
value: this.userData.rzhbzUserRatio |
|
|
|
} |
|
|
|
let obj3 = { |
|
|
|
name: '户在人不在', |
|
|
|
value: this.userData.hzrbzUserRatio |
|
|
|
} |
|
|
|
let obj4 = { |
|
|
|
name: '暂不清楚', |
|
|
|
value: this.userData.zbqcUserRatio |
|
|
|
} |
|
|
|
|
|
|
|
this.userPieData.push(obj1) |
|
|
|
this.userPieData.push(obj2) |
|
|
|
this.userPieData.push(obj3) |
|
|
|
this.userPieData.push(obj4) |
|
|
|
|
|
|
|
this.userPieOption.title.text = this.userData.userTotal |
|
|
|
this.userPieOption.series[1].itemStyle = { |
|
|
|
|
jiangyy
3 years ago