<div>
|
<div>
|
<div>
|
<div class=" text-center">
|
<h1>{{printPayFeeInfo.storeName}}</h1>
|
<h5>
|
<span><vc:i18n name="收" namespace="printPayFees"></vc:i18n></span>
|
<span><vc:i18n name="款" namespace="printPayFees"></vc:i18n></span>
|
<span><vc:i18n name="收" namespace="printPayFees"></vc:i18n></span>
|
<span><vc:i18n name="据" namespace="printPayFees"></vc:i18n></span>
|
</h5>
|
<!-- <h1>{{printPayFeeInfo.communityName}} 收据单</h1> -->
|
<!-- <span>
|
<span><vc:i18n name="单号" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.receiptId}}
|
</span> -->
|
</div>
|
<div class="row margin-top">
|
<div class="col-sm-2">
|
<span>
|
<span><vc:i18n name="房号" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.roomName}}
|
</span>
|
</div>
|
<!-- <div v-if="printPayFeeInfo.type== 3 && printPayFeeInfo.carNum!=null && printPayFeeInfo.carNum!=''" class="col-sm-2">
|
<span><span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.carNum}}</span>
|
</div>
|
<div v-if="printPayFeeInfo.type != 3 || printPayFeeInfo.carNum==null || printPayFeeInfo.carNum==''" class="col-sm-2">
|
</div> -->
|
<div class="col-sm-2"></div>
|
<div class="col-sm-2">
|
<span>
|
<span><vc:i18n name="用户名" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.name}}
|
</span>
|
</div>
|
<div class="col-sm-2"></div>
|
<div class="col-sm-2"></div>
|
<div class="col-sm-2">
|
<span>
|
<span><vc:i18n name="面积" namespace="printPayFees"></vc:i18n></span>:{{printPayFeeInfo.roomArea}} 平方米
|
</span>
|
</div>
|
</div>
|
<table class="table vc-table-border" style="margin-top: 20px;font-size: 16px;">
|
<thead>
|
<tr>
|
<th scope="col" class="text-center">
|
<span><vc:i18n name="收费内容" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<!-- <th v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 " scope="col" class="text-center">
|
<span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>
|
</th> -->
|
<th v-if=" printPayFeeInfo.type==4 " scope="col" class="text-center">
|
<span><vc:i18n name="车牌号码" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<th scope="col" class="text-center">
|
<span><vc:i18n name="数量" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<th scope="col" class="text-center">
|
<span><vc:i18n name="单价" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<th colspan="2" scope="col" class="text-center">
|
<span><vc:i18n name="计费起止时间" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<th scope="col" class="text-center">
|
<span><vc:i18n name="实收金额" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
<th scope="col" class="text-center">
|
<span><vc:i18n name="备注" namespace="printPayFees"></vc:i18n></span>
|
</th>
|
</tr>
|
</thead>
|
<tbody class="vc-table-border">
|
<tr v-for="(item,index) in printPayFeeInfo.fees" class="vc-table-border">
|
<!-- <th scope="row" class="text-center">{{index +1}}</th> -->
|
<td class="text-center">{{item.feeName}}</td>
|
<!-- <td v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 "
|
scope="col" class="text-center">{{item.carNum}}</td> -->
|
<td v-if="printPayFeeInfo.type==4" scope="col" class="text-center">{{item.carNum}}</td>
|
<td v-if="printPayFeeInfo.type== 5 " class="text-center">{{item.cycle}}</td>
|
<td v-if="item.feeName != '水费' && item.feeName != '电费' && printPayFeeInfo.type != 5"
|
class="text-center">{{item.num}}
|
</td>
|
<td v-if="item.feeName == '水费' || item.feeName == '电费'" class="text-center"></td>
|
<!-- <td class="text-center">{{item.num}}</td> -->
|
<td class="text-center">{{item.unit}}</td>
|
<!-- <td class="text-center">{{item.start}}</td> -->
|
<td v-if="printPayFeeInfo.type != 5" class="text-center">
|
{{item.start!=null?vc.dateFormat(item.start):''}}
|
</td>
|
<td v-if="printPayFeeInfo.type != 5" class="text-center">
|
{{item.end!=null?vc.dateFormat(item.end):''}}
|
</td>
|
<td v-if="printPayFeeInfo.type == 5" class="text-center">
|
{{item.startTime!=null?vc.dateFormat(item.startTime):''}}
|
</td>
|
<td v-if="printPayFeeInfo.type == 5" class="text-center">
|
{{item.endTime!=null?vc.dateFormat(item.endTime):''}}
|
</td>
|
<td class="text-center">{{item.amount}}</td>
|
<td class="text-left" style="font-size: 12px;">{{item.remark}}</td>
|
<!-- <td v-if="printPayFeeInfo.type!= 3" class="text-center" >{{item.remark}}</td> -->
|
<!-- <td v-if="printPayFeeInfo.type== 3" class="text-center" >{{item.remark}}{{item.carNum}}</td> -->
|
</tr>
|
<tr>
|
<!-- <td colspan="1" class="text-center ">
|
<span><vc:i18n name="大写人民币" namespace="printPayFees"></vc:i18n></span>（元）
|
</td> -->
|
<td colspan="3" class="text-center ">
|
<span><vc:i18n name="大写人民币" namespace="printPayFees"></vc:i18n></span>（元）:
|
{{vc.changeNumMoneyToChinese(printPayFeeInfo.amount)}}
|
</td>
|
<!-- <td v-if="printPayFeeInfo.type== 3 || printPayFeeInfo.type==4 " colspan="1" class="text-center "></td> -->
|
<!-- <td colspan="1" class="text-center ">
|
<span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）
|
</td> -->
|
<td v-if=" printPayFeeInfo.type==4 " colspan="4" class="text-center ">
|
<span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）:
|
{{printPayFeeInfo.amount}}
|
</td>
|
<td v-if=" printPayFeeInfo.type!=4 " colspan="3" class="text-center ">
|
<span><vc:i18n name="合计" namespace="printPayFees"></vc:i18n></span>（小写）:
|
{{printPayFeeInfo.amount}}
|
</td>
|
<!-- <td colspan="4" class="text-center "></td> -->
|
<td v-if="printPayFeeInfo.type== 3 && printPayFeeInfo.carNum!=null && printPayFeeInfo.carNum!=''"
|
colspan="4" class="text-left">
|
<span><vc:i18n name="车牌号" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.carNum}}
|
</td>
|
<td v-if="printPayFeeInfo.type != 3 || printPayFeeInfo.carNum==null | printPayFeeInfo.carNum=='' "
|
colspan="4" class="text-center ">
|
</td>
|
</tr>
|
<!--<tr height="60px">
|
<td colspan="5">
|
<p style="max-width: 600px;">
|
{{printPayFeeInfo.content}}
|
<div v-html="printPayFeeInfo.content"></div>
|
</p>
|
</td>
|
<td colspan="4">
|
<img :src="printPayFeeInfo.qrImg" width="100px" height="100px">
|
</td>
|
</tr>-->
|
</tbody>
|
</table>
|
<div class="row ">
|
<div class="col-sm-2">
|
<span>{{printPayFeeInfo.communityName}}
|
<span><vc:i18n name="客户服务中心" namespace="printPayFees"></vc:i18n></span>
|
</span>
|
</div>
|
<div class="col-sm-1"></div>
|
<div class="col-sm-3">
|
<span>
|
<span><vc:i18n name="收款时间" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.feeTime}}
|
</span>
|
</div>
|
<!-- <div class="col-sm-2">
|
</div> -->
|
<div class="col-sm-2"></div>
|
<div class="col-sm-2"></div>
|
<div class="col-sm-2">
|
<span>
|
<span><vc:i18n name="收款人" namespace="printPayFees"></vc:i18n></span>：{{printPayFeeInfo.userName}}
|
</span>
|
</div>
|
</div>
|
</div>
|
<div id="print-btn">
|
<button class="btn btn-primary float-right" type="button" v-on:click="_printPurchaseApplyDiv()">
|
<i class="fa fa-check"></i> 打印
|
</button>
|
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
|
v-on:click="_closePage()">
|
<span><vc:i18n name="取消" namespace="printPayFees"></vc:i18n></span>
|
</button>
|
</div>
|
</div>
|
</div>
|
