elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

人房

shibei_master
jiangyy 3 years ago
parent
d09bac27fa
commit
39014f356a
3 changed files with 65 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 117
      src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue
  2. 4
      src/views/modules/visual/basicinfo/houseStatic/options.js
  3. 6
      src/views/modules/visual/basicinfo/houseStatic/userOptions.js

117
src/views/modules/visual/basicinfo/houseStatic/houseStatic.vue
View File

@ -17,7 +17,7 @@
<img class="title-icon" <img class="title-icon"
src="@/assets/img/shuju/title-tip.png" /> src="@/assets/img/shuju/title-tip.png" />
<div class="title-label"> <div class="title-label">
人房概览统计 人房概览数据统计
</div> </div>
</div> </div>
@ -116,70 +116,73 @@
</div> </div>
</div> </div>
<div v-if="orgType!=='village'">
<div class="card-left-title">下级人房概览数据统计</div>
<div class="card-left-title">下级人房概览数据统计</div>
<div v-if="subList.length>0"
class="card-table"> <div v-if="subList.length>0"
<div v-for="(item,index) in subList" class="card-table">
:key="index" <div v-for="(item,index) in subList"
:class="['table_item',index%2 === 0?'item_dark':'']"> :key="index"
<div class="item_name" :class="['table_item',index%2 === 0?'item_dark':'']">
@click="handleToSubAgency(item)"> <div class="item_name"
<img src="@/assets/img/shuju/logo1.png" /> @click="handleToSubAgency(item)">
<span>{{item.orgName}}</span> <img src="@/assets/img/shuju/logo1.png" />
</div> <span>{{item.orgName}}</span>
<div class="item_data">
<div class="item_left">
<div class="pie-table-total">
<div class="pie-table-total-count">{{item.houseTotal}}</div>
<div class="pie-table-title">房屋总数</div>
</div>
<div class="pie-table-line"></div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.zzHouseTotal}}</div>
<div class="pie-table-title table-table-title">{{item.zzHouseRatio+'%'}}</div>
<div class="pie-table-title table-table-title">自住房屋数</div>
</div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.czHouseTotal}}</div>
<div class="pie-table-title table-table-title">{{item.czHouseRatio+'%'}}</div>
<div class="pie-table-title table-table-title">出租房屋数</div>
</div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.xzHouseTotal}}</div>
<div class="pie-table-title table-table-title">{{item.xzHouseRatio+'%'}}</div>
<div class="pie-table-title table-table-title">闲置房屋数</div>
</div>
</div> </div>
<div class="item_right">
<div class="pie-table-total"> <div class="item_data">
<div class="pie-table-total-count">{{item.userTotal}}</div> <div class="item_left">
<div class="pie-table-title">居民总数</div> <div class="pie-table-total">
</div> <div class="pie-table-total-count">{{item.houseTotal}}</div>
<div class="pie-table-line"></div> <div class="pie-table-title">房屋总数</div>
<div class="pie-table-total "> </div>
<div class="pie-table-total-count colorwhite">{{item.czUserTotal}}</div> <div class="pie-table-line"></div>
<div class="pie-table-title table-table-title">{{item.czUserRatio+'%'}}</div> <div class="pie-table-total ">
<div class="pie-table-title table-table-title">常住人口数</div> <div class="pie-table-total-count colorwhite">{{item.zzHouseTotal}}</div>
</div> <div class="pie-table-title table-table-title">{{item.zzHouseRatio+'%'}}</div>
<div class="pie-table-total "> <div class="pie-table-title table-table-title">自住房屋数</div>
<div class="pie-table-total-count colorwhite">{{item.ldUserTotal}}</div> </div>
<div class="pie-table-title table-table-title">{{item.ldUserRatio+'%'}}</div> <div class="pie-table-total ">
<div class="pie-table-title table-table-title">流动人口数</div> <div class="pie-table-total-count colorwhite">{{item.czHouseTotal}}</div>
<div class="pie-table-title table-table-title">{{item.czHouseRatio+'%'}}</div>
<div class="pie-table-title table-table-title">出租房屋数</div>
</div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.xzHouseTotal}}</div>
<div class="pie-table-title table-table-title">{{item.xzHouseRatio+'%'}}</div>
<div class="pie-table-title table-table-title">闲置房屋数</div>
</div>
</div> </div>
<div class="item_right">
<div class="pie-table-total">
<div class="pie-table-total-count">{{item.userTotal}}</div>
<div class="pie-table-title">居民总数</div>
</div>
<div class="pie-table-line"></div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.czUserTotal}}</div>
<div class="pie-table-title table-table-title">{{item.czUserRatio+'%'}}</div>
<div class="pie-table-title table-table-title">常住人口数</div>
</div>
<div class="pie-table-total ">
<div class="pie-table-total-count colorwhite">{{item.ldUserTotal}}</div>
<div class="pie-table-title table-table-title">{{item.ldUserRatio+'%'}}</div>
<div class="pie-table-title table-table-title">流动人口数</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div v-if="subList.length===0" <div v-if="subList.length===0"
class="no-data"> class="no-data">
<img src="@/assets/img/modules/visual/noData.png"
class="no-data-img" />
<img src="@/assets/img/modules/visual/noData.png" </div>
class="no-data-img" />
</div> </div>

4
src/views/modules/visual/basicinfo/houseStatic/options.js
View File

@ -1,10 +1,10 @@
export function housePieOption (_charts) { export function housePieOption (_charts) {
const center= ['50%', '150px'] const center= ['50%', '200px']
return { return {
title: { title: {
text: '0', text: '0',
top: 120, top: 170,
left: 'center', left: 'center',
textStyle: { textStyle: {
width: '100%', width: '100%',

6
src/views/modules/visual/basicinfo/houseStatic/userOptions.js
View File

@ -1,10 +1,10 @@
export function userPieOption (_charts) { export function userPieOption (_charts) {
const center= ['50%', '150px'] const center= ['50%', '200px']
return { return {
title: { title: {
text: '0', text: '0',
top: 120, top: 170,
left: 'center', left: 'center',
textStyle: { textStyle: {
width: '100%', width: '100%',
@ -13,7 +13,7 @@ export function userPieOption (_charts) {
fontWeight: 400 fontWeight: 400
}, },
itemGap: 5, itemGap: 5,
subtext: '房屋总数', subtext: '居民总数',
subtextStyle: { subtextStyle: {
fontSize: 20, fontSize: 20,
color: '#fff', color: '#fff',

Write Preview
Loading…
Cancel
Save