From abd7d13f70d10e9a3871881e3a666c19adac160f Mon Sep 17 00:00:00 2001 From: java110 <928255095@qq.com> Date: Thu, 25 Feb 2021 11:03:13 +0800 Subject: [PATCH] youhua youhua yingshouzonge --- .../reportProficient/reportProficient.html | 7 +-- .../reportProficient/reportProficient.js | 57 ++++++++++++++----- 2 files changed, 45 insertions(+), 19 deletions(-) diff --git a/public/pages/property/reportProficient/reportProficient.html b/public/pages/property/reportProficient/reportProficient.html index a85e848cc..f9d9662be 100644 --- a/public/pages/property/reportProficient/reportProficient.html +++ b/public/pages/property/reportProficient/reportProficient.html @@ -3,7 +3,7 @@
- {{reportProficientInfo.ownerCount}} + {{reportProficientInfo.receivableAmount}}
应收总额
@@ -14,7 +14,6 @@
- {{reportProficientInfo.roomCount}}
楼栋费用占比
@@ -24,8 +23,7 @@
-
- {{reportProficientInfo.parkingSpaceCount}} +
分项费用占比
@@ -36,7 +34,6 @@
- {{reportProficientInfo.shopCount}}
费用提醒
diff --git a/public/pages/property/reportProficient/reportProficient.js b/public/pages/property/reportProficient/reportProficient.js index 6b5c3a008..d5f9a3f84 100644 --- a/public/pages/property/reportProficient/reportProficient.js +++ b/public/pages/property/reportProficient/reportProficient.js @@ -3,7 +3,7 @@ vc.extends({ data: { reportProficientInfo: { - ownerCount: '0', + receivableAmount: '0', noEnterRoomCount: '0', roomCount: '0', freeRoomCount: '0', @@ -99,30 +99,62 @@ } } //发送get请求 - vc.http.get('indexContext', - 'getData', + vc.http.apiGet('/reportFeeMonthStatistics/queryReportProficient', param, function (json, res) { - var indexData = JSON.parse(json); - vc.copyObject(indexData, vc.component.reportProficientInfo); + var indexData = JSON.parse(json).data; + + let _receivableInformation = indexData.receivableInformation; + + let _receivableAmount = _receivableInformation.receivableAmount; + + $that.reportProficientInfo.receivableAmount = _receivableAmount; + let _dom = document.getElementById('ownerCount'); - $that._initCharts2(indexData.ownerCount - indexData.noEnterRoomCount, indexData.noEnterRoomCount, _dom, '应收总额', '欠费金额', '已收金额'); + let _data = [ + { value: _receivableInformation.oweAmount, name: '欠费金额' }, + { value: _receivableInformation.receivedAmount, name: '已收金额' } + ]; + $that._initCharts2(_dom, '应收总额', _data); + + let _floorReceivableInformations = indexData.floorReceivableInformations; _dom = document.getElementById('roomCount'); - $that._initCharts2(indexData.roomCount - indexData.freeRoomCount, indexData.freeRoomCount, _dom, '楼栋费用占比', '已入住', '空闲'); + _data = []; + + _floorReceivableInformations.forEach(item => { + _data.push({ + value: item.receivableAmount, name: item.name + }) + }); + $that._initCharts2(_dom, '楼栋费用占比',_data); + + _data = []; + + let _feeConfigReceivableInformations = indexData.feeConfigReceivableInformations; + _feeConfigReceivableInformations.forEach(item => { + _data.push({ + value: item.receivableAmount, name: item.feeName + }) + }); _dom = document.getElementById('parkingSpaceCount'); - $that._initCharts2(indexData.parkingSpaceCount - indexData.freeParkingSpaceCount, indexData.freeParkingSpaceCount, _dom, '分项费用占比', '已使用', '空闲'); + $that._initCharts2(_dom, '分项费用占比',_data); + let _remindInfomation = indexData.remindInfomation; + _data = [ + { value: _remindInfomation.deadlineFeeCount, name: '费用到期提醒' }, + { value: _remindInfomation.prePaymentCount, name: '费用提醒' } + ]; _dom = document.getElementById('shopCount'); - $that._initCharts2(indexData.shopCount - indexData.freeShopCount, indexData.freeShopCount, _dom, '费用提醒', '费用到期提醒', '预交费提醒'); + $that._initCharts2(_dom, '费用提醒', _data); }, function (errInfo, error) { console.log('请求失败处理'); } ); }, - _initCharts2: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName) { + _initCharts2: function (dom, _title, _data) { let myChart = echarts.init(dom); let option = null; @@ -141,10 +173,7 @@ type: 'pie', radius: '75%', center: ['50%', '50%'], - data: [ - { value: userCount, name: _userCountName }, - { value: freeCount, name: _freeCountName } - ], + data: _data, emphasis: { itemStyle: { shadowBlur: 10,