mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化房屋收费页面
This commit is contained in:
wuxw
parent
5c9614b798
commit
6e528fdba4
@ -1,7 +1,7 @@
|
||||
<div class="">
|
||||
<div class="row ">
|
||||
<div class="col-lg-12 text-right">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -45,12 +45,16 @@
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="业主合同" namespace="carDetailOwner"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="操作" namespace="carDetailOwner"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="owner in carDetailOwnerInfo.owners">
|
||||
<td class="text-center" style="white-space: nowrap;">
|
||||
<img style="width: 60px; height: 60px;" class="border-radius" v-if="owner.url" v-bind:src="owner.url" v-on:click="_viewOwnerFace(owner.url)" />
|
||||
<img style="width: 60px; height: 60px;" class="border-radius" v-if="owner.url"
|
||||
v-bind:src="owner.url" v-on:click="_viewOwnerFace(owner.url)" />
|
||||
<img style="width: 60px; height: 60px;" class="border-radius" v-else src="/img/noPhoto.jpg" />
|
||||
</td>
|
||||
<td class="text-center">
|
||||
@ -67,38 +71,46 @@
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewOwnerRooms(owner)">
|
||||
{{owner.roomCount || 0}}
|
||||
</a>
|
||||
{{owner.roomCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewOwnerMembers(owner)">
|
||||
{{owner.memberCount || 0}}
|
||||
</a>
|
||||
{{owner.memberCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewOwnerCars(owner)">
|
||||
{{owner.carCount || 0}}
|
||||
</a>
|
||||
{{owner.carCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewComplaints(owner)">
|
||||
{{owner.complaintCount || 0}}
|
||||
</a>
|
||||
{{owner.complaintCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewRepairs(owner)">
|
||||
{{owner.repairCount || 0}}
|
||||
</a>
|
||||
{{owner.repairCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewOweFees(owner)">
|
||||
{{owner.oweFee || '0.00'}}
|
||||
</a>
|
||||
{{owner.oweFee || '0.00'}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="javascript:void(0)" @click="_viewRoomContracts(owner)">
|
||||
{{owner.contractCount || 0}}
|
||||
</a>
|
||||
{{owner.contractCount || 0}}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-on:click="_toCarDetailOwnerDetail(owner)">
|
||||
<vc:i18n name="详情" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -106,7 +118,7 @@
|
||||
<!-- 分页 -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<vc:create namespace="carDetailOwner" path="frame/paginationPlus"></vc:create>
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
param,
|
||||
function (json) {
|
||||
let _roomInfo = JSON.parse(json);
|
||||
vc.component.carDetailOwnerInfo.owners = _roomInfo.owners;
|
||||
$that.carDetailOwnerInfo.owners = _roomInfo.owners;
|
||||
vc.emit('carDetailOwner', 'paginationPlus', 'init', {
|
||||
total: _roomInfo.records,
|
||||
dataCount: _roomInfo.total,
|
||||
@ -88,6 +88,9 @@
|
||||
url: _url
|
||||
});
|
||||
},
|
||||
_toCarDetailOwnerDetail:function(_owner){
|
||||
window.open('/#/pages/owner/ownerDetail?ownerId='+_owner.ownerId);
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -0,0 +1,65 @@
|
||||
<div>
|
||||
<div class="row margin-top">
|
||||
<div class="col-lg-10 text-right"></div>
|
||||
<div class="col-lg-2 text-right">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<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="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用项" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="时间段" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="金额" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="缴费时间" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="状态" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="fee in simplifyRefundDepositInfo.fees">
|
||||
<td class="text-center">{{fee.payerObjName}}</td>
|
||||
<td class="text-center">{{fee.feeName}}</td>
|
||||
<td class="text-center">{{fee.startTime}}~{{fee.endTime}}</td>
|
||||
<td class="text-center">{{fee.receivedAmount}}</td>
|
||||
<td class="text-center">{{fee.createTime}}</td>
|
||||
<td class="text-center">{{fee.stateName}}</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group" v-if="fee.state == '1400'">
|
||||
<button type="button" class="btn btn-white btn-sm" v-on:click="_openRefundModel(fee)">
|
||||
<vc:i18n name="退押金" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-on:click="_toSimplifyFeeDepositFeeDetail(fee)">
|
||||
<vc:i18n name="详情" namespace="simplifyRefundDeposit"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 float-right">
|
||||
<vc:create namespace="simplifyRefundDeposit" path="frame/paginationPlus"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,85 @@
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
simplifyRefundDepositInfo: {
|
||||
fees: [],
|
||||
ownerId: '',
|
||||
roomId: '',
|
||||
roomName: '',
|
||||
total: 0,
|
||||
records: 0
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
},
|
||||
_initEvent: function () {
|
||||
//切换 至费用页面
|
||||
vc.on('simplifyRefundDeposit', 'switch', function (_param) {
|
||||
if (!_param.roomId) {
|
||||
return;
|
||||
}
|
||||
$that.clearSimplifyFeeDepositInfo();
|
||||
vc.copyObject(_param, $that.simplifyRefundDepositInfo)
|
||||
$that._listSimplifyFeeDeposit(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('simplifyRefundDeposit', 'paginationPlus', 'page_event',
|
||||
function (_currentPage) {
|
||||
$that._listSimplifyFeeDeposit(_currentPage, DEFAULT_ROWS);
|
||||
}
|
||||
);
|
||||
},
|
||||
methods: {
|
||||
_listSimplifyFeeDeposit: function (_page, _rows) {
|
||||
let param = {
|
||||
params: {
|
||||
page: DEFAULT_PAGE,
|
||||
row: DEFAULT_ROWS,
|
||||
payerObjId: $that.simplifyRefundDepositInfo.roomId,
|
||||
ownerId: $that.simplifyRefundDepositInfo.ownerId,
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
state:'1400',
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/fee.queryFeeDeposit',
|
||||
param,
|
||||
function (json, res) {
|
||||
let _json = JSON.parse(json);
|
||||
if(_json.code != 0){
|
||||
return;
|
||||
}
|
||||
$that.simplifyRefundDepositInfo.total = _json.total;
|
||||
$that.simplifyRefundDepositInfo.records = _json.records;
|
||||
$that.simplifyRefundDepositInfo.fees = _json.data;
|
||||
vc.emit('simplifyRefundDeposit', 'paginationPlus', 'init', {
|
||||
total: $that.simplifyRefundDepositInfo.records,
|
||||
dataCount: $that.simplifyRefundDepositInfo.total,
|
||||
currentPage: _page
|
||||
});
|
||||
}, function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
clearSimplifyFeeDepositInfo: function () {
|
||||
$that.simplifyRefundDepositInfo = {
|
||||
fees: [],
|
||||
ownerId: '',
|
||||
roomId: '',
|
||||
roomName: '',
|
||||
total: 0,
|
||||
records: 0
|
||||
}
|
||||
},
|
||||
_openRefundModel: function (_fee) {
|
||||
let _roomId = $that.simplifyRefundDepositInfo.roomId;
|
||||
vc.jumpToPage('/#/pages/fee/refundDepositFee?roomId='+_roomId);
|
||||
},
|
||||
_toSimplifyFeeDepositFeeDetail:function(_fee){
|
||||
vc.jumpToPage('/#/pages/property/propertyFee?feeId='+_fee.feeId);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -1,320 +1,182 @@
|
||||
<div>
|
||||
<div class="bg-white padding-sm border-radius">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-if="vc.hasPrivilege('502022073096990007')"
|
||||
style="margin-left:10px" v-on:click="_openFeeImportExcel()">
|
||||
<i class="fa fa-download"></i>
|
||||
<vc:i18n name="自定义模板" namespace="roomCreateFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" v-if="vc.hasPrivilege('502022073096990007')"
|
||||
style="margin-left:10px" v-on:click="_openDoCreateRoomFee()">
|
||||
<i class="fa fa-plus"></i>
|
||||
<vc:i18n name="自定义导入" namespace="roomCreateFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" v-if="vc.hasPrivilege('502022073096990007')"
|
||||
style="margin-left:10px" v-on:click="_openRoomCreateFeeAddModal(null,true)">
|
||||
<i class="fa fa-plus"></i>
|
||||
<span>
|
||||
<vc:i18n name="批量创建" namespace="roomCreateFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_downloadCollectionLetterOrder()">
|
||||
<i class="fa fa-download"></i>
|
||||
<span>
|
||||
<vc:i18n name="批量催缴单" namespace="roomCreateFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2 " style="padding-right:0px;height: 95%; overflow-x: hidden; overflow-y: scroll;">
|
||||
<vc:create path="property/roomTreeDiv" callBackListener="roomCreateFee"></vc:create>
|
||||
</div>
|
||||
<div class="col-md-10 margin-top-xs padding-l-0">
|
||||
<div class="col-md-10">
|
||||
<div class=" white-bg">
|
||||
<div class="ibox ">
|
||||
<div class="ibox-title">
|
||||
<h5 class="flex justify-start">
|
||||
{{roomCreateFeeInfo.roomName}}
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
|
||||
<div class="ibox ">
|
||||
<div class="ibox-title">
|
||||
<h5>
|
||||
<vc:i18n name="查询条件" namespace="room"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;"></div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请填写房屋编号,如1-1-1123','roomCreateFeeInfo')"
|
||||
v-model.trim="roomCreateFeeInfo.conditions.roomNum" class=" form-control"
|
||||
@blur="roomNumChange()">
|
||||
<vc:create path="property/inputSearchRoom"></vc:create>
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-if="vc.hasPrivilege('502022073096990007')" style="margin-left:10px"
|
||||
v-on:click="_openFeeImportExcel()">
|
||||
<i class="fa fa-download"></i>
|
||||
<vc:i18n name="自定义模板" namespace="roomCreateFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-if="vc.hasPrivilege('502022073096990007')" style="margin-left:10px"
|
||||
v-on:click="_openDoCreateRoomFee()">
|
||||
<i class="fa fa-plus"></i>
|
||||
<vc:i18n name="自定义导入" namespace="roomCreateFee"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-if="vc.hasPrivilege('502022073096990007')" style="margin-left:10px"
|
||||
v-on:click="_toBatchCreateFee(null,true)">
|
||||
<i class="fa fa-plus"></i>
|
||||
<span>
|
||||
<vc:i18n name="批量创建" namespace="roomCreateFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px"
|
||||
v-on:click="_downloadCollectionLetterOrder()">
|
||||
<i class="fa fa-download"></i>
|
||||
<span>
|
||||
<vc:i18n name="批量催缴单" namespace="roomCreateFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="row ">
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('房屋编号,如1-1-1123','roomCreateFee')"
|
||||
v-model.trim="roomCreateFeeInfo.condition.roomNum"
|
||||
class=" form-control form-control-sm" @blur="listRoomInRoomCreateFee()">
|
||||
<vc:create path="property/inputSearchRoom"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<input type="text" :placeholder="vc.i18n('请填写业主名称','roomCreateFeeInfo')"
|
||||
@input="_inputRoomByOwner()" v-model.trim="roomCreateFeeInfo.condition.ownerName"
|
||||
class=" form-control form-control-sm">
|
||||
<vc:create path="property/inputSearchRoomByOwner"></vc:create>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_queryRoomCreateFeeMethod()">
|
||||
<vc:i18n name="查询" namespace="room"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-white btn-sm"
|
||||
v-on:click="_resetRoomCreateFeeMethod()">
|
||||
<vc:i18n name="重置" namespace="room"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<select class="custom-select" v-model="roomCreateFeeInfo.conditions.state">
|
||||
<option selected value="">{{vc.i18n('请选择状态','roomCreateFee')}}</option>
|
||||
<option value="2008001">{{vc.i18n('有效','roomCreateFee')}}</option>
|
||||
<option value="2009001">{{vc.i18n('收费结束','roomCreateFee')}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<input type="text" :placeholder="vc.i18n('请填写业主名称','roomCreateFeeInfo')"
|
||||
@input="_inputRoomByOwner()" v-model.trim="roomCreateFeeInfo.conditions.ownerName"
|
||||
class=" form-control">
|
||||
<vc:create path="property/inputSearchRoomByOwner"></vc:create>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_queryRoomCreateFeeMethod()">
|
||||
<vc:i18n name="查询" namespace="room"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_resetRoomCreateFeeMethod()">
|
||||
<vc:i18n name="重置" namespace="room"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5>{{roomCreateFeeInfo.roomName}}
|
||||
<span @click="_viewRoomData()">
|
||||
<vc:create path="property/viewRoomData"></vc:create>
|
||||
</span>
|
||||
<span>
|
||||
<vc:i18n name="费用" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_roomCreateFeetoSimplifyAcceptance()" v-if="roomCreateFeeInfo.ownerName">
|
||||
<i class="fa fa-plus"></i>业务受理
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openProxyFeeModal()"
|
||||
v-if="roomCreateFeeInfo.hireOwnerFee == '0' && vc.hasPrivilege('502022073049300004')">
|
||||
<i class="fa fa-plus"></i>按量缴费
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openAddMeterWaterModal()"
|
||||
v-if="roomCreateFeeInfo.hireOwnerFee == '0' && vc.hasPrivilege('502022073042960005')">
|
||||
<i class="fa fa-plus"></i>水电抄表
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openRoomCreateFeeComboModal()"
|
||||
v-if="roomCreateFeeInfo.hireOwnerFee == '0' && vc.hasPrivilege('502022073006890006')">
|
||||
<i class="fa fa-plus"></i>创建费用套餐
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openOnlyRoomCreateFeeAddModal(roomCreateFeeInfo,false)"
|
||||
v-if="roomCreateFeeInfo.hireOwnerFee == '0' && vc.hasPrivilege('502022073096990007')">
|
||||
<i class="fa fa-plus"></i>创建费用
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_toOwnerPayFee()"
|
||||
v-if="roomCreateFeeInfo.hireOwnerFee == '0' && vc.hasPrivilege('502020080570210194')">
|
||||
<i class="fa fa-plus"></i>欠费缴费
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_printOwnOrder(roomCreateFeeInfo)">
|
||||
<i class="fa fa-plus"></i>催缴单
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="vc.showMarkdown('/pages/property/roomCreateFee')">
|
||||
<i class="fa fa-file"></i>
|
||||
<span>
|
||||
<vc:i18n name="文档"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_exportRoomCreateFee()">
|
||||
<i class="fa fa-download"></i>
|
||||
<span>
|
||||
<vc:i18n name="导出"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<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="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用标识" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用类型" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="应收金额" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="建账时间" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
<span class="fa fa-info-circle popover-show hand" data-content="费用产生时间"></span>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span>
|
||||
<vc:i18n name="应收时间段" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
<span class="fa fa-info-circle popover-show-endTime hand"
|
||||
data-content="该费用欠费时间段"></span>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="说明" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="状态" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="listRoomFee"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="fee in roomCreateFeeInfo.fees">
|
||||
<td class="text-center hand" @click="_viewRoomFeeConfig(fee)">{{fee.feeName}}
|
||||
<span class="fa fa-info-circle"></span>
|
||||
</td>
|
||||
<td class="text-center">{{fee.feeFlagName}}</td>
|
||||
<td class="text-center">{{fee.feeTypeCdName}}</td>
|
||||
<td class="text-center">{{fee.amountOwed}}</td>
|
||||
<td class="text-center">{{fee.startTime}}</td>
|
||||
<td class="text-center">{{_getEndTime(fee)}}~</br>{{_getDeadlineTime(fee)}}</td>
|
||||
<td class="text-center"
|
||||
v-if="fee.computingFormula == '5005' || fee.computingFormula == '9009'">
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="上期度数" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{fee.preDegrees}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="本期度数" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{fee.curDegrees}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="单价" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{getOnePrice1(fee)}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="附加费" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{fee.additionalAmount}}
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center" v-else-if="fee.computingFormula == '6006'">
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="用量" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{_getAttrValue(fee.feeAttrs,'390006')}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="单价" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{fee.squarePrice}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="附加费" namespace="listRoomFee"></vc:i18n>
|
||||
</span>
|
||||
：{{fee.additionalAmount}}
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center" width="150" v-else-if="fee.feeTypeCd == '888800010017'">
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="算法" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{_getAttrValue(fee.feeAttrs,'390005')}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="用量" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{_getAttrValue(fee.feeAttrs,'390003')}}
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center" width="150" v-else-if="fee.computingFormula == '4004'">
|
||||
<div>
|
||||
<vc:i18n name="费用根据实际情况而定" namespace="listRoomFee"></vc:i18n>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center" v-else>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="面积" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{roomCreateFeeInfo.builtUpArea}}
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<vc:i18n name="单价" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{fee.squarePrice}}
|
||||
</div>
|
||||
<div v-if="fee.feeFlag == '1003006'">
|
||||
<span>
|
||||
<vc:i18n name="附加费" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{fee.additionalAmount}}
|
||||
</div>
|
||||
<div v-else>
|
||||
<span>
|
||||
<vc:i18n name="固定费" namespace="listRoomFee"></vc:i18n>
|
||||
</span>：{{fee.additionalAmount}}
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">{{fee.stateName}}</td>
|
||||
<td class="text-center">
|
||||
<button class="btn btn-link btn-xs"
|
||||
v-if="fee.state != '2009001' && vc.hasPrivilege('502020082314267912')"
|
||||
v-on:click="_payFee(fee)">
|
||||
<vc:i18n name="缴费" namespace="listRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs" v-on:click="_payFeeHis(fee)">
|
||||
<vc:i18n name="历史" namespace="listRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs" v-if="vc.hasPrivilege('502020090604200029')"
|
||||
v-on:click="_deleteFee(fee)">
|
||||
<vc:i18n name="取消" namespace="listRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs"
|
||||
v-if="fee.feeFlag != '2006012' && fee.state == '2008001'"
|
||||
v-on:click="_splitPayFee(fee)">
|
||||
<vc:i18n name="拆分" namespace="listRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs"
|
||||
v-if="fee.state != '2009001' && vc.hasPrivilege('502020090427190001')"
|
||||
v-on:click="_editFee(fee)">
|
||||
<vc:i18n name="变更" namespace="listRoomFee"></vc:i18n>
|
||||
</button>
|
||||
<a target="_blank" :href="'/#/pages/fee/feeDetail?feeId='+fee.feeId">
|
||||
<vc:i18n name="详情" namespace="listRoomFee"></vc:i18n>
|
||||
<div class="">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyRoomFee'}"
|
||||
v-on:click="changeTab('simplifyRoomFee')">
|
||||
<vc:i18n name="房屋费用" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="row">
|
||||
<div class="col-sm-5">
|
||||
<div> 注意： 应收结束时间 “-” 表示未到应收时间 或 收费已结束</div>
|
||||
<div> 应收金额 为-1 一般为费用项公式设置出错请检查</div>
|
||||
</li>
|
||||
<li class="nav-item" v-if="roomCreateFeeInfo.ownerId">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyHisFee'}"
|
||||
v-on:click="changeTab('simplifyHisFee')">
|
||||
<vc:i18n name="缴费历史" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" v-if="roomCreateFeeInfo.ownerId">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyOwnerRooms'}"
|
||||
v-on:click="changeTab('simplifyOwnerRooms')">
|
||||
<vc:i18n name="房屋" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" v-if="roomCreateFeeInfo.ownerId">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'carDetailOwner'}"
|
||||
v-on:click="changeTab('carDetailOwner')">
|
||||
<vc:i18n name="业主" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyCallable'}"
|
||||
v-on:click="changeTab('simplifyCallable')">
|
||||
<vc:i18n name="催缴" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" v-if="vc.hasPrivilege('502020092373407363')">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyFeeReceipt'}"
|
||||
v-on:click="changeTab('simplifyFeeReceipt')">
|
||||
<vc:i18n name="补打收据" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyMeterWaterLog'}"
|
||||
v-on:click="changeTab('simplifyMeterWaterLog')">
|
||||
<vc:i18n name="抄表记录" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" v-if="roomCreateFeeInfo.ownerId">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'ownerDetailAccount'}"
|
||||
v-on:click="changeTab('ownerDetailAccount')">
|
||||
<vc:i18n name="预存账户" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item" v-if="roomCreateFeeInfo.ownerId">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'ownerDetailAccountReceipt'}"
|
||||
v-on:click="changeTab('ownerDetailAccountReceipt')">
|
||||
<vc:i18n name="预存补打" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"
|
||||
v-bind:class="{active:roomCreateFeeInfo._currentTab == 'simplifyRefundDeposit'}"
|
||||
v-on:click="changeTab('simplifyRefundDeposit')">
|
||||
<vc:i18n name="押金" namespace="simplifyAcceptance"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-7 float-right">
|
||||
<vc:create path="frame/pagination"></vc:create>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyRoomFee'">
|
||||
<vc:create path="property/simplifyRoomFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyHisFee'">
|
||||
<vc:create path="property/simplifyHisFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyOwnerRooms'">
|
||||
<vc:create path="room/simplifyOwnerRooms"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'carDetailOwner'">
|
||||
<vc:create path="car/carDetailOwner"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyCallable'">
|
||||
<vc:create path="fee/simplifyCallable"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyFeeReceipt'">
|
||||
<vc:create path="property/simplifyFeeReceipt"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyMeterWaterLog'">
|
||||
<vc:create path="property/simplifyMeterWaterLog"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'ownerDetailAccount'">
|
||||
<vc:create path="owner/ownerDetailAccount"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'ownerDetailAccountReceipt'">
|
||||
<vc:create path="owner/ownerDetailAccountReceipt"></vc:create>
|
||||
</div>
|
||||
<div v-if="roomCreateFeeInfo._currentTab == 'simplifyRefundDeposit'">
|
||||
<vc:create path="fee/simplifyRefundDeposit"></vc:create>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,120 +2,47 @@
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROW = 10;
|
||||
var TEMP_SEARCH = 'roomCreateFeeSearch';
|
||||
vc.extends({
|
||||
data: {
|
||||
roomCreateFeeInfo: {
|
||||
total: 0,
|
||||
records: 1,
|
||||
floorId: '',
|
||||
unitId: '',
|
||||
state: '',
|
||||
roomNum: '',
|
||||
floorNum: '',
|
||||
unitNum: '',
|
||||
moreCondition: false,
|
||||
fees: [],
|
||||
roomName: '',
|
||||
roomId: '',
|
||||
builtUpArea: 0.00,
|
||||
ownerId: '',
|
||||
ownerName: '',
|
||||
roomType: '',
|
||||
hireOwnerFee: '0',
|
||||
urlOwnerId: '',
|
||||
conditions: {
|
||||
state: '2008001',
|
||||
_currentTab: 'simplifyRoomFee',
|
||||
condition: {
|
||||
roomNum: '',
|
||||
roomId: '',
|
||||
ownerName: '',
|
||||
communityId: ''
|
||||
}
|
||||
},
|
||||
currentPage: 1,
|
||||
},
|
||||
_initMethod: function () {
|
||||
vc.emit('roomTreeDiv', 'initRoomTreeDiv', {
|
||||
callName: 'roomCreateFee'
|
||||
});
|
||||
$(".popover-show").mouseover(() => {
|
||||
$('.popover-show').popover('show');
|
||||
})
|
||||
$(".popover-show").mouseleave(() => {
|
||||
$('.popover-show').popover('hide');
|
||||
})
|
||||
$(".popover-show-endTime").mouseover(() => {
|
||||
$('.popover-show-endTime').popover('show');
|
||||
})
|
||||
$(".popover-show-endTime").mouseleave(() => {
|
||||
$('.popover-show-endTime').popover('hide');
|
||||
})
|
||||
$(".popover-show-deadlineTime").mouseover(() => {
|
||||
$('.popover-show-deadlineTime').popover('show');
|
||||
})
|
||||
$(".popover-show-deadlineTime").mouseleave(() => {
|
||||
$('.popover-show-deadlineTime').popover('hide');
|
||||
})
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('roomCreateFee', 'selectRoom', function (_param) {
|
||||
$that.roomCreateFeeInfo.ownerName = '';
|
||||
if (vc.isBack()) {
|
||||
return;
|
||||
}
|
||||
if (vc.notNull(vc.getParam("sign"))) {
|
||||
$that.roomCreateFeeInfo.roomId = vc.getParam('payerObjId');
|
||||
$that.roomCreateFeeInfo.conditions.roomId = vc.getParam('payerObjId');
|
||||
$that.roomCreateFeeInfo.conditions.roomNum = '';
|
||||
$that.roomCreateFeeInfo.roomName = vc.getParam('roomName');
|
||||
} else {
|
||||
$that.roomCreateFeeInfo.roomId = _param.roomId;
|
||||
$that.roomCreateFeeInfo.conditions.roomId = _param.roomId;
|
||||
$that.roomCreateFeeInfo.conditions.roomNum = '';
|
||||
$that.roomCreateFeeInfo.roomName = _param.roomName;
|
||||
}
|
||||
$that.roomCreateFeeInfo.ownerId = '';
|
||||
$that.roomCreateFeeInfo.roomId = _param.roomId;
|
||||
$that.roomCreateFeeInfo.roomName = _param.roomName;
|
||||
|
||||
$that.roomCreateFeeInfo.condition.ownerName = '';
|
||||
$that.roomCreateFeeInfo.condition.roomNum = '';
|
||||
$that.listRoomInRoomCreateFee();
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
});
|
||||
vc.on('roomCreateFee', 'notifyRoom', function (_room) {
|
||||
vc.copyObject(_room, $that.roomCreateFeeInfo);
|
||||
$that.roomCreateFeeInfo.conditions.roomId = _room.roomId;
|
||||
$that.roomCreateFeeInfo.conditions.roomNum = _room.floorNum + "-" + _room.unitNum + "-" + _room.roomNum;
|
||||
$that.roomCreateFeeInfo.roomName = $that.roomCreateFeeInfo.conditions.roomNum;
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
});
|
||||
vc.on('roomCreateFee', 'notifyRoomByOwner', function (_room) {
|
||||
vc.copyObject(_room, $that.roomCreateFeeInfo);
|
||||
$that.roomCreateFeeInfo.conditions.roomId = _room.roomId;
|
||||
$that.roomCreateFeeInfo.conditions.ownerName = _room.ownerName;
|
||||
$that.roomCreateFeeInfo.conditions.roomNum = _room.floorNum + "-" + _room.unitNum + "-" + _room.roomNum;
|
||||
$that.roomCreateFeeInfo.roomId = _room.roomId;
|
||||
$that.roomCreateFeeInfo.roomName = _room.floorNum + "-" + _room.unitNum + "-" + _room.roomNum;
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
$that.listRoomInRoomCreateFee();
|
||||
});
|
||||
vc.on('pagination', 'page_event', function (_currentPage) {
|
||||
$that.updateCurrentPage(_currentPage);
|
||||
$that._loadListRoomCreateFeeInfo(_currentPage, DEFAULT_ROW);
|
||||
});
|
||||
vc.on('roomCreateFee', 'notify', function () {
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
_openRoomCreateFeeAddModal: function (_room, _isMore) {
|
||||
// vc.emit('roomCreateFeeAdd', 'openRoomCreateFeeAddModal', {
|
||||
// isMore: _isMore,
|
||||
// room: _room
|
||||
// });
|
||||
vc.jumpToPage('/#/pages/fee/roomCreatePayFee')
|
||||
},
|
||||
_openOnlyRoomCreateFeeAddModal: function (_room, _isMore) {
|
||||
vc.emit('roomCreateFeeAdd', 'openRoomCreateFeeAddModal', {
|
||||
isMore: _isMore,
|
||||
room: _room
|
||||
});
|
||||
},
|
||||
listRoomInRoomCreateFee: function (_page, _row) {
|
||||
listRoomInRoomCreateFee: function () {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
@ -124,219 +51,33 @@
|
||||
roomId: $that.roomCreateFeeInfo.roomId,
|
||||
}
|
||||
};
|
||||
if ($that.roomCreateFeeInfo.conditions.roomNum) {
|
||||
if ($that.roomCreateFeeInfo.condition.roomNum) {
|
||||
param.params.flag = '1';
|
||||
param.params.roomNum = $that.roomCreateFeeInfo.conditions.roomNum;
|
||||
param.params.roomNum = $that.roomCreateFeeInfo.condition.roomNum;
|
||||
param.params.roomId = '';
|
||||
$that.roomCreateFeeInfo.roomName = "";
|
||||
$that.roomCreateFeeInfo.ownerName = "";
|
||||
$that.roomCreateFeeInfo.ownerId = "";
|
||||
$that.roomCreateFeeInfo.roomId = "";
|
||||
|
||||
}
|
||||
//发送get请求
|
||||
vc.http.apiGet('/room.queryRooms',
|
||||
param,
|
||||
function (json, res) {
|
||||
var listRoomData = JSON.parse(json);
|
||||
vc.copyObject(listRoomData.rooms[0], $that.roomCreateFeeInfo);
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_toOwnerPayFee: function (_room) {
|
||||
let roomName = _room.floorNum + "栋" + _room.unitNum + "单元" + _room.roomNum + "室"
|
||||
vc.jumpToPage('/#/pages/property/owePayFeeOrder?payObjId=' + _room.roomId + "&payObjType=3333&roomName=" + roomName);
|
||||
},
|
||||
_printOwnOrder: function (_room) {
|
||||
//打印催交单
|
||||
let roomName = _room.floorNum + "-" + _room.unitNum + "-" + _room.roomNum
|
||||
window.open('/print.html#/pages/property/printOweFee?payObjId=' + _room.roomId + "&payObjType=3333&payObjName=" + roomName)
|
||||
},
|
||||
_openTranslateFeeManualCollectionDetailModel: function (_room) {
|
||||
let _data = {
|
||||
roomId: _room.roomId,
|
||||
communityId: vc.getCurrentCommunity().communityId
|
||||
}
|
||||
//重新同步房屋欠费
|
||||
vc.http.apiPost(
|
||||
'/feeManualCollection/saveFeeManualCollection',
|
||||
JSON.stringify(_data), {
|
||||
emulateJSON: true
|
||||
},
|
||||
function (json, res) {
|
||||
//vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
|
||||
let _json = JSON.parse(json);
|
||||
if (_json.code == 0) {
|
||||
//关闭model
|
||||
vc.toast("添加成功");
|
||||
vc.jumpToPage('/#/pages/property/feeManualCollectionManage');
|
||||
return;
|
||||
} else {
|
||||
vc.toast(_json.msg);
|
||||
}
|
||||
vc.copyObject(_json.rooms[0], $that.roomCreateFeeInfo);
|
||||
$that.changeTab('simplifyRoomFee');
|
||||
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
vc.message(errInfo);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 更新当前页码
|
||||
*/
|
||||
updateCurrentPage: function (page) {
|
||||
$that.currentPage = page;
|
||||
},
|
||||
/**
|
||||
* 保存搜索条件、页码
|
||||
*/
|
||||
saveTempSearchData: function () {
|
||||
let conditions = $that.roomCreateFeeInfo.conditions;
|
||||
//缓存起来=
|
||||
vc.saveData(TEMP_SEARCH, {
|
||||
conditions: conditions,
|
||||
currentPage: $that.currentPage
|
||||
});
|
||||
},
|
||||
_downloadCollectionLetterOrder: function () {
|
||||
vc.jumpToPage('/#/pages/fee/addOweFeeCallable?callableWay=EXCEL');
|
||||
//vc.emit('downloadCollectionLetterOrder', 'openExportExcel',{})
|
||||
},
|
||||
_downloadRoomCollectionLetterOrder: function (_room) {
|
||||
//vc.jumpToPage('/callComponent/feeManualCollection/downloadCollectionLetterOrder?communityId=' + vc.getCurrentCommunity().communityId + "&roomId=" + _room.roomId);
|
||||
vc.emit('downloadCollectionLetterOrder', 'openExportExcel', {
|
||||
roomId: _room.roomId
|
||||
})
|
||||
},
|
||||
_toPrintReminderFee: function (_room) {
|
||||
},
|
||||
_openFeeImportExcel: function () {
|
||||
vc.emit('exportFeeImportExcel', 'openExportFeeImportExcelModal', {})
|
||||
},
|
||||
_openDoCreateRoomFee: function () {
|
||||
vc.emit('doImportCreateFee', 'openDoImportCreateFeeModal', {})
|
||||
},
|
||||
getOnePrice1: function (fee) {
|
||||
let _price = fee.mwPrice;
|
||||
if (!_price) {
|
||||
return fee.squarePrice;
|
||||
}
|
||||
if (parseFloat(_price) > 0) {
|
||||
return _price;
|
||||
}
|
||||
return fee.squarePrice;
|
||||
},
|
||||
_loadListRoomCreateFeeInfo: function (_page, _row) {
|
||||
let param = {
|
||||
params: {
|
||||
page: _page,
|
||||
row: _row,
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
payerObjId: $that.roomCreateFeeInfo.conditions.roomId,
|
||||
state: $that.roomCreateFeeInfo.conditions.state,
|
||||
ownerName: $that.roomCreateFeeInfo.conditions.ownerName,
|
||||
roomNum: $that.roomCreateFeeInfo.conditions.roomNum
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/fee.listFee',
|
||||
param,
|
||||
function (json) {
|
||||
let _feeConfigInfo = JSON.parse(json);
|
||||
if (_feeConfigInfo.code == 404) {
|
||||
vc.toast(_feeConfigInfo.msg);
|
||||
$that.roomCreateFeeInfo.fees = [];
|
||||
} else {
|
||||
$that.roomCreateFeeInfo.total = _feeConfigInfo.total;
|
||||
$that.roomCreateFeeInfo.records = _feeConfigInfo.records;
|
||||
$that.roomCreateFeeInfo.fees = _feeConfigInfo.fees;
|
||||
if (_feeConfigInfo.fees != null && _feeConfigInfo.fees.length > 0) {
|
||||
$that.roomCreateFeeInfo.roomId = _feeConfigInfo.fees[0].payerObjId;
|
||||
$that.roomCreateFeeInfo.conditions.roomId = _feeConfigInfo.fees[0].payerObjId;
|
||||
}
|
||||
vc.emit('pagination', 'init', {
|
||||
total: _feeConfigInfo.records,
|
||||
dataCount: _feeConfigInfo.total,
|
||||
currentPage: _page
|
||||
});
|
||||
}
|
||||
},
|
||||
function () {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_payFee: function (_fee) {
|
||||
_fee.roomName = $that.roomCreateFeeInfo.roomName;
|
||||
_fee.builtUpArea = $that.roomCreateFeeInfo.builtUpArea;
|
||||
vc.jumpToPage('/#/pages/property/payFeeOrder?feeId=' + _fee.feeId);
|
||||
},
|
||||
_editFee: function (_fee) {
|
||||
// 计费结束时间
|
||||
_fee.maxEndTime = $that._getAttrValue(_fee.feeAttrs, '390010');
|
||||
vc.emit('editFee', 'openEditFeeModal', _fee);
|
||||
},
|
||||
_payFeeHis: function (_fee) {
|
||||
_fee.builtUpArea = $that.roomCreateFeeInfo.builtUpArea;
|
||||
vc.jumpToPage('/#/pages/property/propertyFee?' + vc.objToGetParam(_fee));
|
||||
},
|
||||
_deleteFee: function (_fee) {
|
||||
vc.emit('deleteFee', 'openDeleteFeeModal', {
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
feeId: _fee.feeId
|
||||
});
|
||||
},
|
||||
_refreshListRoomCreateFeeInfo: function () {
|
||||
$that.roomCreateFeeInfo._currentFeeConfigName = "";
|
||||
},
|
||||
_goBack: function () {
|
||||
vc.goBack();
|
||||
},
|
||||
_toOwnerPayFee: function () {
|
||||
vc.jumpToPage('/#/pages/property/owePayFeeOrder?payObjId=' + $that.roomCreateFeeInfo.roomId + "&payObjType=3333&roomName=" + $that.roomCreateFeeInfo.roomName);
|
||||
},
|
||||
_openRoomCreateFeeComboModal: function () {
|
||||
vc.jumpToPage('/#/pages/property/createFeeByCombo?payerObjId=' +
|
||||
$that.roomCreateFeeInfo.roomId +
|
||||
"&payerObjName=" + $that.roomCreateFeeInfo.roomName +
|
||||
"&payerObjType=3333")
|
||||
},
|
||||
_openAddMeterWaterModal: function () {
|
||||
vc.emit('addMeterWater', 'openAddMeterWaterModal', {
|
||||
roomId: $that.roomCreateFeeInfo.roomId,
|
||||
roomName: $that.roomCreateFeeInfo.roomName,
|
||||
ownerName: $that.roomCreateFeeInfo.ownerName
|
||||
});
|
||||
},
|
||||
_getAttrValue: function (_attrs, _specCd) {
|
||||
let _value = "";
|
||||
_attrs.forEach(item => {
|
||||
if (item.specCd == _specCd) {
|
||||
_value = item.value;
|
||||
return;
|
||||
}
|
||||
});
|
||||
return _value;
|
||||
},
|
||||
_getDeadlineTime: function (_fee) {
|
||||
if (_fee.amountOwed == 0 && _fee.endTime == _fee.deadlineTime) {
|
||||
return "-";
|
||||
}
|
||||
if (_fee.state == '2009001') {
|
||||
return "-";
|
||||
}
|
||||
return vc.dateFormat(_fee.deadlineTime);
|
||||
},
|
||||
_getEndTime: function (_fee) {
|
||||
if (_fee.state == '2009001') {
|
||||
return "-";
|
||||
}
|
||||
return vc.dateFormat(_fee.endTime);
|
||||
},
|
||||
_openProxyFeeModal: function () { //创建代收费用
|
||||
vc.emit('addProxyFee', 'openAddProxyFeeModal', {
|
||||
roomId: $that.roomCreateFeeInfo.roomId,
|
||||
roomName: $that.roomCreateFeeInfo.roomName,
|
||||
ownerName: $that.roomCreateFeeInfo.ownerName
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
_inputRoomByOwner: function () {
|
||||
if ($that.roomCreateFeeInfo.timer) {
|
||||
clearTimeout($that.roomCreateFeeInfo.timer)
|
||||
@ -344,101 +85,33 @@
|
||||
$that.roomCreateFeeInfo.timer = setTimeout(() => {
|
||||
vc.emit('inputSearchRoomByOwner', 'searchRoom', {
|
||||
callComponent: 'roomCreateFee',
|
||||
ownerName: $that.roomCreateFeeInfo.conditions.ownerName
|
||||
ownerName: $that.roomCreateFeeInfo.condition.ownerName
|
||||
});
|
||||
}, 1500)
|
||||
},
|
||||
//查询
|
||||
_queryRoomCreateFeeMethod: function () {
|
||||
// 关闭查询组件
|
||||
if ($that.roomCreateFeeInfo.conditions.roomNum) {
|
||||
$that.roomCreateFeeInfo.roomName = $that.roomCreateFeeInfo.conditions.roomNum;
|
||||
}
|
||||
vc.emit('inputSearchRoomInfo', 'close', {});
|
||||
vc.emit('inputSearchRoomByOwner', 'close', {});
|
||||
$that.listRoomInRoomCreateFee();
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
},
|
||||
|
||||
//重置
|
||||
_resetRoomCreateFeeMethod: function () {
|
||||
if (vc.component.roomCreateFeeInfo.roomNum && vc.component.roomCreateFeeInfo.unitNum && vc.component.roomCreateFeeInfo.floorNum) {
|
||||
vc.component.roomCreateFeeInfo.roomName = vc.component.roomCreateFeeInfo.floorNum + "-" + vc.component.roomCreateFeeInfo.unitNum +
|
||||
"-" + vc.component.roomCreateFeeInfo.roomNum;
|
||||
vc.component.roomCreateFeeInfo.conditions.roomNum = vc.component.roomCreateFeeInfo.roomName;
|
||||
vc.component.roomNumChange();
|
||||
}
|
||||
|
||||
// 关闭查询组件
|
||||
vc.emit('inputSearchRoomInfo', 'close', {});
|
||||
vc.emit('inputSearchRoomByOwner', 'close', {});
|
||||
$that.roomCreateFeeInfo.conditions.roomNum = "";
|
||||
$that.roomCreateFeeInfo.conditions.state = "";
|
||||
$that.roomCreateFeeInfo.conditions.ownerName = "";
|
||||
// $that.roomCreateFeeInfo.roomName = "";
|
||||
// $that.roomCreateFeeInfo.conditions.roomId = "";
|
||||
$that.roomCreateFeeInfo.fees = [];
|
||||
$that._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
$that.roomCreateFeeInfo.roomNum = "";
|
||||
$that.roomCreateFeeInfo.ownerName = "";
|
||||
$that.roomCreateFeeInfo.ownerId = "";
|
||||
$that.roomCreateFeeInfo.condition.ownerName = '';
|
||||
$that.roomCreateFeeInfo.condition.roomNum = '';
|
||||
$that.changeTab('simplifyRoomFee');
|
||||
},
|
||||
_viewRoomFeeConfig: function (_fee) {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
configId: _fee.configId
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/feeConfig.listFeeConfigs', param,
|
||||
function (json, res) {
|
||||
let _feeConfigManageInfo = JSON.parse(json);
|
||||
let _feeConfig = _feeConfigManageInfo.feeConfigs[0];
|
||||
vc.emit('viewData', 'openViewDataModal', {
|
||||
title: _fee.feeName + " 费用项",
|
||||
data: {
|
||||
"费用项ID": _feeConfig.configId,
|
||||
"费用类型": _feeConfig.feeTypeCdName,
|
||||
"收费项目": _feeConfig.feeName,
|
||||
"费用标识": _feeConfig.feeFlagName,
|
||||
"催缴类型": _feeConfig.billTypeName,
|
||||
"付费类型": _feeConfig.paymentCd == '1200' ? '预付费' : '后付费',
|
||||
"缴费周期": _feeConfig.paymentCycle,
|
||||
"应收开始时间": _feeConfig.startTime,
|
||||
"应收结束时间": _feeConfig.endTime,
|
||||
"公式": _feeConfig.computingFormulaName,
|
||||
"计费单价": _feeConfig.computingFormula == '2002' ? '-' : _feeConfig.squarePrice,
|
||||
"附加/固定费用": _feeConfig.additionalAmount,
|
||||
}
|
||||
})
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_viewRoomFee: function (_fee) {
|
||||
let _data = {
|
||||
"费用ID": _fee.feeId,
|
||||
"费用标识": _fee.feeFlagName,
|
||||
"费用类型": _fee.feeTypeCdName,
|
||||
"付费对象": _fee.payerObjName,
|
||||
"费用项": _fee.feeName,
|
||||
"费用状态": _fee.stateName,
|
||||
"建账时间": _fee.startTime,
|
||||
"应收开始时间": $that._getEndTime(_fee),
|
||||
"应收结束时间": $that._getDeadlineTime(_fee),
|
||||
"批次": _fee.batchId,
|
||||
};
|
||||
_fee.feeAttrs.forEach(attr => {
|
||||
_data[attr.specCdName] = attr.value;
|
||||
})
|
||||
vc.emit('viewData', 'openViewDataModal', {
|
||||
title: _fee.feeName + " 详情",
|
||||
data: _data
|
||||
});
|
||||
},
|
||||
_viewRoomData: function () {
|
||||
vc.emit('viewRoomData', 'showData', {
|
||||
roomId: $that.roomCreateFeeInfo.roomId
|
||||
|
||||
changeTab: function (_tab) {
|
||||
$that.roomCreateFeeInfo._currentTab = _tab;
|
||||
vc.emit(_tab, 'switch', {
|
||||
ownerId: $that.roomCreateFeeInfo.ownerId,
|
||||
ownerName: $that.roomCreateFeeInfo.ownerName,
|
||||
roomId: $that.roomCreateFeeInfo.roomId,
|
||||
roomName: $that.roomCreateFeeInfo.roomName,
|
||||
})
|
||||
},
|
||||
_roomCreateFeetoSimplifyAcceptance: function () {
|
||||
@ -451,43 +124,35 @@
|
||||
})
|
||||
vc.jumpToPage('/#/pages/property/simplifyAcceptance?tab=业务受理');
|
||||
},
|
||||
roomNumChange: function () {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 10,
|
||||
flag: 1,
|
||||
roomNum: vc.component.roomCreateFeeInfo.conditions.roomNum,
|
||||
communityId: vc.getCurrentCommunity().communityId
|
||||
}
|
||||
}
|
||||
vc.http.apiGet('/room.queryRooms',
|
||||
param,
|
||||
function (json, res) {
|
||||
let listRoomData = JSON.parse(json);
|
||||
if (listRoomData.rooms.length <= 0) {
|
||||
$that.roomCreateFeeInfo.roomId = "";
|
||||
$that.roomCreateFeeInfo.conditions.roomId = "";
|
||||
}
|
||||
$that.roomCreateFeeInfo.roomId = listRoomData.rooms[0].roomId;
|
||||
$that.roomCreateFeeInfo.conditions.roomId = listRoomData.rooms[0].roomId;
|
||||
$that.roomCreateFeeInfo.roomName = listRoomData.rooms[0].roomName
|
||||
/*if ($that.roomCreateFeeInfo.conditions.roomNum) {
|
||||
$that.roomCreateFeeInfo.roomName = $that.roomCreateFeeInfo.conditions.roomNum;
|
||||
}*/
|
||||
vc.component._loadListRoomCreateFeeInfo(DEFAULT_PAGE, DEFAULT_ROW);
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
_toBatchCreateFee: function (_room, _isMore) {
|
||||
vc.jumpToPage('/#/pages/fee/roomCreatePayFee')
|
||||
},
|
||||
_downloadCollectionLetterOrder: function () {
|
||||
vc.jumpToPage('/#/pages/fee/addOweFeeCallable?callableWay=EXCEL');
|
||||
},
|
||||
_downloadRoomCollectionLetterOrder: function (_room) {
|
||||
vc.emit('downloadCollectionLetterOrder', 'openExportExcel', {
|
||||
roomId: _room.roomId
|
||||
})
|
||||
},
|
||||
_openFeeImportExcel: function () {
|
||||
vc.emit('exportFeeImportExcel', 'openExportFeeImportExcelModal', {})
|
||||
},
|
||||
_openDoCreateRoomFee: function () {
|
||||
vc.emit('doImportCreateFee', 'openDoImportCreateFeeModal', {})
|
||||
},
|
||||
_openRoomCreateFeeComboModal: function () {
|
||||
vc.jumpToPage('/#/pages/property/createFeeByCombo?payerObjId=' +
|
||||
$that.roomCreateFeeInfo.roomId +
|
||||
"&payerObjName=" + $that.roomCreateFeeInfo.roomName +
|
||||
"&payerObjType=3333")
|
||||
},
|
||||
_exportRoomCreateFee: function () {
|
||||
vc.component.roomCreateFeeInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
|
||||
//vc.component.roomCreateFeeInfo.conditions.payerObjId= vc.component.roomCreateFeeInfo.conditions.roomId;
|
||||
vc.component.roomCreateFeeInfo.conditions.pagePath = 'roomCreateFee';
|
||||
$that.roomCreateFeeInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
|
||||
// $that.roomCreateFeeInfo.conditions.payerObjId= $that.roomCreateFeeInfo.conditions.roomId;
|
||||
$that.roomCreateFeeInfo.conditions.pagePath = 'roomCreateFee';
|
||||
let param = {
|
||||
params: vc.component.roomCreateFeeInfo.conditions
|
||||
params: $that.roomCreateFeeInfo.conditions
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/export.exportData', param,
|
||||
@ -502,8 +167,8 @@
|
||||
console.log('请求失败处理');
|
||||
});
|
||||
},
|
||||
_splitPayFee:function(_fee){
|
||||
vc.emit('splitFee', 'openSplitFeeModal',_fee);
|
||||
_splitPayFee: function (_fee) {
|
||||
vc.emit('splitFee', 'openSplitFeeModal', _fee);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user