toncent/PropertyDeployment
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8af9f34696ba8b8e484da761a8b4e97274638bc8
PropertyDeployment/resources/Web/MicroCommunityWeb/html/components/property/editCommunitySpace/editCommunitySpace.html
Anfioo 8af9f34696 version1
2025-12-09 20:22:03 +08:00

235 lines
18 KiB
HTML
Raw Blame History

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