mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
业务受理加入 缴费清单页面
This commit is contained in:
Your Name
parent
f9b71de5cc
commit
a426bd66d7
112
public/components/property/simplifyHisFee/simplifyHisFee.html
Normal file
112
public/components/property/simplifyHisFee/simplifyHisFee.html
Normal file
@ -0,0 +1,112 @@
|
||||
<div>
|
||||
<div class="margin-top">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用项" namespace="simplifyHisFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="收费对象" namespace="simplifyHisFee"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="周期(单位:月)" namespace="simplifyHisFee"></vc:i18n>
|
||||
</span>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="应收/实收(单位:元)" namespace="simplifyHisFee"></vc:i18n>
|
||||
</span>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="缴费方式" namespace="simplifyHisFee"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="缴费起始段" namespace="simplifyHisFee"></vc:i18n>
|
||||
</span>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="缴费时间" namespace="simplifyHisFee"></vc:i18n>
|
||||
</span>
|
||||
</th>
|
||||
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="状态" namespace="simplifyHisFee"></vc:i18n>
|
||||
</span>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="备注" namespace="simplifyHisFee"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="操作" namespace="simplifyHisFee"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="feeDetail in simplifyHisFeeInfo.feeDetails">
|
||||
<td class="text-center">
|
||||
{{feeDetail.feeName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.payerObjName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.cycles}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.receivableAmount}}/{{feeDetail.receivedAmount}}<br>
|
||||
<div v-for="(item,index) in feeDetail.feeAccountDetailDtoList" :key="index"
|
||||
v-bind:value="item.state" v-if="item.state != '1001'">
|
||||
{{item.stateName}}: {{item.amount}}<br>
|
||||
</div>
|
||||
<div v-for="(item,index) in feeDetail.payFeeDetailDiscountDtoList" :key="index"
|
||||
v-bind:value="item.state">
|
||||
{{item.discountName}}: {{Math.abs(item.discountPrice)}}<br>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.primeRateName}}
|
||||
</td>
|
||||
|
||||
<td class="text-center">
|
||||
{{vc.dateFormat(feeDetail.startTime)}}~</br>
|
||||
<span v-if="feeDetail.startTime >= feeDetail.endTime">
|
||||
{{vc.dateFormat(feeDetail.endTime)}}
|
||||
</span>
|
||||
<span v-else>
|
||||
{{vc.dateSubOneDay(vc.dateFormat(feeDetail.endTime),vc.dateFormat(feeDetail.endTime),feeDetail.feeFlag)}}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.createTime}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.stateName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.remark}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group"
|
||||
v-if="feeDetail.state=='1400' || feeDetail.state== 1200 || feeDetail.state== ''">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_toRefundFee(feeDetail)">
|
||||
<vc:i18n name="详情" namespace="simplifyHisFee"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td colspan="12">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<vc:create namespace="simplifyHisFee" path="frame/paginationPlus"></vc:create>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
81
public/components/property/simplifyHisFee/simplifyHisFee.js
Normal file
81
public/components/property/simplifyHisFee/simplifyHisFee.js
Normal file
@ -0,0 +1,81 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
simplifyHisFeeInfo: {
|
||||
total: 0,
|
||||
records: 1,
|
||||
feeDetails: [],
|
||||
ownerId: ''
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
},
|
||||
_initEvent: function () {
|
||||
//切换 至费用页面
|
||||
vc.on('simplifyHisFee', 'switch', function (_param) {
|
||||
$that.clearSimplifyHisFeeInfo();
|
||||
if (_param.ownerId == '') {
|
||||
return;
|
||||
}
|
||||
vc.copyObject(_param, $that.simplifyHisFeeInfo)
|
||||
$that._listSimplifyFeeDetails(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
|
||||
});
|
||||
vc.on('simplifyHisFee', 'notify', function () {
|
||||
$that._listSimplifyFeeDetails(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('simplifyHisFee', 'paginationPlus', 'page_event',
|
||||
function (_currentPage) {
|
||||
vc.component._listSimplifyFeeDetails(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_listSimplifyFeeDetails: function (_page, _row) {
|
||||
let param = {
|
||||
params: {
|
||||
page: _page,
|
||||
row: _row,
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
ownerId: $that.simplifyHisFeeInfo.ownerId,
|
||||
}
|
||||
};
|
||||
|
||||
//发送get请求
|
||||
vc.http.apiGet('/fee.queryFeeDetail',
|
||||
param,
|
||||
function (json) {
|
||||
let _feeConfigInfo = JSON.parse(json);
|
||||
vc.component.simplifyHisFeeInfo.total = _feeConfigInfo.total;
|
||||
vc.component.simplifyHisFeeInfo.records = _feeConfigInfo.records;
|
||||
vc.component.simplifyHisFeeInfo.feeDetails = _feeConfigInfo.feeDetails;
|
||||
vc.emit('simplifyHisFee', 'paginationPlus', 'init', {
|
||||
total: vc.component.simplifyHisFeeInfo.records,
|
||||
dataCount: vc.component.simplifyHisFeeInfo.total,
|
||||
currentPage: _page
|
||||
});
|
||||
},
|
||||
function () {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
clearSimplifyHisFeeInfo: function () {
|
||||
$that.simplifyHisFeeInfo = {
|
||||
total: 0,
|
||||
records: 1,
|
||||
feeDetails: [],
|
||||
ownerId: ''
|
||||
}
|
||||
},
|
||||
_toRefundFee: function (_detail) {
|
||||
vc.jumpToPage('/#/pages/property/propertyFee?feeId=' + _detail.feeId);
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -40,6 +40,9 @@
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span><vc:i18n name="周期(单位:月)" namespace="propertyFee"></vc:i18n></span>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="缴费方式" namespace="propertyFee"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<span><vc:i18n name="应收金额(单位:元)" namespace="propertyFee"></vc:i18n></span>
|
||||
</th>
|
||||
@ -74,6 +77,9 @@
|
||||
<td class="text-center">
|
||||
{{feeDetail.cycles}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.primeRateName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{feeDetail.receivableAmount}}
|
||||
</td>
|
||||
|
||||
@ -234,6 +234,12 @@
|
||||
<span><vc:i18n name="停车费用" namespace="simplifyAcceptance"></vc:i18n></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyHisFee'}"
|
||||
v-on:click="changeTab('simplifyHisFee')">
|
||||
<span><vc:i18n name="缴费历史" namespace="simplifyAcceptance"></vc:i18n></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:simplifyAcceptanceInfo._currentTab == 'simplifyOwnerRooms'}"
|
||||
v-on:click="changeTab('simplifyOwnerRooms')">
|
||||
@ -322,6 +328,9 @@
|
||||
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyCarFee'">
|
||||
<vc:create path="property/simplifyCarFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyHisFee'">
|
||||
<vc:create path="property/simplifyHisFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="simplifyAcceptanceInfo._currentTab == 'simplifyOwnerRooms'">
|
||||
<vc:create path="room/simplifyOwnerRooms"></vc:create>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user