mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 21:59:12 +08:00
Merge branch 'master' of http://git.homecommunity.cn/supervip/MicroCommunityWeb
This commit is contained in:
java110
commit
b87ce41b9b
@ -0,0 +1,106 @@
|
||||
<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>
|
||||
|
||||
</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>
|
||||
</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>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<span>
|
||||
<span><vc:i18n name="欠费小计：" namespace="contractDetailRoom"></vc:i18n> </span>{{contractDetailRoomInfo.allOweFeeAmount}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<vc:create namespace="contractDetailRoom" path="frame/paginationPlus"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,106 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
contractDetailRoomInfo: {
|
||||
rooms: [],
|
||||
contractId:'',
|
||||
roomNum: '',
|
||||
allOweFeeAmount:'0'
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('contractDetailRoom', 'switch', function (_data) {
|
||||
$that.contractDetailRoomInfo.contractId = _data.contractId;
|
||||
$that._loadContractDetailRoomData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('contractDetailRoom', 'paginationPlus', 'page_event',
|
||||
function (_currentPage) {
|
||||
vc.component._loadContractDetailRoomData(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('contractDetailRoom', 'notify', function (_data) {
|
||||
$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
|
||||
}
|
||||
};
|
||||
|
||||
//发送get请求
|
||||
vc.http.apiGet('/room.queryRoomsByContract',
|
||||
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 () {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
//查询
|
||||
_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());
|
||||
vc.saveData('simplifyAcceptanceSearch', {
|
||||
searchType: '1',
|
||||
searchValue: _room.floorNum + "-" + _room.unitNum + "-" + _room.roomNum,
|
||||
searchPlaceholder: '请输入房屋编号 楼栋-单元-房屋 如1-1-1',
|
||||
})
|
||||
vc.jumpToPage('/#/pages/property/simplifyAcceptance?tab=业务受理');
|
||||
},
|
||||
_openEditRoomModel: function (_room) {
|
||||
vc.emit('editRoom', 'openEditRoomModal', _room);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5><span><vc:i18n name="变更待办单" namespace="contractChangeAuditOrders"></vc:i18n></span></h5>
|
||||
<h5><vc:i18n name="变更待办单" namespace="contractChangeAuditOrders"></vc:i18n></h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
<div class="ibox ">
|
||||
<div class="ibox-title">
|
||||
<h5>
|
||||
<span><vc:i18n name="合同信息" namespace="contractChangeDetail"></vc:i18n></span>
|
||||
<vc:i18n name="合同信息" namespace="contractChangeDetail"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-right:10px;"
|
||||
v-on:click="_openSelectContractInfoModel()">
|
||||
<i class="fa fa-search"></i>
|
||||
<span><vc:i18n name="选择合同" namespace="contractChangeDetail"></vc:i18n></span>
|
||||
<vc:i18n name="选择合同" namespace="contractChangeDetail"></vc:i18n>
|
||||
</button>
|
||||
<button type="button" class="btn btn-white btn-sm" style="margin-right:10px;"
|
||||
v-on:click="_goBack()">返回
|
||||
@ -22,7 +22,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同名称" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="合同名称：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.contractName}}</label>
|
||||
</div>
|
||||
@ -48,7 +48,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="甲方：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.partyA}}</label>
|
||||
</div>
|
||||
@ -56,7 +56,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方联系人" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="甲方联系人：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.aContacts}}</label>
|
||||
</div>
|
||||
@ -64,7 +64,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方联系电话" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="甲方联系电话：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.aLink}}</label>
|
||||
</div>
|
||||
@ -74,7 +74,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="乙方" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="乙方：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.partyB}}</label>
|
||||
</div>
|
||||
@ -82,7 +82,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="乙方联系人" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="乙方联系人：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.bContacts}}</label>
|
||||
</div>
|
||||
@ -90,7 +90,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="乙方联系电话" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="乙方联系电话：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.bLink}}</label>
|
||||
</div>
|
||||
@ -100,7 +100,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="经办人" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="经办人" namespace="contractChangeDetail："></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.operator}}</label>
|
||||
</div>
|
||||
@ -108,7 +108,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="联系电话" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="联系电话：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.operatorLink}}</label>
|
||||
</div>
|
||||
@ -116,7 +116,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同金额" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="合同金额：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.amount}}</label>
|
||||
</div>
|
||||
@ -126,7 +126,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="开始时间" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="开始时间：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.startTime}}</label>
|
||||
</div>
|
||||
@ -134,7 +134,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="结束时间" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="结束时间：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.endTime}}</label>
|
||||
</div>
|
||||
@ -142,7 +142,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="签订时间" namespace="contractChangeDetail"></vc:i18n></span>：
|
||||
<vc:i18n name="签订时间：" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractChangeDetailInfo.signingTime}}</label>
|
||||
</div>
|
||||
@ -174,14 +174,14 @@
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5>
|
||||
<span><vc:i18n name="变更说明" namespace="contractChangeDetail"></vc:i18n></span>
|
||||
<vc:i18n name="变更说明" namespace="contractChangeDetail"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;"></div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
<span><vc:i18n name="变更说明" namespace="contractChangeDetail"></vc:i18n></span>
|
||||
<vc:i18n name="变更说明" namespace="contractChangeDetail"></vc:i18n>
|
||||
</label>
|
||||
<div class="col-sm-10 ">
|
||||
<textarea v-model="newContract.changeRemark" rows="5"
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5>
|
||||
<span><vc:i18n name="合同变更信息" namespace="contractChangeManage"></vc:i18n></span>
|
||||
<vc:i18n name="合同变更信息" namespace="contractChangeManage"></vc:i18n>
|
||||
</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请输入合同编号','contractManage')"
|
||||
v-model="contractManageInfo.conditions.contractCode" class=" form-control">
|
||||
v-model="contractManageInfo.conditions.contractCodeLike" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
@ -44,6 +44,37 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请输入合同乙方','contractManage')"
|
||||
v-model="contractManageInfo.conditions.partyBLike" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请输入开始时间','contractManage')"
|
||||
v-model="contractManageInfo.conditions.queryStartTime" class=" form-control queryStartTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请输入结束时间','contractManage')"
|
||||
v-model="contractManageInfo.conditions.queryEndTime" class=" form-control queryEndTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请输入父合同编号','contractManage')"
|
||||
v-model="contractManageInfo.conditions.parentContractCodeLike" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -80,10 +111,10 @@
|
||||
<span><vc:i18n name="合同金额" namespace="contractManage"></vc:i18n></span>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span><vc:i18n name="开始时间" namespace="contractManage"></vc:i18n></span>
|
||||
<vc:i18n name="合同乙方" namespace="contractManage"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span><vc:i18n name="结束时间" namespace="contractManage"></vc:i18n></span>
|
||||
<vc:i18n name="有效期" namespace="contractManage"></vc:i18n>
|
||||
</th>
|
||||
<th class="text-center">
|
||||
<span><vc:i18n name="起草时间" namespace="contractManage"></vc:i18n></span>
|
||||
@ -104,10 +135,13 @@
|
||||
{{contract.parentContractCode?contract.parentContractCode:'-'}}
|
||||
</td>
|
||||
<td class="text-center">{{contract.contractTypeName}}</td>
|
||||
<td class="text-center">{{contract.operator}}</td>
|
||||
<td class="text-center">{{contract.operator}}({{contract.operatorLink}})</td>
|
||||
<td class="text-center">{{contract.amount}}</td>
|
||||
<td class="text-center">{{contract.startTime}}</td>
|
||||
<td class="text-center">{{contract.endTime}}</td>
|
||||
<td class="text-center">{{contract.partyB}}({{contract.bLink}})</td>
|
||||
<td class="text-center">
|
||||
{{contract.startTime}}<br/>
|
||||
~{{contract.endTime}}
|
||||
</td>
|
||||
<td class="text-center">{{contract.createTime}}</td>
|
||||
<td class="text-center">{{contract.stateName}}</td>
|
||||
<td class="text-center">
|
||||
|
||||
@ -14,14 +14,24 @@
|
||||
contractId: '',
|
||||
conditions: {
|
||||
contractNameLike: '',
|
||||
contractCode: '',
|
||||
contractType: ''
|
||||
contractCodeLike: '',
|
||||
contractType: '',
|
||||
partyBLike:'',
|
||||
queryStartTime:'',
|
||||
queryEndTime:'',
|
||||
parentContractCodeLike:''
|
||||
},
|
||||
contractTypes: [],
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
vc.component._listContracts(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
vc.initDate('queryStartTime',function(_value){
|
||||
$that.contractManageInfo.conditions.queryStartTime = _value;
|
||||
});
|
||||
vc.initDate('queryEndTime',function(_value){
|
||||
$that.contractManageInfo.conditions.queryEndTime = _value;
|
||||
});
|
||||
$that._listContractTypes();
|
||||
},
|
||||
_initEvent: function () {
|
||||
@ -40,7 +50,7 @@
|
||||
params: vc.component.contractManageInfo.conditions
|
||||
};
|
||||
param.params.contractNameLike = param.params.contractNameLike.trim();
|
||||
param.params.contractCode = param.params.contractCode.trim();
|
||||
param.params.contractCodeLike = param.params.contractCodeLike.trim();
|
||||
//发送get请求
|
||||
vc.http.apiGet('/contract/queryContract',
|
||||
param,
|
||||
|
||||
225
public/pages/contract/contractDetail/contractDetail.html
Normal file
225
public/pages/contract/contractDetail/contractDetail.html
Normal file
@ -0,0 +1,225 @@
|
||||
<div class="white-bg padding-lg padding-top border-radius">
|
||||
<div class="flex justify-between">
|
||||
<div class="text-title">
|
||||
合同信息
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px" v-on:click="vc.goBack()">
|
||||
返回
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_printContract()">
|
||||
<vc:i18n name="打印"></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 合同信息 -->
|
||||
<div class="margin-top">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同名称" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.contractName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同编号" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.contractCode}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同类型" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.contractTypeName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.partyA}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方联系人" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.aContacts}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="甲方联系电话" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.aLink}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="乙方" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.partyB}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="乙方联系人" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.bContacts}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="乙方联系电话：" namespace="contractDetail"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.bLink}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="经办人" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.operator}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="联系电话" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.operatorLink}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="合同金额" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.amount}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="开始时间" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.startTime}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="结束时间" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.endTime}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="签订时间" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.signingTime}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="状态" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.stateName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-if="contractDetailInfo.contractParentId">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<span><vc:i18n name="父合同" namespace="contractDetail"></vc:i18n></span>：
|
||||
</label>
|
||||
<label class="">{{contractDetailInfo.contractParentName}}({{contractDetailInfo.contractParentCode}})</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="vc-line-primary margin-top"></div>
|
||||
<div class="margin-top-sm">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom'}" v-on:click="changeTab('contractDetailRoom')">
|
||||
<vc:i18n name="房屋" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom1'}" v-on:click="changeTab('contractDetailRoom1')">
|
||||
<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')">
|
||||
<vc:i18n name="合同费用" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom3'}" v-on:click="changeTab('contractDetailRoom3')">
|
||||
<vc:i18n name="合同缴费记录" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="房屋费用" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="房屋缴费记录" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="业主信息" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="变更记录" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="起草审批" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailRoom4'}" v-on:click="changeTab('contractDetailRoom4')">
|
||||
<vc:i18n name="子合同" namespace="contractDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="contractDetailInfo._currentTab == 'contractDetailRoom'">
|
||||
<vc:create path="contract/contractDetailRoom"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
92
public/pages/contract/contractDetail/contractDetail.js
Normal file
92
public/pages/contract/contractDetail/contractDetail.js
Normal file
@ -0,0 +1,92 @@
|
||||
/**
|
||||
业主详情页面
|
||||
**/
|
||||
(function(vc) {
|
||||
vc.extends({
|
||||
data: {
|
||||
contractDetailInfo: {
|
||||
contractId: '',
|
||||
contractName: '',
|
||||
contractCode: '',
|
||||
contractType: '',
|
||||
contractTypeName: '',
|
||||
partyA: '',
|
||||
partyB: '',
|
||||
aContacts: '',
|
||||
bContacts: '',
|
||||
aLink: '',
|
||||
bLink: '',
|
||||
operator: '',
|
||||
operatorLink: '',
|
||||
amount: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
signingTime: '',
|
||||
param: '',
|
||||
planType: '',
|
||||
stateName:'',
|
||||
contractParentId:'',
|
||||
contractParentName:'',
|
||||
contractParentCode:'',
|
||||
files: [],
|
||||
_currentTab: 'contractDetailRoom',
|
||||
}
|
||||
},
|
||||
_initMethod: function() {
|
||||
$that.contractDetailInfo.contractId = vc.getParam('contractId');
|
||||
if (!vc.notNull($that.contractDetailInfo.contractId)) {
|
||||
return;
|
||||
}
|
||||
|
||||
let _currentTab = vc.getParam('currentTab');
|
||||
if (_currentTab) {
|
||||
$that.contractDetailInfo._currentTab = _currentTab;
|
||||
}
|
||||
|
||||
vc.component._loadContractInfo();
|
||||
$that.changeTab($that.contractDetailInfo._currentTab);
|
||||
},
|
||||
_initEvent: function() {
|
||||
vc.on('contractDetail', 'listContractData', function(_info) {
|
||||
vc.component._loadContractInfo();
|
||||
$that.changeTab($that.contractDetailInfo._currentTab);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_loadContractInfo: function() {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
contractId: $that.contractDetailInfo.contractId
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/contract/queryContract',
|
||||
param,
|
||||
function(json) {
|
||||
console.log('json', json);
|
||||
var _contractApplyDetailInfo = JSON.parse(json);
|
||||
var _contractApply = _contractApplyDetailInfo.data[0];
|
||||
vc.copyObject(_contractApply, $that.contractDetailInfo);
|
||||
},
|
||||
function() {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
changeTab: function(_tab) {
|
||||
$that.contractDetailInfo._currentTab = _tab;
|
||||
vc.emit(_tab, 'switch', {
|
||||
contractId: $that.contractDetailInfo.contractId,
|
||||
contractName: $that.contractDetailInfo.name,
|
||||
link: $that.contractDetailInfo.link,
|
||||
})
|
||||
},
|
||||
_printContract: function() {
|
||||
let _contract = $that.contractDetailInfo;
|
||||
window.open("/print.html#/pages/admin/printContract?contractTypeId=" + _contract.contractType + "&contractId=" + _contract.contractId);
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
Loading…
Reference in New Issue
Block a user