<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-primary btn-sm" style="margin-left:10px" v-on:click="vc.goBack()">
|
<i class="fa fa-close"></i>返回
|
</button>
|
</div>
|
</div>
|
<!-- 业主信息 -->
|
<div class="margin-top">
|
<div class="row" style="min-height: 160px;">
|
<div class="col-sm-12">
|
<div class="row">
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="产权联系人：" namespace="feeDetailInfo"></vc:i18n>
|
|
</label>
|
<label class="">{{feeDetailInfo.owner.name}}</label>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="产证号码：" namespace="feeDetailInfo"></vc:i18n>
|
</label>
|
<label class="">{{feeDetailInfo.roomDto.houseCertificateNo}}</label>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="身份证号码：" namespace="feeDetailInfo"></vc:i18n>
|
</label>
|
<label class="">{{feeDetailInfo.owner.idCard}}</label>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="电话号码：" namespace="feeDetailInfo"></vc:i18n>
|
</label>
|
<label class="">{{feeDetailInfo.owner.link}}</label>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="联络地址：" namespace="feeDetailInfo"></vc:i18n>
|
</label>
|
<label class="">{{feeDetailInfo.roomDto.propertyAddress}}</label>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label class="col-form-label">
|
<vc:i18n name="其他联系地址：" namespace="feeDetailInfo"></vc:i18n>
|
</label>
|
<label class="">{{feeDetailInfo.owner.otherAddress}}</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 历史实收 -->
|
<div class="flex justify-between"style="margin-bottom: 20px;" >
|
<div class="text-title">历史缴费情况</div>
|
</div>
|
|
<!-- 物业缴费情况 -->
|
<h6>物业缴费情况</h6>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">年份</th>
|
<th class="text-center">应缴月数</th>
|
<th class="text-center">应缴金额</th>
|
<th class="text-center">折扣</th>
|
<th class="text-center">打折金额</th>
|
<th class="text-center">打折区间</th>
|
<th class="text-center">打折单归档日期</th>
|
<th class="text-center">申请人</th>
|
<th class="text-center">审批人</th>
|
<th class="text-center">发起日期</th>
|
<th class="text-center">折后应缴</th>
|
<th class="text-center">已收月数</th>
|
<th class="text-center">已缴金额</th>
|
<th class="text-center">已收区间</th>
|
<th class="text-center">未收月数</th>
|
<th class="text-center">未缴金额</th>
|
<th class="text-center">未收区间</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(car, index) in feeDetailInfo.propertyFeeList" :key="index">
|
<td v-for="(item, index) in car" class="text-center">{{ item }}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
<!-- 车辆物业缴费 -->
|
<h6>车辆物业缴费</h6>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">年份</th>
|
<th class="text-center">应缴月数</th>
|
<th class="text-center">应缴金额</th>
|
<th class="text-center">折扣</th>
|
<th class="text-center">打折金额</th>
|
<th class="text-center">打折区间</th>
|
<th class="text-center">打折单归档日期</th>
|
<th class="text-center">申请人</th>
|
<th class="text-center">审批人</th>
|
<th class="text-center">发起日期</th>
|
<th class="text-center">折后应缴</th>
|
<th class="text-center">已收月数</th>
|
<th class="text-center">已缴金额</th>
|
<th class="text-center">已收区间</th>
|
<th class="text-center">未收月数</th>
|
<th class="text-center">未缴金额</th>
|
<th class="text-center">未收区间</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(car, index) in feeDetailInfo.carFeeList" :key="index">
|
<td v-for="(item, index) in car" class="text-center">{{ item }}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
<!-- 其他缴费情况 -->
|
<h6>其他缴费情况</h6>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">年份</th>
|
<th class="text-center">应缴月数</th>
|
<th class="text-center">应缴金额</th>
|
<th class="text-center">折扣</th>
|
<th class="text-center">打折金额</th>
|
<th class="text-center">打折区间</th>
|
<th class="text-center">打折单归档日期</th>
|
<th class="text-center">申请人</th>
|
<th class="text-center">审批人</th>
|
<th class="text-center">发起日期</th>
|
<th class="text-center">折后应缴</th>
|
<th class="text-center">已收月数</th>
|
<th class="text-center">已缴金额</th>
|
<th class="text-center">已收区间</th>
|
<th class="text-center">未收月数</th>
|
<th class="text-center">未缴金额</th>
|
<th class="text-center">未收区间</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(car, index) in feeDetailInfo.otherFeeList" :key="index">
|
<td v-for="(item, index) in car" class="text-center">{{ item }}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
|
<!-- 中国邮政挂号信 -->
|
<div class="flex justify-between">
|
<div class="text-title">中国邮政挂号信</div>
|
</div>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">寄出日期</th>
|
<th class="text-center">编号</th>
|
<th class="text-center">催收时段</th>
|
<th class="text-center">催收金额</th>
|
<th class="text-center">滞纳金（3%）</th>
|
<th class="text-center">催收总额</th>
|
<th class="text-center">状态和建议</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
<!-- 电联 -->
|
<div class="flex justify-between">
|
<div class="text-title">电联</div>
|
</div>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">日期1</th>
|
<th class="text-center">催收时段</th>
|
<th class="text-center">催收金额</th>
|
<th class="text-center">滞纳金（3%）</th>
|
<th class="text-center">催收总额</th>
|
<th class="text-center">状态和建议</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
<!-- 产调 -->
|
<div class="flex justify-between">
|
<div class="text-title">产调</div>
|
</div>
|
<div class="margin-top">
|
<!-- <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}"> -->
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th rowspan="2" class="text-center">产调日期</th>
|
<th colspan="2" class="text-center">变更情况</th>
|
<th rowspan="2" class="text-center">调查令申请日期</th>
|
</tr>
|
<tr>
|
<th class="text-center">姓名</th>
|
<th class="text-center">日期</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
<!-- 折扣情况 -->
|
<div class="flex justify-between">
|
<div class="text-title">折扣情况</div>
|
</div>
|
<div class="margin-top">
|
<div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
|
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th rowspan="2" class="text-center">送诉状日期</th>
|
<th rowspan="2" class="text-center">送件人员</th>
|
<th rowspan="2" class="text-center">自行录入系统日期</th>
|
<th colspan="12" class="text-center">法院审核程序</th>
|
<th colspan="7" class="text-center">法院执行程序</th>
|
<th rowspan="2" class="text-center">应收金额</th>
|
<th rowspan="2" class="text-center">到账金额</th>
|
<th rowspan="2" class="text-center">差额原因</th>
|
<th rowspan="2" class="text-center">到账时间</th>
|
<th rowspan="2" class="text-center">收款人</th>
|
</tr>
|
<tr>
|
<th class="text-center">法官通知受理日期</th>
|
<th class="text-center">法院调解日期</th>
|
<th class="text-center">调解结果</th>
|
<th class="text-center">传票签收日</th>
|
<th class="text-center">未送达日期</th>
|
<th class="text-center">开庭日期1</th>
|
<th class="text-center">开庭日期2</th>
|
<th class="text-center">案号</th>
|
<th class="text-center">开庭结果</th>
|
<th class="text-center">判决日期</th>
|
<th class="text-center">判决结果</th>
|
<th class="text-center">申请时间</th>
|
<th class="text-center">欠费区间</th>
|
<th class="text-center">欠费金额</th>
|
<th class="text-center">滞纳金</th>
|
<th class="text-center">受理费</th>
|
<th class="text-center">其他费用</th>
|
<th class="text-center">合计金额</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
|
</div>
|
|
<!-- 折扣情况
|
<div class="flex justify-between">
|
<div class="text-title">折扣情况</div>
|
</div>
|
<div class="margin-top">
|
<div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
|
|
<table class="table table-bordered middle-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th colspan="5" class="text-center">打折情况</th>
|
<th colspan="4" class="text-center">催收情况</th>
|
<th v-for="year in feeDetailInfo.mail" :key="year.year" class="text-center" colspan="4">{{
|
year.year }}</th>
|
<th rowspan="2" class="text-center">备注</th>
|
<th :colspan="feeDetailInfo.phone.length * 2" class="text-center">电联</th>
|
<th rowspan="2" class="text-center">备注</th>
|
<th rowspan="2" class="text-center">产调日期</th>
|
|
</tr>
|
<tr>
|
<th class="text-center">打折金额</th>
|
<th class="text-center">打折区间</th>
|
<th class="text-center">打折单归档日期</th>
|
<th class="text-center">申请人</th>
|
<th class="text-center">审批人</th>
|
<th class="text-center">发起日期</th>
|
<th class="text-center">催收方式</th>
|
<th class="text-center">催收时段</th>
|
<th class="text-center">其它</th>
|
<template v-for="(item, index) in feeDetailInfo.mail" :key="index">
|
<th class="text-center"> 寄出日期</th>
|
<th class="text-center"> 编号</th>
|
<th class="text-center"> 工本费</th>
|
<th class="text-center"> 邮寄结果</th>
|
</template>
|
<template v-for="(item, index) in feeDetailInfo.phone" :key="index">
|
<th class="text-center"> 日期</th>
|
<th class="text-center"> 结果</th>
|
</template>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td class="text-center">{{ 1 }}</td>
|
<td class="text-center">{{ 2 }}</td>
|
<td class="text-center">{{ 3 }}</td>
|
<td class="text-center">{{ 4 }}</td>
|
<td class="text-center">{{ 5 }}</td>
|
<td class="text-center">{{ 1 }}</td>
|
<td class="text-center">{{ 2 }}</td>
|
<td class="text-center">{{ 3 }}</td>
|
<td class="text-center">{{ 4 }}</td>
|
<template v-if="feeDetailInfo.mail">
|
<template v-for="(item, index) in feeDetailInfo.mail" :key="index">
|
<td class="text-center">{{ 1 }}</td>
|
<td class="text-center">{{ 1 }}</td>
|
<td class="text-center">{{ item.value2 }}</td>
|
<td class="text-center">{{ item.value3 }}</td>
|
</template>
|
</template>
|
<td class="text-center">{{ '备注' }}</td>
|
<template v-if="feeDetailInfo.phone">
|
<template v-for="(item, index) in feeDetailInfo.phone" :key="index">
|
<td class="text-center">{{ item.value2 }}</td>
|
<td class="text-center">{{ item.value3 }}</td>
|
</template>
|
</template>
|
<td class="text-center">{{ '备注' }}</td>
|
<td class="text-center">{{ '产调日期' }}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
</div> -->
|
|
|
|
|
|
<vc:create path="property/editOwner" notifyLoadDataComponentName="ownerDetail" componentTitle="业主"></vc:create>
|
<vc:create path="property/deleteFee"></vc:create>
|
<vc:create path="property/editFee"></vc:create>
|
<vc:create path="property/finishFee"></vc:create>
|
|
</div>
|
