142 lines
8.1 KiB
HTML
142 lines
8.1 KiB
HTML
<div>
|
|
<div class="row margin-top-lg">
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
|
<select class="custom-select custom-select-sm" v-model="simplifyFeeReceiptInfo.objType"
|
|
@change="_changeSimplifyFeeReceiptFeeTypeCd(simplifyFeeReceiptInfo.objType)">
|
|
<option selected disabled value="">
|
|
{{vc.i18n('请选择收费类型','simplifyFeeReceipt')}}
|
|
</option>
|
|
<option v-for="(item,index) in simplifyFeeReceiptInfo.objTypes" :key="index"
|
|
v-bind:value="item.statusCd">
|
|
{{vc.i18n(item.name,'simplifyFeeReceipt')}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl" v-if="simplifyFeeReceiptInfo.objType == '6666'">
|
|
<select class="custom-select custom-select-sm" v-model="simplifyCarFeeInfo.carId"
|
|
@change="changeSimplifyFeeReceiptCar()">
|
|
<option disabled value="">{{vc.i18n('请选择车辆','simplifyFeeReceipt')}}</option>
|
|
<option v-for="(item,index) in simplifyFeeReceiptInfo.ownerCars" :value="item.carId">{{item.carNum}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl" v-else-if="simplifyFeeReceiptInfo.objType == '7777'">
|
|
<select class="custom-select custom-select-sm" v-model="simplifyCarFeeInfo.contractId"
|
|
@change="changeSimplifyFeeReceiptCar()">
|
|
<option disabled value="">{{vc.i18n('请选择合同','simplifyFeeReceipt')}}</option>
|
|
<option v-for="(item,index) in simplifyFeeReceiptInfo.ownerContracts" :value="item.contractId">
|
|
{{item.contractCode}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl" v-if="simplifyFeeReceiptInfo.objType != '7777'">
|
|
<select class="custom-select custom-select-sm" v-model="simplifyFeeReceiptInfo.ownerFlag"
|
|
@change="_queryFeeReceiptMethod()">
|
|
<option value="F">{{vc.i18n('当前','simplifyFeeReceipt')}}{{simplifyFeeReceiptInfo.objType ==
|
|
'6666'?vc.i18n('车辆','simplifyFeeReceipt'):vc.i18n('房屋','simplifyFeeReceipt')}}
|
|
</option>
|
|
<option value="T">
|
|
{{vc.i18n('全部','simplifyFeeReceipt')}}{{simplifyFeeReceiptInfo.objType == '6666'?vc.i18n('车辆','simplifyFeeReceipt'):vc.i18n('房屋','simplifyFeeReceipt')}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-1 padding-right-xs padding-left-xl input-group-sm">
|
|
<input v-model="simplifyFeeReceiptInfo.receiptCode" type="text"
|
|
:placeholder="vc.i18n('收据编号','simplifyFeeReceipt')" class="form-control ">
|
|
</div>
|
|
<div class="col-lg-1 padding-right-xs padding-left-xl">
|
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
|
v-on:click="_queryFeeReceiptMethod()"><vc:i18n name="查询" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
<div class="col-lg-2 padding-right-xs padding-left-xl" v-if="simplifyFeeReceiptInfo.objType != '6666' ">
|
|
</div>
|
|
<div class="col-lg-4 text-right padding-right-lg">
|
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
|
v-on:click="_printFeeReceipt('OFF')"><vc:i18n name="打印" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
|
v-on:click="_printFeeReceipt('ON')"><vc:i18n name="合并打印" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
|
v-on:click="_printFeeSmallReceipt()"><vc:i18n name="打印小票" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
|
v-on:click="_printApplyFeeReceipt()"><vc:i18n name="申请单" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="margin-top">
|
|
<table class="footable table table-stripped toggle-arrow-tiny margin-top" data-page-size="15">
|
|
<thead>
|
|
<tr class="margin-top-tr">
|
|
<th class="text-center">
|
|
<input type="checkbox" class="i-checks" v-bind:checked="simplifyFeeReceiptInfo.quan == true"
|
|
@click="checkAllReceipt($event)">
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="收据编号" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="费用类型" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
{{vc.i18n(_getFeeObjName(simplifyFeeReceiptInfo.objType),'simplifyFeeReceipt')}}
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="业主" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="费用项目" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="收费时间段" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="总金额" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="缴费时间" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="收据ID" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="feeReceipt in simplifyFeeReceiptInfo.feeReceipts">
|
|
<td class="text-center">
|
|
<input type="checkbox" class="i-checks checReceiptItem" v-bind:value="feeReceipt.receiptId"
|
|
v-model="simplifyFeeReceiptInfo.selectReceipts">
|
|
</td>
|
|
<td class="text-center">{{feeReceipt.receiptCode}}
|
|
</td>
|
|
<td class="text-center">{{_getFeeObjName(feeReceipt.objType)}}
|
|
<span>
|
|
<vc:i18n name="费" namespace="simplifyFeeReceipt"></vc:i18n>
|
|
</span>
|
|
</td>
|
|
<td class="text-center">{{feeReceipt.objName}}</td>
|
|
<td class="text-center">{{feeReceipt.payObjName}}</td>
|
|
<td class="text-center">{{feeReceipt.feeName}}</td>
|
|
<td class="text-center">{{vc.dateFormat(feeReceipt.startTime)}}~<br />
|
|
<span class="text-center" v-if="feeReceipt.startTime >= feeReceipt.endTime">
|
|
{{vc.dateFormat(feeReceipt.endTime)}}
|
|
</span>
|
|
<span class="text-center" v-else>
|
|
{{vc.dateFormat(feeReceipt.endTime)}}
|
|
</span>
|
|
</td>
|
|
<td class="text-center">{{feeReceipt.amount}}元</td>
|
|
<td class="text-center">{{feeReceipt.createTime}}</td>
|
|
<td class="text-center">{{feeReceipt.receiptId}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="row">
|
|
<div class="col-sm-12 float-right">
|
|
<vc:create namespace="simplifyFeeReceipt" path="frame/paginationPlus"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |