MicroCommunityWeb/public/pages/property/tempCarInoutFeeManage/tempCarInoutFeeManage.html

111 lines
5.7 KiB
HTML
Executable File

<div class="animated fadeInRight ecommerce">
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>查询条件</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()">{{tempCarInoutFeeManageInfo.moreCondition == true ? '隐藏' : '更多'}}
</button>-->
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<input size="16" type="text" placeholder="请填写车牌号"
v-model="tempCarInoutFeeManageInfo.conditions.carNum" class="form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input size="16" type="text" placeholder="请选择开始时间" readonly
class="form-control start_time"
v-model="tempCarInoutFeeManageInfo.conditions.startTime">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input size="16" type="text" placeholder="请选择结束时间" readonly
class="form-control end_time"
v-model="tempCarInoutFeeManageInfo.conditions.endTime">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryPayFeeMethod()">
<i class="fa fa-search"></i>查询
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetPayFeeMethod()">
<i class="fa fa-repeat"></i>重置
</button>
</div>
</div>
<!--<div class="row" v-if="tempCarInoutFeeManageInfo.moreCondition == true">
<div class="col-sm-4">
<input size="16" type="text" placeholder="请填写员工编码" v-model="tempCarInoutFeeManageInfo.conditions.userCode" class="form-control">
</div>
</div>-->
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>临时车缴费清单</h5>
<div class="ibox-tools" style="top:10px;">
<!--<button type="button" class="btn btn-primary btn-sm" v-on:click="_exportExcel()">
<i class="fa fa-plus"></i>导出
</button>-->
</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">订单ID</th>
<th class="text-center">缴费ID</th>
<th class="text-center">进场ID</th>
<th class="text-center">车牌号</th>
<th class="text-center">应付金额</th>
<th class="text-center">实付金额</th>
<th class="text-center">开始时间</th>
<th class="text-center">结束时间</th>
<!--<th class="text-center">操作员工</th>-->
<th class="text-center">缴费时间</th>
</tr>
</thead>
<tbody>
<tr v-for="payFee in tempCarInoutFeeManageInfo.payFees">
<td class="text-center">{{payFee.oId}}</td>
<td class="text-center">{{payFee.feeId}}</td>
<td class="text-center">{{payFee.inoutId}}</td>
<td class="text-center">{{payFee.carNum}}</td>
<td class="text-center">{{payFee.receivableAmount}}元</td>
<td class="text-center">{{payFee.receivedAmount}}元</td>
<td class="text-center">{{payFee.startTime}}</td>
<td class="text-center">{{payFee.endTime}}</td>
<!--<td class="text-center">{{payFee.userName}}</td>-->
<td class="text-center">{{payFee.payTime}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>