MicroCommunityWeb/public/pages/property/feeReceipt/feeReceipt.html

179 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>
<span><vc:i18n name="查询条件" namespace="feeReceipt"></vc:i18n></span>
</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()">
{{feeReceiptManageInfo.moreCondition == true ? '隐藏' : '更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<input type="text" v-model="feeReceiptManageInfo.conditions.receiptId" class=" form-control"
:placeholder="vc.i18n('请输入收据ID','feeReceipt')">
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" v-model="feeReceiptManageInfo.conditions.roomId"
class=" form-control"
:placeholder="vc.i18n('请输入房屋或车位信息,格式为楼栋-单元-房屋如1-1-1','feeReceipt')">
</div>
</div>
<div class="col-sm-3">
<select class="custom-select" v-model="feeReceiptManageInfo.conditions.objType">
<option selected value="">{{vc.i18n('请选择收费类型','feeReceipt')}}</option>
<option value="3333">{{vc.i18n('房屋费','feeReceipt')}}</option>
<option value="6666">{{vc.i18n('车位费','feeReceipt')}}</option>
</select>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryFeeReceiptMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="feeReceipt"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetFeeReceiptMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="feeReceipt"></vc:i18n></span>
</button>
<!--<button type="button" class="btn btn-primary btn-sm"
v-on:click="_printFeeReceipts(feeReceiptManageInfo.conditions)">
<i class="fa fa-files-o"></i>
<span><vc:i18n name="打印" namespace="feeReceipt"></vc:i18n></span>
</button>-->
</div>
</div>
<div class="row" v-show="feeReceiptManageInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group input-group">
<input type="text" :placeholder="vc.i18n('请选择开始时间','feeReceipt')"
v-model="feeReceiptManageInfo.conditions.qstartTime"
class="form-control startTime">
</div>
</div>
<div class="col-sm-4">
<div class="form-group input-group">
<input type="text" :placeholder="vc.i18n('请选择结束时间','feeReceipt')"
v-model="feeReceiptManageInfo.conditions.qendTime" class="form-control endTime">
</div>
</div>
<!--<div class="col-sm-3">
<div class="form-group">
<select class="custom-select" v-model="feeReceiptManageInfo.conditions.type">
<option selected value="">{{vc.i18n('请选择打印类型','feeReceipt')}}</option>
<option value="1">{{vc.i18n('装修单据','feeReceipt')}}</option>
<option value="2">{{vc.i18n('押金单据','feeReceipt')}}</option>
<option value="3">{{vc.i18n('日常收费','feeReceipt')}}</option>
<option value="4">{{vc.i18n('车辆单据','feeReceipt')}}</option>
<option value="5">{{vc.i18n('公摊费票据','feeReceipt')}}</option>
</select>
</div>
</div>-->
<!--<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_printFeeReceipts(feeReceiptManageInfo.conditions)">
<i class="fa fa-files-o"></i> <span><vc:i18n name="打印" namespace="feeReceipt"></vc:i18n></span>
</button>
</div>-->
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="收据信息" namespace="feeReceipt"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<span><vc:i18n name="收据ID" namespace="simplifyFeeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="收据编号" namespace="simplifyFeeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="费用类型" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="费用项" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="房屋" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="业主" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="车位" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="总金额(单位:元)" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="缴费时间" namespace="feeReceipt"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="操作" namespace="feeReceipt"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="feeReceipt in feeReceiptManageInfo.feeReceipts">
<td class="text-center">{{feeReceipt.receiptId}}</td>
<td class="text-center">{{feeReceipt.receiptCode || '-'}}</td>
<td class="text-center">{{feeReceipt.objType == '3333'? '房屋费':'车位费'}}</td>
<td class="text-center">{{feeReceipt.feeName}}</td>
<td class="text-center">{{feeReceipt.roomName}}</td>
<td class="text-center">{{feeReceipt.payObjName}}</td>
<td class="text-center">{{feeReceipt.carNum}}</td>
<td class="text-center">{{feeReceipt.amount}}</td>
<td class="text-center">{{feeReceipt.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_printFeeReceipt(feeReceipt)">
<span><vc:i18n name="补打收据" namespace="feeReceipt"></vc:i18n></span>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_printFeeSmallReceipt(feeReceipt)">
<span><vc:i18n name="补打小票" namespace="feeReceipt"></vc:i18n></span>
</button>
</div>
<!-- <div v-if="feeReceipt.objType == '6666'" class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_printFeeReceipt(feeReceipt)">
<span><vc:i18n name="补打收据" namespace="feeReceipt"></vc:i18n></span>(车)
</button>
</div> -->
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="9">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>