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

252 lines
13 KiB
HTML

<div
id="addCommunitySpacePersonModel"
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="addCommunitySpacePerson"
></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="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.personName"
type="text"
:placeholder="vc.i18n('必填,请填写预约人','addCommunitySpacePerson')"
class="form-control"
/>
</div>
<label class="col-sm-2 col-form-label text-right"
><span>
<vc:i18n
name="预约电话"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.personTel"
type="text"
:placeholder="vc.i18n('必填,请填写预约电话','addCommunitySpacePerson')"
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="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.receivableAmount"
type="text"
:placeholder="vc.i18n('必填,请填写应收金额','addCommunitySpacePerson')"
class="form-control"
/>
</div>
<label class="col-sm-2 col-form-label text-right"
><span>
<vc:i18n
name="实收金额"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.receivedAmount"
type="text"
:placeholder="vc.i18n('必填,请填写实收金额','addCommunitySpacePerson')"
class="form-control"
/>
</div>
</div>
<div class="form-group row" v-show="addCommunitySpacePersonInfo.showBookingTypeSelect">
<label class="col-sm-2 col-form-label text-right"
><span>
<vc:i18n
name="场地类型"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<select
class="custom-select"
v-model="addCommunitySpacePersonInfo.bookingType"
v-on:change="onBookingTypeChange"
>
<option selected value="">
{{vc.i18n('请选择场地类型','addCommunitySpacePerson')}}
</option>
<option value="Full">
{{vc.i18n('全场','addCommunitySpacePerson')}}
</option>
<option value="Half">
{{vc.i18n('半场','addCommunitySpacePerson')}}
</option>
</select>
</div>
<label
class="col-sm-2 col-form-label text-right"
v-show="addCommunitySpacePersonInfo.bookingType === 'Half'"
><span>
<vc:i18n
name="资源ID"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div
class="col-sm-4"
v-show="addCommunitySpacePersonInfo.bookingType === 'Half'"
>
<input
v-model="addCommunitySpacePersonInfo.spaceId"
type="text"
readonly
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="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<select
class="custom-select"
v-model="addCommunitySpacePersonInfo.payWay"
>
<option selected value="">
{{vc.i18n('请选择支付方式','addCommunitySpacePerson')}}
</option>
<option value="1">
{{vc.i18n('现金','addCommunitySpacePerson')}}
</option>
<option value="2">
{{vc.i18n('微信','addCommunitySpacePerson')}}
</option>
<option value="3">
{{vc.i18n('支付宝','addCommunitySpacePerson')}}
</option>
<option value="4">ABA支付</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right"
><span>
<vc:i18n
name="预约日期"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.appointmentDate"
type="date"
:placeholder="vc.i18n('必填,请填写预约日期 yyyy-MM-dd','addCommunitySpacePerson')"
class="form-control"
/>
</div>
<!-- <label class="col-sm-2 col-form-label text-right"><span>-->
<!-- <vc:i18n name='预约时间' namespace='addCommunitySpacePerson'></vc:i18n>-->
<!-- </span></label>-->
<!-- <div class="col-sm-4">-->
<!-- <input v-model="addCommunitySpacePersonInfo.appointmentTime" type="text"-->
<!-- :placeholder="vc.i18n('必填,请填写预约时间','addCommunitySpacePerson')"-->
<!-- class="form-control">-->
<!-- </div>-->
<label class="col-sm-2 col-form-label text-right"
><span>
<vc:i18n
name="预约时间段"
namespace="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-4">
<input
v-model="addCommunitySpacePersonInfo.openTime"
type="text"
:placeholder="vc.i18n('必填,请填写预约时间段','addCommunitySpacePerson')"
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="addCommunitySpacePerson"
></vc:i18n> </span
></label>
<div class="col-sm-10">
<textarea
v-model="addCommunitySpacePersonInfo.remark"
:placeholder="vc.i18n('必填,请填写备注','addCommunitySpacePerson')"
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="保存"
namespace="addCommunitySpacePerson"
></vc:i18n>
</span>
</button>
<button
type="button"
class="btn btn-warning float-right"
style="margin-right: 20px"
data-dismiss="modal"
>
<span>
<vc:i18n
name="取消"
namespace="addCommunitySpacePerson"
></vc:i18n>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>