Files
PropertyDeployment/resources/Web/MicroCommunityWeb/html/components/reserve/addReserveDiningPerson/addReserveDiningPerson.html
2025-12-09 20:22:03 +08:00

131 lines
8.6 KiB
HTML

<div id="addReserveDiningPersonModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b "><span>
<vc:i18n name="预约就餐" namespace="addReserveDiningPerson"></vc:i18n>
</span></h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='预约人' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<input v-model="addReserveDiningPersonInfo.personName" type="text"
:placeholder="vc.i18n('必填,请填写预约人','addReserveDiningPerson')"
class="form-control">
</div>
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='预约电话' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<input v-model="addReserveDiningPersonInfo.personTel" type="text"
:placeholder="vc.i18n('必填,请填写预约电话','addReserveDiningPerson')"
class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='支付方式' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<select class="custom-select" v-model="addReserveDiningPersonInfo.payWay">
<option selected value="">{{vc.i18n('请选择支付方式','addReserveDiningPerson')}}
</option>
<option value="1">{{vc.i18n('现金','addReserveDiningPerson')}}</option>
<option value="2">{{vc.i18n('微信','addReserveDiningPerson')}}</option>
<option value="3">{{vc.i18n('支付宝','addReserveDiningPerson')}}</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='预约数量' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<select class="custom-select" v-model="addReserveDiningPersonInfo.quantity"
@change="_computeMoney()">
<option selected disabled value="">
{{vc.i18n('请选择预约数量','addReserveDiningPerson')}}
</option>
<option :value="item"
v-for="item in addReserveDiningPersonInfo.hoursMaxQuantity">{{item}}个
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='应收金额' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<input v-model="addReserveDiningPersonInfo.receivableAmount" disabled type="text"
:placeholder="vc.i18n('必填,请填写应收金额','addReserveDiningPerson')"
class="form-control">
</div>
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='实收金额' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<input v-model="addReserveDiningPersonInfo.receivedAmount" type="text"
:placeholder="vc.i18n('必填,请填写实收金额','addReserveDiningPerson')"
class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='预约日期' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<input v-model="addReserveDiningPersonInfo.appointmentTime" type="text"
:placeholder="vc.i18n('必填,请选择预约日期','addReserveDiningPerson')"
class="form-control appointmentTime">
</div>
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='预约时间' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-4">
<select class="custom-select" v-model="addReserveDiningPersonInfo.openTime">
<option selected value="">{{vc.i18n('请选择预约时间','addReserveDiningPerson')}}
</option>
<option :value="item.hours" v-if="item.isOpen == 'Y'"
v-for="(item,index) in addReserveDiningPersonInfo.openTimes">{{item.hours}}时
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"><span>
<vc:i18n name='备注' namespace='addReserveDiningPerson'></vc:i18n>
</span></label>
<div class="col-sm-10">
<textarea v-model="addReserveDiningPersonInfo.remark"
:placeholder="vc.i18n('必填,请填写备注','addReserveDiningPerson')"
class="form-control"></textarea>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
v-on:click="saveCommunitySpacePersonInfo()"><i class="fa fa-check"></i>&nbsp;
<span>
<vc:i18n name="保存"></vc:i18n>
</span>
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">
<span>
<vc:i18n name="取消"></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>