MicroCommunityWeb/public/pages/property/communitySpaceConfirm/communitySpaceConfirm.html
2022-10-21 17:31:10 +08:00

171 lines
9.1 KiB
HTML

<div>
<div class="row">
<div class="col-md-3 padding-r-0">
<div class=" border-radius bg-white padding-top-sm">
<div class="row">
<div class="col-md-8 margin-xs margin-bottom">
<input type="text" :placeholder="vc.i18n('请扫码枪扫码核销','communitySpaceConfirm')" v-model="communitySpaceConfirmInfo.timeId" class="form-control " @keyup.enter="_confirmCommunitySpace()">
</div>
<div class="col-md-3 margin-xs margin-bottom">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_confirmCommunitySpace()">
<vc:i18n name="核销"></vc:i18n>
</button>
</div>
</div>
<div class="margin-xs-r bg-white treeview attendance-staff">
<div class="padding flex justify-between">
<span class="font-1">核销结果</span>
<span>{{communitySpaceConfirmInfo.order.remark}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">核销时间</span>
<span>{{communitySpaceConfirmInfo.order.createTime}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">场地</span>
<span>{{communitySpaceConfirmInfo.order.spaceName}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">预约日期</span>
<span>{{communitySpaceConfirmInfo.order.appointmentTime}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">预约小时</span>
<span>{{communitySpaceConfirmInfo.order.hours}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">预约人</span>
<span>{{communitySpaceConfirmInfo.order.personName}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1">预约电话</span>
<span>{{communitySpaceConfirmInfo.order.personTel}}</span>
</div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5><span>
<vc:i18n name="查询条件"></vc:i18n>
</span></h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择预约人','communitySpaceManage')" v-model="communitySpaceConfirmInfo.conditions.personName" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择预约电话','communitySpaceManage')" v-model="communitySpaceConfirmInfo.conditions.personTel" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择预约时间','communitySpaceManage')" v-model="communitySpaceConfirmInfo.conditions.appointmentTime" class=" form-control">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryCommunitySpaceConfirmMethod()">
<i class="glyphicon glyphicon-search"></i> <span>
<vc:i18n name="查询"></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<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>
<th class="text-center">
核销时间
</th>
<th class="text-center">
备注
</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in communitySpaceConfirmInfo.orders">
<td class="text-center">{{item.orderId}}</td>
<th class="text-center">
{{item.venueName}}
</th>
<th class="text-center">
{{item.spaceName}}
</th>
<td class="text-center">
{{item.appointmentTime}}
</td>
<td class="text-center">
{{item.hours}}
</td>
<td class="text-center">
{{item.personName}}
</td>
<td class="text-center">
{{item.personTel}}
</td>
<td class="text-center">
{{item.createTime}}
</td>
<td class="text-center">
{{item.remark}}
</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>
</div>
</div>