Files
PropertyDeployment/resources/Web/MicroCommunityIotWeb/html/pages/car/carMonthOrder/carMonthOrder.html
Anfioo be079067e6 version9
4
2026-01-14 11:39:11 +08:00

185 lines
9.2 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="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="carMonthOrderInfo.conditions.cardId">
<option selected value="">{{vc.i18n('请选择月卡','carMonthOrder')}}
</option>
<option v-for="(item,index) in carMonthOrderInfo.cards" :key="index" :value="item.cardId">
{{item.cardName}}</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择车牌号','carMonthOrder')"
v-model="carMonthOrderInfo.conditions.carNum" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="carMonthOrderInfo.conditions.primeRate">
<option selected value="">{{vc.i18n('请选择支付方式','carMonthOrder')}}
</option>
<option v-for="(item,index) in carMonthOrderInfo.primeRates" :key="index"
v-if="item.statusCd != '5' && item.statusCd != '6'" :value="item.statusCd">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model="carMonthOrderInfo.conditions.state">
<option selected value="">{{vc.i18n('请选择状态','carMonthOrder')}}
</option>
<option value="1001">正常</option>
<option value="2002">退费</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入订单编号','carMonthOrder')"
v-model="carMonthOrderInfo.conditions.orderId" class=" form-control">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryCarMonthOrderMethod()">
<i class="glyphicon glyphicon-search"></i> <span>
<vc:i18n name="查询"></vc:i18n>
</span>
</button>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入开始时间','carMonthOrder')"
v-model="carMonthOrderInfo.conditions.queryStartTime" class=" form-control queryStartTime">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入结束时间','carMonthOrder')"
v-model="carMonthOrderInfo.conditions.queryEndTime" class=" form-control queryEndTime">
</div>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="月卡订单" namespace="carMonthOrder"></vc:i18n>
</h5>
<!-- 此处和费用没有同步先注释掉后续完善edit by xudw
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-white btn-sm" v-on:click="_openQrcodeBuyModal()">
<vc:i18n name="二维码购买" namespace="carMonthOrder"></vc:i18n>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openBuyMonthCardModal()">
<vc:i18n name="购买月卡" namespace="carMonthOrder"></vc:i18n>
</button>
</div>
-->
</div>
<div class="ibox-content ibox-content-auto-height">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name='订单编号' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='月卡' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='车牌号' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='车位' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='支付方式' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='应收金额' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='实收金额' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='有效期' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='状态' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='收银员' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='购买时间' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='备注' namespace='carMonthOrder'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='操作'></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="carMonthOrder in carMonthOrderInfo.carMonthOrders">
<td class="text-center">{{carMonthOrder.orderId}}</td>
<td class="text-center">{{carMonthOrder.cardName}}</td>
<td class="text-center">{{carMonthOrder.carNum}}</td>
<td class="text-center">{{carMonthOrder.psNum}}</td>
<td class="text-center">{{carMonthOrder.primeRateName}}</td>
<td class="text-center">{{carMonthOrder.receivableAmount}}</td>
<td class="text-center">{{carMonthOrder.receivedAmount}}</td>
<td class="text-center">{{carMonthOrder.startTime}}</br>
~{{carMonthOrder.endTime}}
</td>
<td class="text-center">{{carMonthOrder.state == '1001'?'正常':'已退费'}}</td>
<td class="text-center">{{carMonthOrder.cashierName}}</td>
<td class="text-center">{{carMonthOrder.createTime}}</td>
<td class="text-center">{{carMonthOrder.remark}}</td>
<td class="text-center">
<div class="btn-group" v-if="carMonthOrder.state == '1001'">
<!-- 此处和费用没有同步先注释掉后续完善edit by xudw
<button class="btn-white btn btn-xs" v-on:click="_openRetundModel(carMonthOrder)">
<vc:i18n name='退款'></vc:i18n>
</button>
-->
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
<vc:create path="car/buyCarMonthCard" callBackListener="" callBackFunction=""></vc:create>
<vc:create path="car/retundCarMonthOrder"></vc:create>
<vc:create path="car/buyMonthCardQrCode"></vc:create>
</div>