admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-25 14:17:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

youhuadaima

Browse Source
This commit is contained in:
java110 2021-02-22 18:26:12 +08:00
parent 8fca5df0d2
commit 3991d64334
2 changed files with 256 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
public/pages/property/reportProficient/reportProficient.html Normal file
View File

@ -0,0 +1,74 @@
<div>
<div class="row">
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<span class="label label-primary float-right">{{reportProficientInfo.ownerCount}}</span>
<h5>应收总额</h5>
</div>
<div class="ibox-content">
<div id="ownerCount" style="height:250px"></div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<span class="label label-primary float-right">{{reportProficientInfo.roomCount}}</span>
<h5>楼栋费用占比</h5>
</div>
<div class="ibox-content">
<div id="roomCount" style="height:250px"></div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<span class="label label-primary float-right">{{reportProficientInfo.parkingSpaceCount}}</span>
<h5>分项费用占比</h5>
</div>
<div class="ibox-content">
<div id="parkingSpaceCount" style="height:250px"></div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<span class="label label-primary float-right">{{reportProficientInfo.shopCount}}</span>
<h5>费用提醒</h5>
</div>
<div class="ibox-content">
<div id="shopCount" style="height:250px"></div>
</div>
</div>
</div>
</div>
<!-- <vc:create path="property/indexArrears"></vc:create> -->
<div class="white-bg margin-top padding-lg">
<div class="">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link"
v-bind:class="{active:reportProficientInfo._currentTab == 'roomYearCollectionFeeTab'}"
v-on:click="changeTab('roomYearCollectionFeeTab')">房屋费用年表</a>
</li>
<li class="nav-item">
<a class="nav-link"
v-bind:class="{active:reportProficientInfo._currentTab == 'carYearCollectionFeeTab'}"
v-on:click="changeTab('carYearCollectionFeeTab')">停车费用年表</a>
</li>
</ul>
</div>
<div v-if="reportProficientInfo._currentTab == 'roomYearCollectionFeeTab'">
<vc:create path="property/simplifyRoomFee"></vc:create>
</div>
<div v-if="reportProficientInfo._currentTab == 'carYearCollectionFeeTab'">
<vc:create path="property/simplifyRoomFee"></vc:create>
</div>
</div>
</div>

182
public/pages/property/reportProficient/reportProficient.js Normal file
View File

@ -0,0 +1,182 @@
(function (vc) {
vc.extends({
data: {
reportProficientInfo: {
ownerCount: '0',
noEnterRoomCount: '0',
roomCount: '0',
freeRoomCount: '0',
parkingSpaceCount: '0',
freeParkingSpaceCount: '0',
shopCount: '0',
freeShopCount: '0',
_currentTab:'roomYearCollectionFeeTab'
}
},
_initMethod: function () {
vc.component._queryIndexContextData();
},
_initEvent: function () {
vc.on("indexContext", "_queryIndexContextData", function (_param) {
vc.component._queryIndexContextData();
});
},
methods: {
_queryIndexContextData: function () {
if (vc.getCurrentCommunity() == null || vc.getCurrentCommunity() == undefined) {
return;
}
var param = {
params: {
communityId: vc.getCurrentCommunity().communityId
}
}
//发送get请求
vc.http.get('indexContext',
'getData',
param,
function (json, res) {
var indexData = JSON.parse(json);
vc.copyObject(indexData, vc.component.reportProficientInfo);
let _dom = document.getElementById('ownerCount');
$that._initCharts2(indexData.ownerCount - indexData.noEnterRoomCount, indexData.noEnterRoomCount, _dom, '业主信息', '已入住', '未入住');
_dom = document.getElementById('roomCount');
$that._initCharts2(indexData.roomCount - indexData.freeRoomCount, indexData.freeRoomCount, _dom, '房屋信息', '已入住', '空闲');
_dom = document.getElementById('parkingSpaceCount');
$that._initEcharts(indexData.parkingSpaceCount - indexData.freeParkingSpaceCount, indexData.freeParkingSpaceCount, _dom, '车位信息', '已使用', '空闲');
_dom = document.getElementById('shopCount');
$that._initCharts2(indexData.shopCount - indexData.freeShopCount, indexData.freeShopCount, _dom, '商铺信息', '已出售', '空闲');
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_initEcharts: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//let dom = document.getElementById("box2");
let myChart = echarts.init(dom);
let option = null;
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [
{
name: _title,
type: 'pie',
radius: ['60%', '75%'],
avoidLabelOverlap: false,
label: {
show: true,
position: 'top'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold'
}
},
labelLine: {
show: true
},
data: [
{ value: userCount, name: _userCountName },
{ value: freeCount, name: _freeCountName }
],
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
},
_initCharts2: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//var dom = document.getElementById("box1");
let myChart = echarts.init(dom);
let option = null;
option = {
textStyle: {//图例文字的样式
fontSize: 12
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [
{
name: _title,
type: 'pie',
radius: '75%',
center: ['50%', '50%'],
data: [
{ value: userCount, name: _userCountName },
{ value: freeCount, name: _freeCountName }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
},
_initCharts3: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//var dom = document.getElementById("box1");
let myChart = echarts.init(dom);
let option = null;
option = {
title: {
text: '',
subtext: '',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [
{
name: _title,
type: 'pie',
radius: ['20%', '75%'],
center: ['50%', '50%'],
roseType: 'area',
data: [
{value: userCount, name: _userCountName},
{value: freeCount, name: _freeCountName}
]
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
},
changeTab: function (_tab) {
$that.reportProficientInfo._currentTab = _tab;
vc.emit(_tab, 'switch', {})
},
}
})
})(window.vc);