<div>
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="查询条件" namespace="flowchartManage"></vc:i18n>
|
</h5>
|
<div class="ibox-tools" style="top:10px;">
|
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
|
v-on:click="_moreCondition()">
|
{{flowchartFee.moreCondition == true?'隐藏':'更多'}}
|
</button>
|
</div>
|
</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('请输入统计年份','flowchartManage')"
|
v-model="flowchartFee.conditions.endYear" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group input-group">
|
<input type="text" :placeholder="vc.i18n('请选择取数日期','flowchartManage')"
|
v-model="flowchartFee.conditions.endDate" class=" form-control endDate">
|
</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="flowchartManage"></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="flowchartManage"></vc:i18n>
|
</button>
|
|
</div>
|
<!-- <div class="col-sm-6">
|
<button type="button" class="btn btn-primary btn-md" style="float: right;"
|
v-on:click="_reloadMethod()">
|
<vc:i18n name="手动刷数" namespace="flowchartManage"></vc:i18n>
|
</button>
|
</div> -->
|
</div>
|
<div class="row" v-show="flowchartFee.moreCondition == true">
|
<div class="col-sm-2">
|
<div class="form-group input-group">
|
<input type="text" :placeholder="vc.i18n('请填写业主名称','flowchartManage')"
|
v-model.trim="flowchartFee.conditions.ownerName" class=" form-control">
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group">
|
<input type="text" :placeholder="vc.i18n('请填写业主手机号','flowchartManage')"
|
class="form-control form-control-md" v-model.trim="flowchartFee.conditions.link">
|
</div>
|
</div>
|
<div class="col-sm-2" v-if="flowchartFee.communitys.length > 1">
|
<select class="form-control-md form-control input-s-sm inline"
|
v-model="flowchartFee.conditions.communityId" @change="_changCommunity()">
|
<option disabled selected value="">{{vc.i18n('请选择小区','reportFeeSummary')}}</option>
|
<option v-for="(item, index) in flowchartFee.communitys" :key="index"
|
v-bind:value="item.communityId">{{item.name}}
|
</option>
|
</select>
|
</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="_exportflowchartManageOwnerExcel()">
|
<i class="fa fa-plus"></i>
|
<vc:i18n name="导出" namespace="flowchartManageOwner"></vc:i18n>
|
</button>
|
</div>
|
<div class="margin-top">
|
<div class="hc-table-div table-scroll" :style="{'width':_computeTableDivWidth(),'height':_computeTableDivHeight()}">
|
<table class="table table-bordered middle-bordered" data-page-size="15"
|
style="vertical-align: inherit;">
|
<thead>
|
<tr>
|
<th rowspan="3" class="text-center">
|
<vc:i18n name="类别" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th rowspan="2" colspan="2" class="text-center">
|
<vc:i18n name="名称" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="3" class="text-center">
|
<vc:i18n name="当年应收款项" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th rowspan="2" class="text-center">
|
<vc:i18n name="当年收缴率" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th rowspan="2" class="text-center">
|
<vc:i18n name="折扣" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th rowspan="2" v-for="year in flowchartFee.yearArr2" :key="year.year"
|
class="text-center">{{ year }}年实收</th>
|
<th colspan="4" class="text-center" v-if="flowchartFee.yearArr2.length > 0">{{ flowchartFee.yearArr2 [flowchartFee.yearArr2.length - 1] + 1 }}年实收</th>
|
<th rowspan="2" v-for="month in 12" :key="month" class="text-center" v-if="flowchartFee.yearArr2.length > 0">
|
{{ flowchartFee.yearArr2 [flowchartFee.yearArr2.length - 1] + 1 }}年{{ month }}月</th>
|
</tr>
|
<tr>
|
<th class="text-center">
|
<vc:i18n name="合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="每月费用" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="应收月份数" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="预算" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="实收/实付" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="折扣" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="欠款" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
</tr>
|
<tr>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="收入合计（白单流水）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[0] && flowchartFee.fees[0].length > 0 && flowchartFee.fees[0][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[0][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
|
<!-- 物业费 -->
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length * 2 + 7" class="text-center">
|
<vc:i18n name="物业费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="物业费+代收合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[1] && flowchartFee.fees[1].length > 0 && flowchartFee.fees[1][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[1][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="物业费合计（1+2）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[2] && flowchartFee.fees[2].length > 0 && flowchartFee.fees[2][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[2][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="物业费代收合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[3] && flowchartFee.fees[3].length > 0 && flowchartFee.fees[3][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[3][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="1" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="住宅物业费合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[4] && flowchartFee.fees[4].length > 0 && flowchartFee.fees[4][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[4][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[4] && flowchartFee.fees[5].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[5]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
|
<tr>
|
<th class="text-center">
|
<vc:i18n name="1-1" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="住宅物业费代收合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[6] && flowchartFee.fees[6].length > 0 && flowchartFee.fees[6][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[6][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="2" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="商铺物业费合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[7] && flowchartFee.fees[7].length > 0 && flowchartFee.fees[7][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[7][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[8] && flowchartFee.fees[8].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[8]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th class="text-center">
|
<vc:i18n name="2-1" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="商铺物业费代收合计" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[9] && flowchartFee.fees[9].length > 0 && flowchartFee.fees[9][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[9][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
|
<!-- 停车费 -->
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length * 5 + 6" class="text-center">
|
<vc:i18n name="停车费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="停车费合计（3+…+7）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[10] && flowchartFee.fees[10].length > 0 && flowchartFee.fees[10][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[10][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="3" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="地面停车费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[11] && flowchartFee.fees[11].length > 0 && flowchartFee.fees[11][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[11][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[12] && flowchartFee.fees[12].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[12]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="4" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="地下停车费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[13] && flowchartFee.fees[13].length > 0 && flowchartFee.fees[13][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[13][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[14] && flowchartFee.fees[14].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[14]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="5" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="小业主产权车辆管理费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[15] && flowchartFee.fees[15].length > 0 && flowchartFee.fees[15][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[15][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[16] && flowchartFee.fees[16].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[16]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="6" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="业主产权过道停车费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[17] && flowchartFee.fees[17].length > 0 && flowchartFee.fees[17][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[17][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[18] && flowchartFee.fees[18].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[18]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="7" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="临时停车费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[19] && flowchartFee.fees[19].length > 0 && flowchartFee.fees[19][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[19][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[20] && flowchartFee.fees[20].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[20]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<!-- 其他收入 -->
|
<tr>
|
<th class="text-center">
|
<vc:i18n name="其他收入" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="2" class="text-center">
|
<vc:i18n name="其他类合计(8+…+22)" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[21] && flowchartFee.fees[21].length > 0 && flowchartFee.fees[21][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[21][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<!-- 租金场地收入 -->
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + flowchartFee.yearArr.length + 2"
|
class="text-center">
|
<vc:i18n name="租金场地收入" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="8" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
租金收入（地下室房屋出租、管理用</br>房出租、门面房出租等）
|
</th>
|
<template
|
v-if="flowchartFee.fees[22] && flowchartFee.fees[22].length > 0 && flowchartFee.fees[22][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[22][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[23] && flowchartFee.fees[23].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[23]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="13" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
场地使用费（活动场地、电信机房、智</br>能柜、售卖机、净水机、宣传栏等）
|
</th>
|
<template
|
v-if="flowchartFee.fees[24] && flowchartFee.fees[24].length > 0 && flowchartFee.fees[24][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[24][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[25] && flowchartFee.fees[25].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[25]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
|
<!-- 广告类收入 -->
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length * 4 + 5" class="text-center">
|
<vc:i18n name="广告类收入" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="9" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="电梯广告（业委会）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[26] && flowchartFee.fees[26].length > 0 && flowchartFee.fees[26][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[26][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[27] && flowchartFee.fees[27].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[27]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="10" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="电梯广告（联讯）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[28] && flowchartFee.fees[28].length > 0 && flowchartFee.fees[28][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[28][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[29] && flowchartFee.fees[29].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[29]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="11" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
其他广告（广告栏/牌/灯箱、道闸</br>广告、人行门禁/人行通道广告等）
|
</th>
|
<template
|
v-if="flowchartFee.fees[30] && flowchartFee.fees[30].length > 0 && flowchartFee.fees[30][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[30][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[31] && flowchartFee.fees[31].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[31]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="12" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="快递柜" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[32] && flowchartFee.fees[32].length > 0 && flowchartFee.fees[32][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[32][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[33] && flowchartFee.fees[33].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[33]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<!-- 其他 -->
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length * 9 + 13" class="text-center">
|
<vc:i18n name="其他" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="14" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="非机动车管理费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[34] && flowchartFee.fees[34].length > 0 && flowchartFee.fees[34][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[34][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[35] && flowchartFee.fees[35].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[35]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="15" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
电费及管理费（电瓶车冲电费、新能</br>源车冲电费等）
|
</th>
|
<template
|
v-if="flowchartFee.fees[36] && flowchartFee.fees[36].length > 0 && flowchartFee.fees[36][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[36][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[37] && flowchartFee.fees[37].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[37]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="16" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="代收水费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[38] && flowchartFee.fees[38].length > 0 && flowchartFee.fees[38][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[38][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[39] && flowchartFee.fees[39].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[39]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="17" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="维修收入" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[40] && flowchartFee.fees[40].length > 0 && flowchartFee.fees[40][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[40][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[41] && flowchartFee.fees[41].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[41]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="18" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="垃圾清运费" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[42] && flowchartFee.fees[42].length > 0 && flowchartFee.fees[42][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[42][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[43] && flowchartFee.fees[43].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[43]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th :rowspan="flowchartFee.yearArr.length + 1" class="text-center">
|
<vc:i18n name="19" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="各类押金（装修保证押金等）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[44] && flowchartFee.fees[44].length > 0 && flowchartFee.fees[44][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[44][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr v-for="(item, index) in flowchartFee.yearArr">
|
<th colspan="1" class="text-center">
|
{{ item }}年
|
</th>
|
<template
|
v-if="flowchartFee.fees[45] && flowchartFee.fees[45].some(v => v.curYear == item)">
|
<template v-for="(v, i) in flowchartFee.fees[45]" :key="i">
|
<template v-if="v.curYear == item">
|
<th colspan="1" class="text-center" v-for="(num, indexNum) in v.report"
|
:key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
</template>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th rowspan="4" class="text-center">
|
<vc:i18n name="23" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="2025年维修基金收入（汇总）" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[50] && flowchartFee.fees[50].length > 0 && flowchartFee.fees[50][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[50][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
</tr>
|
<tr>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="2025年工程部维修基金" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[51] && flowchartFee.fees[51].length > 0 && flowchartFee.fees[51][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[51][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
|
</tr>
|
<tr>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="2025年电梯部维修基金" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[52] && flowchartFee.fees[52].length > 0 && flowchartFee.fees[52][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[52][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
|
</tr>
|
<tr>
|
<th colspan="1" class="text-center">
|
<vc:i18n name="2025年小区维修基金" namespace="flowchartManageOwner"></vc:i18n>
|
</th>
|
<template
|
v-if="flowchartFee.fees[53] && flowchartFee.fees[53].length > 0 && flowchartFee.fees[53][0].report">
|
<th colspan="1" class="text-center"
|
v-for="(num, indexNum) in flowchartFee.fees[53][0].report" :key="indexNum">
|
{{ num }}
|
</th>
|
</template>
|
<template v-else>
|
<th colspan="1" class="text-center" v-for="month in flowchartFee.reportLength"
|
:key="month">0</th>
|
</template>
|
|
</tr>
|
</thead>
|
</table>
|
</div>
|
</div>
|
</div>
|
<!-- <div class="row margin-top-xs">
|
<div class="col-sm-12 float-right">
|
<vc:create namespace="flowchartManageOwner" path="frame/paginationPlus"></vc:create>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
</div>
|
