Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/property/communitySpaceConfirm/communitySpaceConfirm.html
2025-12-09 20:22:03 +08:00

180 lines
11 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="核销" namespace="communitySpaceConfirm"></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"><vc:i18n name="核销结果" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.remark}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="核销时间" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.createTime}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="场地" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.spaceName}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="预约日期" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.appointmentTime}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="预约小时" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.hours}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="预约人" namespace="communitySpaceConfirm"></vc:i18n></span>
<span>{{communitySpaceConfirmInfo.order.personName}}</span>
</div>
<div class="padding flex justify-between">
<span class="font-1"><vc:i18n name="预约电话" namespace="communitySpaceConfirm"></vc:i18n></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="查询条件" namespace="communitySpaceConfirm"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请选择预约人','communitySpaceConfirm')"
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('请选择预约电话','communitySpaceConfirm')"
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('请选择预约时间','communitySpaceConfirm')"
v-model="communitySpaceConfirmInfo.conditions.appointmentTime"
class=" form-control appointmentTime">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryCommunitySpaceConfirmMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="communitySpaceConfirm"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_resetCommunitySpaceConfirmMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="communitySpaceConfirm"></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">
<vc:i18n name="核销订单" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="场馆" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="场地" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="预约日期" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="预约时间" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="预约人" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="预约电话" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="核销时间" namespace="communitySpaceConfirm"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="备注" namespace="communitySpaceConfirm"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in communitySpaceConfirmInfo.orders">
<td class="text-center">{{item.orderId}}</td>
<td class="text-center">
{{item.venueName}}
</td>
<td class="text-center">
{{item.spaceName}}
</td>
<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="10">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>
</div>
</div>