admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化费用统计表

Browse Source
This commit is contained in:
Your Name 2023-05-17 02:12:54 +08:00
parent df761e3b13
commit 784ea89540
3 changed files with 88 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/pages/property/reportFeeSummary/reportFeeSummary.html
View File

@ -2,7 +2,7 @@
<div class="row">
<div class="col-md-1 padding-r-0">
<div class=" border-radius ">
<div class="margin-xs-r treeview ">
<div class="margin-xs-r treeview attendance-staff" style="height: 650px;">
<ul class="list-group text-center border-radius">
<li class="list-group-item node-orgTree " @click="swatchFloor('')" :class="{'vc-node-selected':reportFeeSummaryInfo.conditions.floorId == ''}">
全部

69
public/pages/property/reportProficient/reportProficient.html
View File

@ -1,58 +1,17 @@
<div>
<div class="row">
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<span class="label label-primary float-right">{{reportProficientInfo.receivableAmount}}</span>
<h5>
<span><vc:i18n name="应收总额" namespace="reportProficient"></vc:i18n></span>
</h5>
</div>
<div class="ibox-content">
<div id="receivableAmountCount" style="height:250px"></div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="ibox ">
<div class="ibox-title">
<h5><span><vc:i18n name="楼栋费用占比" namespace="reportProficient"></vc:i18n></span></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">
<h5><span><vc:i18n name="分项费用占比" namespace="reportProficient"></vc:i18n></span></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">
<h5><span><vc:i18n name="费用提醒" namespace="reportProficient"></vc:i18n></span></h5>
</div>
<div class="ibox-content">
<div id="shopCount" style="height:250px"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5><span><vc:i18n name="查询条件" namespace="reportProficient"></vc:i18n></span></h5>
<h5><span>
<vc:i18n name="查询条件" namespace="reportProficient"></vc:i18n>
</span></h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportFee()">
<i class="fa fa-plus"></i>
<span><vc:i18n name="导出" namespace="reportProficient"></vc:i18n></span>
<span>
<vc:i18n name="导出" namespace="reportProficient"></vc:i18n>
</span>
</button>
</div>
</div>
@ -91,12 +50,16 @@
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-md" v-on:click="_queryMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="reportProficient"></vc:i18n></span>
<span>
<vc:i18n name="查询" namespace="reportProficient"></vc:i18n>
</span>
</button>
<button type="button" class="btn btn-info btn-md" v-on:click="_resetMethod()"
style="margin-left: 20px;">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="reportProficient"></vc:i18n></span>
<span>
<vc:i18n name="重置" namespace="reportProficient"></vc:i18n>
</span>
</button>
</div>
</div>
@ -111,14 +74,18 @@
<a class="nav-link"
v-bind:class="{active:reportProficientInfo._currentTab == 'reportProficientRoomFee'}"
v-on:click="changeTab('reportProficientRoomFee')">
<span><vc:i18n name="房屋费台账" namespace="reportProficient"></vc:i18n></span>
<span>
<vc:i18n name="房屋费台账" namespace="reportProficient"></vc:i18n>
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link"
v-bind:class="{active:reportProficientInfo._currentTab == 'reportProficientCarFee'}"
v-on:click="changeTab('reportProficientCarFee')">
<span><vc:i18n name="车辆费台账" namespace="reportProficient"></vc:i18n></span>
<span>
<vc:i18n name="车辆费台账" namespace="reportProficient"></vc:i18n>
</span>
</a>
</li>
</ul>

116
public/pages/property/reportProficient/reportProficient.js
View File

