487 lines
28 KiB
HTML
487 lines
28 KiB
HTML
<div
|
|
id="addCommunitySpaceModel"
|
|
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="addCommunitySpace"></vc:i18n
|
|
></span>
|
|
</h3>
|
|
<div class="ibox-content">
|
|
<div>
|
|
<div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="名称"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
v-model="addCommunitySpaceInfo.name"
|
|
type="text"
|
|
:placeholder="vc.i18n('必填，请填写名称','addCommunitySpace')"
|
|
class="form-control"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="预约类型"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<select
|
|
class="custom-select"
|
|
v-model="addCommunitySpaceInfo.bookingType"
|
|
@change="_changeBookingType()"
|
|
>
|
|
<option selected disabled value="">
|
|
{{vc.i18n('必填，请选择预约类型','addCommunitySpace')}}
|
|
</option>
|
|
<option value="Full">
|
|
{{vc.i18n('全场','addCommunitySpace')}}
|
|
</option>
|
|
<option value="Half">
|
|
{{vc.i18n('半场','addCommunitySpace')}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- 按天定义收费设置部分 -->
|
|
<div
|
|
class="form-group row"
|
|
v-show="addCommunitySpaceInfo.pricingByDay === 'Y'"
|
|
>
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="每日收费标准"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<vc:i18n
|
|
name="日期"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n>
|
|
</th>
|
|
<th
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<vc:i18n
|
|
name="全场价格/h"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n>
|
|
</th>
|
|
<th
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<vc:i18n
|
|
name="半场价格/h"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n
|
|
name="周一"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[0].fullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[0].halfPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周二" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[1].fullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[1].halfPrice"
|
|
min="0"
|
|
step="0.01"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周三" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[2].fullPrice"
|
|
min="0"
|
|
step="0.01"/>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[2].halfPrice"
|
|
min="0"
|
|
step="0.01"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周四" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[3].fullPrice"
|
|
min="0"
|
|
step="0.01"/>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[3].halfPrice"
|
|
min="0"
|
|
step="0.01"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周五" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[4].fullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[4].halfPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周六" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[5].fullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
<td
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[5].halfPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<vc:i18n name="周日" namespace="addCommunitySpace"></vc:i18n>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[6].fullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
<td v-show="addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.dayPricing[6].halfPrice"
|
|
min="0"
|
|
step="0.01"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 统一收费标准（不按天定义收费时显示） -->
|
|
<div
|
|
class="form-group row"
|
|
v-show="addCommunitySpaceInfo.pricingByDay === 'N'">
|
|
<label
|
|
class="col-sm-2 col-form-label"
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'">
|
|
<span><vc:i18n name="全场收费标准/h" namespace="addCommunitySpace"></vc:i18n></span>
|
|
</label>
|
|
<div
|
|
class="col-sm-4"
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Full' || addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.uniformFullPrice"
|
|
min="0"
|
|
step="0.01"
|
|
:placeholder="vc.i18n('请输入全场每小时费用','addCommunitySpace')"
|
|
/>
|
|
</div>
|
|
<label
|
|
class="col-sm-2 col-form-label"
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<span><vc:i18n name="半场收费标准/h" namespace="addCommunitySpace"></vc:i18n></span>
|
|
</label>
|
|
<div
|
|
class="col-sm-4"
|
|
v-show="addCommunitySpaceInfo.bookingType === 'Half'"
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
v-model="addCommunitySpaceInfo.uniformHalfPrice"
|
|
min="0"
|
|
step="0.01"
|
|
:placeholder="vc.i18n('请输入半场每小时费用','addCommunitySpace')"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span><vc:i18n name="开场时间" namespace="addCommunitySpace"></vc:i18n></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
v-model="addCommunitySpaceInfo.startTime"
|
|
type="text"
|
|
:placeholder="vc.i18n('必填，请填写开场时间','addCommunitySpace')"
|
|
class="form-control addSpaceStartTime"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span><vc:i18n name="关场时间" namespace="addCommunitySpace"></vc:i18n></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
v-model="addCommunitySpaceInfo.endTime"
|
|
type="text"
|
|
:placeholder="vc.i18n('必填，请填写关场时间','addCommunitySpace')"
|
|
class="form-control addSpaceEndTime"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="是否按天定义收费"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<div
|
|
class="custom-control custom-radio custom-control-inline"
|
|
>
|
|
<input
|
|
type="radio"
|
|
id="pricingByDayYes"
|
|
name="pricingByDay"
|
|
class="custom-control-input"
|
|
v-model="addCommunitySpaceInfo.pricingByDay"
|
|
value="Y"
|
|
@change="_changePricingByDay()"
|
|
/>
|
|
<label class="custom-control-label" for="pricingByDayYes"
|
|
>{{vc.i18n('是','addCommunitySpace')}}</label
|
|
>
|
|
</div>
|
|
<div
|
|
class="custom-control custom-radio custom-control-inline"
|
|
>
|
|
<input
|
|
type="radio"
|
|
id="pricingByDayNo"
|
|
name="pricingByDay"
|
|
class="custom-control-input"
|
|
v-model="addCommunitySpaceInfo.pricingByDay"
|
|
value="N"
|
|
@change="_changePricingByDay()"
|
|
/>
|
|
<label class="custom-control-label" for="pricingByDayNo"
|
|
>{{vc.i18n('否','addCommunitySpace')}}</label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="管理员"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
v-model="addCommunitySpaceInfo.adminName"
|
|
type="text"
|
|
:placeholder="vc.i18n('必填，请填写管理员','addCommunitySpace')"
|
|
class="form-control"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="管理员电话"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
v-model="addCommunitySpaceInfo.tel"
|
|
type="text"
|
|
:placeholder="vc.i18n('必填，请填写管理员电话','addCommunitySpace')"
|
|
class="form-control"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-sm-2 col-form-label">
|
|
<span
|
|
><vc:i18n
|
|
name="状态"
|
|
namespace="addCommunitySpace"
|
|
></vc:i18n
|
|
></span>
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<select
|
|
class="custom-select"
|
|
v-model="addCommunitySpaceInfo.state"
|
|
>
|
|
<option selected disabled value="">
|
|
{{vc.i18n('必填，请选择状态','addCommunitySpace')}}
|
|
</option>
|
|
<option value="1001">
|
|
{{vc.i18n('可预约','addCommunitySpace')}}
|
|
</option>
|
|
<option value="2002">
|
|
{{vc.i18n('不可预约','addCommunitySpace')}}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ibox-content">
|
|
<button
|
|
class="btn btn-primary float-right"
|
|
type="button"
|
|
v-on:click="saveCommunitySpaceInfo()"
|
|
>
|
|
<i class="fa fa-check"></i>
|
|
<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>
|