<div>
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="查询条件" namespace="managementFees"></vc:i18n>
|
</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-sm-2">
|
<div class="form-group input-group">
|
<input type="text" :placeholder="vc.i18n('请填写房屋编号','managementFees')"
|
v-model.trim="managementFee.conditions.floorId" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group input-group">
|
<input type="text" :placeholder="vc.i18n('请填写业主名称','managementFees')"
|
v-model.trim="managementFee.conditions.ownerName" class=" form-control">
|
</div>
|
</div>
|
|
<div class="col-sm-2">
|
<select class="custom-select" v-model="managementFee.conditions.feeTypeCd">
|
<option selected value="">{{vc.i18n('请选择收费大类','managementFees')}}</option>
|
<option v-for="(item,index) in managementFee.feeTypeCds" :key="index" v-bind:value="item.statusCd"
|
v-if="item.statusCd !='888800010008'">
|
{{item.name}}
|
</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group input-group">
|
<input type="text" :placeholder="vc.i18n('请填写收费项','managementFees')"
|
v-model.trim="managementFee.conditions.importFee" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_queryMethod()">
|
<i class="fa fa-search"></i>
|
<vc:i18n name="查询" namespace="managementFees"></vc:i18n>
|
</button>
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_resetMethod()">
|
<i class="fa fa-repeat"></i>
|
<vc:i18n name="重置" namespace="managementFees"></vc:i18n>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="white-bg padding-lg">
|
<div class="margin-top">
|
<div>
|
<div class="text-right">
|
<button type="button" class="btn btn-primary btn-sm"
|
v-on:click="_exportReportFeeDetailOwnerExcel()">
|
<i class="fa fa-plus"></i>
|
<vc:i18n name="导出" namespace="managementFees"></vc:i18n>
|
</button>
|
</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>
|
<template v-if="managementFee.headerList && managementFee.headerList.length > 0 ">
|
<tr v-for="(headerItem, index) in managementFee.headerList" :key="index">
|
<template v-for="(item, index) in headerItem" :key="index">
|
<th :rowspan="item.row" :colspan="item.col" class="text-center">
|
{{item.test}}</th>
|
</template>
|
</tr>
|
</template>
|
<template v-else>
|
<tr>
|
<th rowspan="3" class="text-center">
|
业主
|
</th>
|
<th rowspan="3" class="text-center">
|
房屋
|
</th>
|
<th rowspan="3" class="text-center">
|
物业类型
|
</th>
|
<th rowspan="3" class="text-center">
|
楼栋号/弄
|
</th>
|
<th rowspan="3" class="text-center">
|
门号
|
</th>
|
<th rowspan="3" class="text-center">
|
室号
|
</th>
|
<th rowspan="3" class="text-center">
|
门室号
|
</th>
|
<th rowspan="3" class="text-center">
|
产证地址
|
</th>
|
<th rowspan="3" class="text-center">
|
收费面积/（m²）
|
</th>
|
<th rowspan="3" class="text-center">
|
购房人姓名
|
</th>
|
<th rowspan="3" class="text-center">
|
2020/1-2020/6月物业费单价
|
</th>
|
<th rowspan="3" class="text-center">
|
2020/7起
|
月物业费单价
|
</th>
|
<th rowspan="3" class="text-center">
|
设备运行费
|
</th>
|
<th rowspan="3" class="text-center">
|
2020/1-2020/6
|
月费
|
</th>
|
<th rowspan="3" class="text-center">
|
2020/7起
|
月费
|
</th>
|
<th rowspan="3" class="text-center">
|
年应收款
|
</th>
|
<th colspan="8" class="text-center">合计(2020年1月-至今)</th>
|
<th :colspan="managementFee.history.length * 3" class="text-center">历史实收</th>
|
<th rowspan="3" class="text-center">
|
打折金额汇总
|
</th>
|
<th rowspan="3" class="text-center">
|
操作
|
</th>
|
</tr>
|
<tr>
|
<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">
|
2026年
|
</th>
|
<th rowspan="2" class="text-center">
|
2027年
|
</th>
|
<th rowspan="2" class="text-center">
|
待收月数
|
</th>
|
<th rowspan="2" class="text-center">
|
待收金额
|
</th>
|
<th rowspan="2" class="text-center">
|
待收区间
|
</th>
|
<th v-for="year in managementFee.history" :key="year.year" class="text-center"
|
colspan="3">{{ year.year }}年</th>
|
</tr>
|
<tr>
|
<template v-for="(item, index) in managementFee.history" :key="index">
|
<th class="text-center">已收月数</th>
|
<th class="text-center"> 已收区间</th>
|
<th class="text-center"> 未收区间</th>
|
</template>
|
</tr>
|
</template>
|
|
</thead>
|
<tbody>
|
<tr v-for="fee in managementFee.fees">
|
<template v-for="(item, index) in fee" :key="index">
|
<td class="text-center">{{ item || '0'}}</td>
|
</template>
|
<!-- </template> -->
|
<!-- <td class="text-center hc-table-fix-right-td"> -->
|
<td class="text-center">
|
<div class="btn-group">
|
<button class="btn-white btn btn-xs" v-on:click="_toDetail(fee)">
|
<vc:i18n name="详情" namespace="room"></vc:i18n>
|
</button>
|
</div>
|
|
</td>
|
<!-- <template v-for="(item,index) in managementFee.feeTypeCds">
|
<td class="text-center">
|
{{fee['oweFee'+item.statusCd] || 0}}
|
</td>
|
<td class="text-center">
|
{{fee['receivedFee'+item.statusCd] || 0}}
|
</td>
|
</template> -->
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
<div class="row margin-top-xs">
|
<div class="col-sm-12 float-right">
|
<vc:create namespace="reportFeeDetailOwner" path="frame/paginationPlus"></vc:create>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
