mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-06-16 03:33:27 +08:00
优化合同详情页面
This commit is contained in:
Your Name
parent
f860c02cce
commit
781e2e12a0
@ -0,0 +1,161 @@
|
||||
<div class="margin-top">
|
||||
<div class="row margin-top-lg">
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-right-xl">
|
||||
|
||||
</div>
|
||||
<div class="col-lg-8 text-right">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openTempImportContractFeeModal()">
|
||||
临时收费
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openRoomCreateFeeAddModal()" v-if="contractDetailFeeInfo.hireOwnerFee == '0'">
|
||||
创建费用
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="_toOwnerPayFee()"
|
||||
v-if="contractDetailFeeInfo.hireOwnerFee == '0'">
|
||||
欠费缴费
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="margin-top">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用项目" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用标识" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="费用类型" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="应收金额" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="建账时间" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="应收时间段" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="说明" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="状态" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="contractDetailFee"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="fee in contractDetailRoomInfo.fees">
|
||||
<td class="text-center">{{fee.feeName}}</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="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.preDegrees}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="本期度数：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.curDegrees}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="单价：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.mwPrice?fee.mwPrice:fee.squarePrice}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="附加费：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.additionalAmount}}</div>
|
||||
</td>
|
||||
<td class="text-center" v-else-if="fee.computingFormula == '6006'">
|
||||
<div><span>
|
||||
<vc:i18n name="用量：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{_getAttrValue(fee.feeAttrs,'390006')}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="单价：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.squarePrice}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="附加费：" namespace="contractDetailFee"></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="contractDetailFee"></vc:i18n>
|
||||
</span>{{_getAttrValue(fee.feeAttrs,'390005')}}</div>
|
||||
<div><span>
|
||||
<vc:i18n name="用量：" namespace="contractDetailFee"></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="contractDetailFee"></vc:i18n></div>
|
||||
</td>
|
||||
<td class="text-center" v-else>
|
||||
<!-- <div><span><vc:i18n name="面积" namespace="contractDetailFee"></vc:i18n></span>：{{contractDetailFeeInfo.builtUpArea}}</div> -->
|
||||
<div><span>
|
||||
<vc:i18n name="单价：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.squarePrice}}</div>
|
||||
<div v-if="fee.feeFlag == '1003006'"><span>
|
||||
<vc:i18n name="附加费：" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>{{fee.additionalAmount}}</div>
|
||||
<div v-else><span>
|
||||
<vc:i18n name="固定费：" namespace="contractDetailFee"></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)"><span>
|
||||
<vc:i18n name="缴费" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs" v-on:click="_payFeeHis(fee)"><span>
|
||||
<vc:i18n name="缴费历史" namespace="contractDetailFee"></vc:i18n>
|
||||
</span></button>
|
||||
<button class="btn btn-link btn-xs" v-if="vc.hasPrivilege('502020090604200029')"
|
||||
v-on:click="_deleteFee(fee)"><span>
|
||||
<vc:i18n name="取消费用" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs"
|
||||
v-if="fee.state != '2009001' && vc.hasPrivilege('502021070488970005')"
|
||||
v-on:click="_finishFee(fee)"><span>
|
||||
<vc:i18n name="手工结束" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
<button class="btn btn-link btn-xs"
|
||||
v-if="fee.state != '2009001' && vc.hasPrivilege('502020090427190001')"
|
||||
v-on:click="_editFee(fee)"><span>
|
||||
<vc:i18n name="费用变更" namespace="contractDetailFee"></vc:i18n>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div> 注意： 应收结束时间 “-” 表示未到应收时间 或 收费已结束</div>
|
||||
<div>应收金额为-1 一般为费用项公式设置出错请检查</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<vc:create namespace="contractDetailRoom" path="frame/paginationPlus"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<vc:create path="property/deleteFee"></vc:create>
|
||||
<vc:create path="property/editFee"></vc:create>
|
||||
<vc:create path="property/contractCreateFeeAdd"></vc:create>
|
||||
<vc:create path="property/tempImportRoomFee"></vc:create>
|
||||
<vc:create path="property/finishFee"></vc:create>
|
||||
</div>
|
||||
@ -0,0 +1,135 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
contractDetailFeeInfo: {
|
||||
rooms: [],
|
||||
contractId: '',
|
||||
roomNum: '',
|
||||
allOweFeeAmount: '0'
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('contractDetailFee', 'switch', function (_data) {
|
||||
$that.contractDetailFeeInfo.contractId = _data.contractId;
|
||||
$that._loadContractDetailFeeData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('contractDetailFee', 'paginationPlus', 'page_event',
|
||||
function (_currentPage) {
|
||||
$that._loadContractDetailFeeData(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('contractDetailFee', 'notify', function (_data) {
|
||||
$that._loadContractDetailFeeData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
_loadContractDetailFeeData: function (_page, _row) {
|
||||
let param = {
|
||||
params: {
|
||||
page: _page,
|
||||
row: _row,
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
payerObjId: $that.contractDetailFeeInfo.contractId,
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/fee.listFee',
|
||||
param,
|
||||
function(json) {
|
||||
let _feeConfigInfo = JSON.parse(json);
|
||||
$that.contractDetailFeeInfo.total = _feeConfigInfo.total;
|
||||
$that.contractDetailFeeInfo.records = _feeConfigInfo.records;
|
||||
$that.contractDetailFeeInfo.fees = _feeConfigInfo.fees;
|
||||
vc.emit('pagination', 'init', {
|
||||
total: _feeConfigInfo.records,
|
||||
currentPage: _page
|
||||
});
|
||||
},
|
||||
function() {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
//查询
|
||||
_qureyContractDetailFee: function () {
|
||||
$that._loadContractDetailFeeData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
_openTempImportContractFeeModal: function() {
|
||||
vc.emit('tempImportRoomFee', 'openImportRoomFeeModal', {
|
||||
roomId: $that.listContractFeeInfo.contractId,
|
||||
objType: '7777',
|
||||
roomName: $that.listContractFeeInfo.contractName,
|
||||
ownerName: $that.listContractFeeInfo.ownerName
|
||||
})
|
||||
},
|
||||
_payFee: function(_fee) {
|
||||
vc.jumpToPage('/#/pages/property/payFeeOrder?feeId=' + _fee.feeId);
|
||||
},
|
||||
_editFee: function(_fee) {
|
||||
vc.emit('editFee', 'openEditFeeModal', _fee);
|
||||
},
|
||||
_payFeeHis: function(_fee) {
|
||||
_fee.builtUpArea = $that.listContractFeeInfo.builtUpArea;
|
||||
vc.jumpToPage('/#/pages/property/propertyFee?' + vc.objToGetParam(_fee));
|
||||
},
|
||||
_deleteFee: function(_fee) {
|
||||
// var dateA = new Date(_fee.startTime);
|
||||
// var dateB = new Date();
|
||||
// if(dateA.setHours(0, 0, 0, 0) != dateB.setHours(0, 0, 0, 0)){
|
||||
// vc.toast("只能取消当天添加的费用");
|
||||
// return;
|
||||
// }
|
||||
vc.emit('deleteFee', 'openDeleteFeeModal', {
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
feeId: _fee.feeId
|
||||
});
|
||||
},
|
||||
_finishFee: function(_fee) {
|
||||
vc.emit('finishFee', 'openFinishFeeModal', {
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
feeId: _fee.feeId
|
||||
});
|
||||
},
|
||||
_toOwnerPayFee: function() {
|
||||
vc.jumpToPage('/#/pages/property/owePayFeeOrder?payObjId=' + $that.listContractFeeInfo.contractId + "&payObjType=7777&contractName=" + $that.listContractFeeInfo.contractName);
|
||||
},
|
||||
_openRoomCreateFeeAddModal: function() {
|
||||
vc.emit('contractCreateFeeAdd', 'openContractCreateFeeAddModal', {
|
||||
isMore: false,
|
||||
contract: $that.listContractFeeInfo
|
||||
});
|
||||
},
|
||||
_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.dateSubOneDay(_fee.startTime, _fee.deadlineTime, _fee.feeFlag);
|
||||
},
|
||||
_getEndTime: function(_fee) {
|
||||
if (_fee.state == '2009001') {
|
||||
return "-";
|
||||
}
|
||||
return vc.dateFormat(_fee.endTime);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="margin-top">
|
||||
<div class="row margin-top-lg">
|
||||
|
||||
</div>
|
||||
<div class="margin-top">
|
||||
<div class="row">
|
||||
<div class="col-sm-10">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="相关附件：" namespace="contractDetailFile"></vc:i18n>
|
||||
</label>
|
||||
<label v-for="(file,index) in contractDetailFileInfo.files" style="margin-left: 50px;">
|
||||
<a href="javascript:void(0)" @click="_viewFile(file)">{{file.fileRealName}}</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,51 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
contractDetailFileInfo: {
|
||||
files: [],
|
||||
contractId: '',
|
||||
roomNum: '',
|
||||
allOweFeeAmount: '0'
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('contractDetailFile', 'switch', function (_data) {
|
||||
$that.contractDetailFileInfo.contractId = _data.contractId;
|
||||
$that._loadContractDetailFileData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
|
||||
},
|
||||
methods: {
|
||||
_loadContractDetailFileData: function (_page, _row) {
|
||||
let param = {
|
||||
params: {
|
||||
contractId: $that.contractDetailFileInfo.contractId,
|
||||
page: 1,
|
||||
row: 100
|
||||
}
|
||||
}
|
||||
//发送get请求
|
||||
vc.http.apiGet('/contractFile/queryContractFile',
|
||||
param,
|
||||
function (json, res) {
|
||||
var _contractTFile = JSON.parse(json);
|
||||
vc.component.contractDetailInfo.files = _contractTFile.data;
|
||||
},
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_viewFile: function (_file) {
|
||||
window.open(_file.fileSaveName);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -1,102 +1,81 @@
|
||||
<div class="margin-top">
|
||||
<div class="row margin-top-lg">
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model="contractDetailRoomInfo.roomNum" type="text"
|
||||
:placeholder="vc.i18n('请填写房屋编号','contractDetailRoom')" class="form-control">
|
||||
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-right-xl">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_qureyContractDetailRoom()">
|
||||
<i class="fa fa-search"></i>查询
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8 text-right">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-if="vc.hasPrivilege('502023021978930012')" v-on:click="_openAddContractRoom()">
|
||||
<vc:i18n name="交房" namespace="simplifyRoomFee"></vc:i18n>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-if="vc.hasPrivilege('502023021978930012')" v-on:click="_openAddContractRoom()">
|
||||
<vc:i18n name="房产变更" namespace="simplifyRoomFee"></vc:i18n>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="margin-top">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="房屋ID" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="楼层" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="类型" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="建筑/室内面积" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="租金" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋状态" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋欠费" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="操作" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="楼层" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="类型" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="建筑/室内面积" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="租金" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="房屋状态" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="操作" namespace="contractDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="room in contractDetailRoomInfo.rooms">
|
||||
<td class="text-center">
|
||||
{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.layer}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomSubTypeName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}/{{room.roomArea}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomRent}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.stateName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomOweFee || '0.00'}}(按天更新)
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502020082493857941')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openEditRoomModel(room)">
|
||||
<vc:i18n name="修改" namespace="contractDetailRoom"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group" v-if="vc.hasPrivilege('502023021973760015')">
|
||||
<button class="btn-white btn btn-xs" v-on:click="contractExitRoomModel(room)">
|
||||
<vc:i18n name="退房" namespace="contractDetailRoom"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group" v-if="room.state != '2002'">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_toSimplifyAcceptance(room)">
|
||||
<vc:i18n name="业务受理" namespace="contractDetailRoom"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-for="room in contractDetailRoomInfo.rooms">
|
||||
<td class="text-center">
|
||||
{{room.roomName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.layer}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomSubTypeName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.builtUpArea}}/{{room.roomArea}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.roomRent}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{room.stateName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group" v-if="room.state != '2002'">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_toSimplifyAcceptance(room)">
|
||||
<vc:i18n name="业务受理" namespace="contractDetailRoom"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<span>
|
||||
<span><vc:i18n name="欠费小计：" namespace="contractDetailRoom"></vc:i18n> </span>{{contractDetailRoomInfo.allOweFeeAmount}}
|
||||
</span>
|
||||
<vc:i18n name="合同面积：" namespace="ownerDetailRoom"></vc:i18n>
|
||||
</span>{{_sumRoomArea()}}
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<vc:create namespace="contractDetailRoom" path="frame/paginationPlus"></vc:create>
|
||||
|
||||
@ -8,9 +8,9 @@
|
||||
data: {
|
||||
contractDetailRoomInfo: {
|
||||
rooms: [],
|
||||
contractId:'',
|
||||
contractId: '',
|
||||
roomNum: '',
|
||||
allOweFeeAmount:'0'
|
||||
allOweFeeAmount: '0'
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
@ -25,35 +25,26 @@
|
||||
vc.component._loadContractDetailRoomData(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('contractDetailRoom', 'notify', function (_data) {
|
||||
$that._loadContractDetailRoomData(DEFAULT_PAGE,DEFAULT_ROWS);
|
||||
$that._loadContractDetailRoomData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
_loadContractDetailRoomData: function (_page, _row) {
|
||||
let param = {
|
||||
params: {
|
||||
communityId: vc.getCurrentCommunity().communityId,
|
||||
contractId:$that.contractDetailRoomInfo.contractId,
|
||||
roomNum:$that.contractDetailRoomInfo.roomNum,
|
||||
page:_page,
|
||||
row:_row
|
||||
contractId: $that.contractDetailRoomInfo.contractId,
|
||||
page: 1,
|
||||
row: 100
|
||||
}
|
||||
};
|
||||
|
||||
}
|
||||
//发送get请求
|
||||
vc.http.apiGet('/room.queryRoomsByContract',
|
||||
vc.http.apiGet('/contract/queryContractRoom',
|
||||
param,
|
||||
function (json) {
|
||||
var _roomInfo = JSON.parse(json);
|
||||
vc.component.contractDetailRoomInfo.rooms = _roomInfo.rooms;
|
||||
$that._computeContractRoomOweFeeAmount();
|
||||
vc.emit('contractDetailRoom', 'paginationPlus', 'init', {
|
||||
total: _roomInfo.records,
|
||||
dataCount: _roomInfo.total,
|
||||
currentPage: _page
|
||||
});
|
||||
function (json, res) {
|
||||
var _contractTFile = JSON.parse(json);
|
||||
$that.contractDetailRoomInfo.rooms = _contractTFile.data;
|
||||
},
|
||||
function () {
|
||||
function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
@ -62,32 +53,6 @@
|
||||
_qureyContractDetailRoom: function () {
|
||||
$that._loadContractDetailRoomData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
|
||||
_computeContractRoomOweFeeAmount(){
|
||||
let _rooms = $that.contractDetailRoomInfo.rooms;
|
||||
let _totalOweFeeAmount = 0;
|
||||
$that.contractDetailRoomInfo.allOweFeeAmount = 0;
|
||||
if(!_rooms ||_rooms.length <1){
|
||||
return ;
|
||||
}
|
||||
|
||||
_rooms.forEach(_room => {
|
||||
if(_room.roomOweFee){
|
||||
_totalOweFeeAmount += parseFloat(_room.roomOweFee);
|
||||
}
|
||||
});
|
||||
|
||||
$that.contractDetailRoomInfo.allOweFeeAmount = _totalOweFeeAmount.toFixed(2);
|
||||
},
|
||||
_openAddContractRoom: function () {
|
||||
vc.jumpToPage("/#/pages/property/addContractRoomBinding?contractId=" + $that.contractDetailRoomInfo.contractId);
|
||||
},
|
||||
contractExitRoomModel: function(_room) {
|
||||
vc.emit('contractExitRoom', 'openExitRoomModel', {
|
||||
contractId: $that.contractDetailRoomInfo.contractId,
|
||||
roomId: _room.roomId
|
||||
});
|
||||
},
|
||||
_toSimplifyAcceptance: function (_room) {
|
||||
let _date = new Date();
|
||||
vc.saveData("JAVA110_IS_BACK", _date.getTime());
|
||||
@ -98,9 +63,20 @@
|
||||
})
|
||||
vc.jumpToPage('/#/pages/property/simplifyAcceptance?tab=业务受理');
|
||||
},
|
||||
_openEditRoomModel: function (_room) {
|
||||
vc.emit('editRoom', 'openEditRoomModal', _room);
|
||||
},
|
||||
_sumRoomArea:function(){
|
||||
let _rooms = $that.contractDetailRoomInfo.rooms;
|
||||
if(!_rooms || _rooms.length<1){
|
||||
return 0;
|
||||
}
|
||||
|
||||
let _totalArea = 0;
|
||||
|
||||
_rooms.forEach(_room => {
|
||||
_totalArea += parseFloat(_room.builtUpArea)
|
||||
});
|
||||
|
||||
return _totalArea.toFixed(2);
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -23,7 +23,7 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="房屋ID" namespace="ownerDetailRoom"></vc:i18n>
|
||||
<vc:i18n name="房屋编号" namespace="ownerDetailRoom"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="楼层" namespace="ownerDetailRoom"></vc:i18n>
|
||||
|
||||
@ -172,12 +172,12 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom1'}" v-on:click="changeTab('contractDetailRoom1')">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailFile'}" v-on:click="changeTab('contractDetailFile')">
|
||||
<vc:i18n name="附件" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom2'}" v-on:click="changeTab('contractDetailRoom2')">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailFee'}" v-on:click="changeTab('contractDetailFee')">
|
||||
<vc:i18n name="合同费用" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
@ -222,4 +222,14 @@
|
||||
<div v-if="contractDetailInfo._currentTab == 'contractDetailRoom'">
|
||||
<vc:create path="contract/contractDetailRoom"></vc:create>
|
||||
</div>
|
||||
|
||||
<div v-if="contractDetailInfo._currentTab == 'contractDetailFile'">
|
||||
<vc:create path="contract/contractDetailFile"></vc:create>
|
||||
</div>
|
||||
|
||||
<div v-if="contractDetailInfo._currentTab == 'contractDetailFee'">
|
||||
<vc:create path="contract/contractDetailFee"></vc:create>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user