<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-white btn-sm" style="margin-right:10px;"
|
v-on:click="_goBack()">
|
返回</button>
|
</div>
|
</div>
|
<div class="ibox-content">
|
<!-- 使用currentContract数据 -->
|
<div v-if="contractChangeDetailsInfo.currentContract">
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">物业公司：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.propertyCompany || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">项目名称：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.projectName || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同状态：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.state || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同开始日期：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.startTime || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同结束日期：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.endTime || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">签订时间：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.signingTime || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同年限：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contractTerm || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同编号：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contractCode || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">是否存档：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.isArchived || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同类型：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contractType || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">补充协议有无：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.hasSupplementAgreement || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合同提醒日：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contractReminderDate || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
|
<!-- 签约方信息 -->
|
<div class="row">
|
<div class="col-sm-12">
|
<h4>签约方信息</h4>
|
<hr>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">签约方：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.partyA || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">签约方地址：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.signatoryAddress || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">签约方联系人：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.aContacts || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">联系电话：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.aLink || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">联系邮箱：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contactEmail || '-'}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">联系微信：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.contactWechat || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-form-label">备注：</label>
|
<label class="">{{contractChangeDetailsInfo.currentContract.remarks || '-'}}</label>
|
</div>
|
</div>
|
</div>
|
|
<!-- 广告信息 -->
|
<div class="row">
|
<div class="col-sm-12">
|
<h4>广告信息</h4>
|
<hr>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">广告类型：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.adType', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">子类型：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.subType', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">合作内容形式：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.cooperationForm', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">小区楼栋数/电梯数：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.buildingElevatorCount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">上线数量：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.onlineQuantity', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">设施位置：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'adContractInfo.facilityLocation', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
|
<!-- 合同金额信息 -->
|
<div class="row">
|
<div class="col-sm-12">
|
<h4>合同金额信息</h4>
|
<hr>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">结算方式：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.totalContractAmount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">单价：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.unitPrice', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">年度金额：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.annualAmount', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">总金额：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.totalAmount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">结算方式：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.settlementMethod', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">账户信息：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.accountInfo', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">主表（设备）号：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.mainMeterNo', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">分表（设备）号：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.subMeterNo', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">押金：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.deposit', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">结算周期（月）：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.settlementCycle', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">付款备注：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractAmountDetail.paymentRemark', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
|
<!-- 管理分成信息 -->
|
<div class="row">
|
<div class="col-sm-12">
|
<h4>管理分成信息</h4>
|
<hr>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">管理比例：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractManagementShare.managementRatio', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">我司：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractManagementShare.ourCompanyAmount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">我司与业委会分成：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractManagementShare.ourCommitteeShare', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">我司应收：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractManagementShare.ourCompanyReceivable', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
|
<!-- 付款情况信息 -->
|
<div class="row">
|
<div class="col-sm-12">
|
<h4>付款情况信息</h4>
|
<hr>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">付款情况：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.paymentStatus', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">应收（合同金额）：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.receivableAmount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">已收（银行金额）：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.receivedAmount', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">未收金额：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.unpaidAmount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">特殊减免：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.specialDiscount', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">收款进度（比例）：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.collectionProgress', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">最终收款截止日：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.finalCollectionDeadline', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">催款情况：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.CollectionReminderStatus', '-')}}</label>
|
</div>
|
</div>
|
<div class="col-sm-4">
|
<div class="form-group">
|
<label class="col-form-label">备注：</label>
|
<label class="">{{_getSafe(contractChangeDetailsInfo.currentContract, 'contractPaymentStatus.remark', '-')}}</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div v-else>
|
<div class="text-center" style="padding: 50px;">
|
<h4>正在加载合同详情...</h4>
|
<p>如果长时间未加载，请检查网络连接或返回重试</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