@ -23,7 +23,7 @@
}
},
_initMethod: function() {
vc.component._queryIndexContextData();
//vc.component._queryIndexContextData();
vc.component.changeTab($that.reportProficientInfo._currentTab);
//关联字典表费用类型
vc.getDict('pay_fee_config', "fee_type_cd", function(_data) {
@ -33,7 +33,7 @@
},
_initEvent: function() {
vc.on("indexContext", "_queryIndexContextData", function(_param) {
vc.component._queryIndexContextData();
// vc.component._queryIndexContextData();
});
},
methods: {
@ -87,62 +87,62 @@
e.currentTarget.blur();
}
},
_queryIndexContextData: function() {
if (vc.getCurrentCommunity() == null || vc.getCurrentCommunity() == undefined) {
return;
}
let param = {
params: {
communityId: vc.getCurrentCommunity().communityId
}
}
//发送get请求
vc.http.apiGet('/reportFeeMonthStatistics/queryReportProficient',
param,
function(json, res) {
let indexData = JSON.parse(json);
let _receivableInformation = indexData.receivableInformation;
let _receivableAmount = _receivableInformation.receivableAmount;
$that.reportProficientInfo.receivableAmount = _receivableAmount;
let _dom = document.getElementById('receivableAmountCount');
let _data = [
{ value: _receivableInformation.oweAmount, name: '欠费金额' },
{ value: _receivableInformation.receivedAmount, name: '已收金额' }
];
$that._initCharts2(_dom, '应收总额', _data, '#4B7AF0', '#E2EDF6');
let _floorReceivableInformations = indexData.floorReceivableInformations;
_dom = document.getElementById('roomCount');
_data = [];
_floorReceivableInformations.forEach(item => {
_data.push({
value: item.receivableAmount,
name: item.name
})
});
$that._initCharts2(_dom, '楼栋费用占比', _data, '#01C36D', '#E2EDF6');
_data = [];
let _feeConfigReceivableInformations = indexData.feeConfigReceivableInformations;
_feeConfigReceivableInformations.forEach(item => {
_data.push({
value: item.receivableAmount,
name: item.feeName
})
});
_dom = document.getElementById('parkingSpaceCount');
$that._initCharts2(_dom, '分项费用占比', _data, '#4B7AF0', '#E2EDF6');
let _remindInfomation = indexData.remindInfomation;
_data = [
{ value: _remindInfomation.deadlineFeeCount, name: '费用到期提醒' },
{ value: _remindInfomation.prePaymentCount, name: '费用提醒' }
];
_dom = document.getElementById('shopCount');
$that._initCharts2(_dom, '费用提醒', _data, '#01C36D', '#E2EDF6');
},
function(errInfo, error) {
console.log('请求失败处理');
}
);
},
// _queryIndexContextData: function() {
// if (vc.getCurrentCommunity() == null || vc.getCurrentCommunity() == undefined) {
// return;
// }
// let param = {
// params: {
// communityId: vc.getCurrentCommunity().communityId
// }
// }
// //发送get请求
// vc.http.apiGet('/reportFeeMonthStatistics/queryReportProficient',
// param,
// function(json, res) {
// let indexData = JSON.parse(json);
// let _receivableInformation = indexData.receivableInformation;
// let _receivableAmount = _receivableInformation.receivableAmount;
// $that.reportProficientInfo.receivableAmount = _receivableAmount;
// let _dom = document.getElementById('receivableAmountCount');
// let _data = [
// { value: _receivableInformation.oweAmount, name: '欠费金额' },
// { value: _receivableInformation.receivedAmount, name: '已收金额' }
// ];
// $that._initCharts2(_dom, '应收总额', _data, '#4B7AF0', '#E2EDF6');
// let _floorReceivableInformations = indexData.floorReceivableInformations;
// _dom = document.getElementById('roomCount');
// _data = [];
// _floorReceivableInformations.forEach(item => {
// _data.push({
// value: item.receivableAmount,
// name: item.name
// })
// });
// $that._initCharts2(_dom, '楼栋费用占比', _data, '#01C36D', '#E2EDF6');
// _data = [];
// let _feeConfigReceivableInformations = indexData.feeConfigReceivableInformations;
// _feeConfigReceivableInformations.forEach(item => {
// _data.push({
// value: item.receivableAmount,
// name: item.feeName
// })
// });
// _dom = document.getElementById('parkingSpaceCount');
// $that._initCharts2(_dom, '分项费用占比', _data, '#4B7AF0', '#E2EDF6');
// let _remindInfomation = indexData.remindInfomation;
// _data = [
// { value: _remindInfomation.deadlineFeeCount, name: '费用到期提醒' },
// { value: _remindInfomation.prePaymentCount, name: '费用提醒' }
// ];
// _dom = document.getElementById('shopCount');
// $that._initCharts2(_dom, '费用提醒', _data, '#01C36D', '#E2EDF6');
// },
// function(errInfo, error) {
// console.log('请求失败处理');
// }
// );
// },
//随机生成十六进制颜色
_randomHexColor: function() {
var hex = Math.floor(Math.random() * 16777216).toString(16); //生成ffffff以内16进制数