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

合同明细页面

Browse Source
This commit is contained in:
his-uncles-father 2021-04-06 14:51:55 +08:00
parent e018f246d6
commit dd8810a09e
2 changed files with 263 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
public/pages/common/contractApplyDetail/contractApplyDetail.html Normal file
View File

@ -0,0 +1,166 @@
<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>合同信息</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-if="purchaseApplyDetailInfo.resOrderType == '10000'"
v-on:click="_printPurchaseApply()">
打印
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_callBackListPurchaseApply()">
返回
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">合同名称：</label>
<label class="">{{contractDetailInfo.contractName}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">合同编号：</label>
<label class="">{{contractDetailInfo.contractCode}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">合同类型：</label>
<label class="">{{contractDetailInfo.contractType}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">甲方：</label>
<label class="">{{contractDetailInfo.partyA}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">甲方联系人：</label>
<label class="">{{contractDetailInfo.aContacts}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">甲方联系电话：</label>
<label class="">{{contractDetailInfo.aLink}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">乙方：</label>
<label class="">{{contractDetailInfo.partyB}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">乙方联系人：</label>
<label class="">{{contractDetailInfo.bContacts}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">乙方联系电话：</label>
<label class="">{{contractDetailInfo.bLink}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">经办人：</label>
<label class="">{{contractDetailInfo.operator}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">联系电话：</label>
<label class="">{{contractDetailInfo.operatorLink}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">合同金额：</label>
<label class="">{{contractDetailInfo.amount}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">开始时间：</label>
<label class="">{{contractDetailInfo.startTime}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">结束时间：</label>
<label class="">{{contractDetailInfo.endTime}}</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label class="col-form-label">签订时间：</label>
<label class="">{{contractDetailInfo.signingTime}}</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>工单流转</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<table class="table table-stripped">
<thead>
<tr>
<th scope="col">序号</th>
<th scope="col">处理人</th>
<th scope="col">状态</th>
<th scope="col">处理时间</th>
<th scope="col">耗时</th>
<th scope="col">意见</th>
</tr>
</thead>
<tbody>
<tr v-for="(tItem,index) in auditUsers">
<td>{{index+1}}</td>
<td>{{tItem.auditName}}</td>
<td>{{tItem.stateName}}</td>
<td>{{tItem.auditTime}}</td>
<td>{{tItem.duration}}</td>
<td>{{tItem.message}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

97
public/pages/common/contractApplyDetail/contractApplyDetail.js Normal file
View File

@ -0,0 +1,97 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 1;
vc.extends({
data: {
contractDetailInfo: {
contractId: '',
contractName: '',
contractCode: '',
contractType: '',
partyA: '',
partyB: '',
aContacts: '',
bContacts: '',
aLink: '',
bLink: '',
operator: '',
operatorLink: '',
amount: '',
startTime: '',
endTime: '',
signingTime: '',
param: '',
planType: '',
},
auditUsers: []
},
_initMethod: function () {
vc.component.contractDetailInfo.contractId = vc.getParam('applyOrderId');
vc.component.contractDetailInfo.resOrderType = vc.getParam('resOrderType');
vc.component._listPurchaseApply(DEFAULT_PAGE, DEFAULT_ROWS);
$that._loadAuditUser();
},
_initEvent: function () {
},
methods: {
_listPurchaseApply: function (_page, _rows) {
var param = {
params: {
page: _page,
row: _rows,
contractId: vc.component.contractDetailInfo.contractId,
resOrderType: vc.component.contractDetailInfo.resOrderType,
}
};
//发送get请求
vc.http.apiGet('/contract/queryContract',
param,
function (json) {
console.log('json',json);
var _purchaseApplyDetailInfo = JSON.parse(json);
var _purchaseApply = _purchaseApplyDetailInfo[0];
vc.copyObject(_purchaseApply, vc.component.contractDetailInfo);
}, function () {
console.log('请求失败处理');
}
);
},
_loadAuditUser: function () {
var param = {
params: {
businessKey: vc.component.contractDetailInfo.contractId,
communityId: vc.getCurrentCommunity().communityId,
}
};
//发送get请求
vc.http.apiGet('workflow.listWorkflowAuditInfo',
param,
function (json, res) {
var _json = JSON.parse(json);
$that.auditUsers = _json.data;
}, function (errInfo, error) {
console.log('请求失败处理');
}
);
},
_callBackListPurchaseApply: function () {
vc.getBack();
},
_printPurchaseApply:function(){
window.open("/print.html#/pages/property/printPurchaseApply?applyOrderId="+$that.contractDetailInfo.contractId+"&resOrderType="+$that.contractDetailInfo.resOrderType)
//vc.emit('printPurchaseApply', 'openPrintPurchaseApplyModal',vc.component.contractDetailInfo);
}
}
});
})(window.vc);