addArena.wxml 7.6 KB
<view class="add_arena data-v-91e5cb42" style="{{'padding-bottom:'+($root.m0+50+'px')+';'}}"><u--form vue-id="2a96b287-1" model="{{form}}" labelWidth="100" labelStyle="{{({color:'#333',fontSize:'28rpx'})}}" data-ref="uForm" class="data-v-91e5cb42 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="background-color:#fff;border-radius:12rpx;margin-bottom:20rpx;padding:0 30rpx;" class="data-v-91e5cb42"><u-form-item vue-id="{{('2a96b287-2')+','+('2a96b287-1')}}" label="项目类型:" prop="sportsRange" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><uni-data-select bind:input="__e" vue-id="{{('2a96b287-3')+','+('2a96b287-2')}}" placeholder="请填写场地种类(如:篮球)" localdata="{{range}}" value="{{form.sportsRange}}" data-event-opts="{{[['^input',[['__set_model',['$0','sportsRange','$event',[]],['form']]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></uni-data-select></u-form-item></view><view class="card data-v-91e5cb42"><view class="item data-v-91e5cb42" style="background-color:#EDEDED;"><u-form-item vue-id="{{('2a96b287-4')+','+('2a96b287-1')}}" label="场地号" prop="groundNum" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><u-input bind:input="__e" vue-id="{{('2a96b287-5')+','+('2a96b287-4')}}" border="none" type="number" fontSize="28rpx" color="#333" placeholder="请输入场地号,不可重复" suffixIcon="arrow-up" suffixIconStyle="color: #333" value="{{form.groundNum}}" data-event-opts="{{[['^input',[['__set_model',['$0','groundNum','$event',[]],['form']]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></u-input></u-form-item></view><view class="item data-v-91e5cb42"><u-form-item vue-id="{{('2a96b287-6')+','+('2a96b287-1')}}" label="场地地址" prop="address" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('2a96b287-7')+','+('2a96b287-6')}}" border="none" fontSize="28rpx" color="#999" placeholder="请选择场地地址" suffixIcon="map" suffixIconStyle="color: #999" value="{{form.address}}" data-event-opts="{{[['^focus',[['getMapLocation']]],['^input',[['__set_model',['$0','address','$event',[]],['form']]]]]}}" bind:focus="__e" bind:input="__e" class="data-v-91e5cb42" bind:__l="__l"></u-input></u-form-item></view><view class="item data-v-91e5cb42"><u-form-item vue-id="{{('2a96b287-8')+','+('2a96b287-1')}}" label="是否室外" prop="isOutdoor" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><u-switch bind:input="__e" vue-id="{{('2a96b287-9')+','+('2a96b287-8')}}" activeValue="{{1}}" inactiveValue="{{0}}" activeColor="#333" value="{{form.isOutdoor}}" data-event-opts="{{[['^input',[['__set_model',['$0','isOutdoor','$event',[]],['form']]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></u-switch></u-form-item></view><view class="item data-v-91e5cb42"><u-form-item vue-id="{{('2a96b287-10')+','+('2a96b287-1')}}" prop="groundPhotos" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><text class="col-3 f-28 l-h-38 mb-30 data-v-91e5cb42">场地实图</text><view class="data-v-91e5cb42"><u-upload vue-id="{{('2a96b287-11')+','+('2a96b287-10')}}" fileList="{{mainCoverList}}" name="mainCover" multiple="{{true}}" maxCount="{{3}}" previewFullImage="{{true}}" data-event-opts="{{[['^afterRead',[['afterRead']]],['^delete',[['deletePic']]]]}}" bind:afterRead="__e" bind:delete="__e" class="data-v-91e5cb42" bind:__l="__l" vue-slots="{{['default']}}"><view class="dis-flex flex-y-center flex-x-center data-v-91e5cb42" style="background-color:#F6F7FB;width:200rpx;height:200rpx;"><image style="width:96rpx;height:80rpx;" src="../static/photo.png" mode class="data-v-91e5cb42"></image></view></u-upload><view class="col-3d f-22 m-top20 data-v-91e5cb42" style="line-height:26rpx;">请上传大小不超过<text style="color:#FF0006;" class="data-v-91e5cb42">5MB</text>格式为<text style="color:#FF0006;" class="data-v-91e5cb42">png/jpg/jpeg</text>的文件</view></view></u-form-item></view><view class="item pb-30 data-v-91e5cb42"><text class="col-3 f-28 l-h-38 data-v-91e5cb42">营业周次及场次单价</text><view class="dis-flex flex-y-center m-top30 data-v-91e5cb42"><text class="col-3 f-28 l-h-38 data-v-91e5cb42">单价:</text><u-number-box bind:input="__e" vue-id="{{('2a96b287-12')+','+('2a96b287-1')}}" step="0.25" min="00.00" inputWidth="68" buttonSize="26" color="#999" iconStyle="font-size: 28rpx" value="{{totalPrice}}" data-event-opts="{{[['^input',[['__set_model',['','totalPrice','$event',[]]]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></u-number-box></view><view class="dis-flex flex-y-center my-30 data-v-91e5cb42"><view data-event-opts="{{[['tap',[['fillPrice',['$event']]]]]}}" class="all_price data-v-91e5cb42" bindtap="__e">填充所有单价</view><view data-event-opts="{{[['tap',[['fillWeekRules',['$event']]]]]}}" class="all_week data-v-91e5cb42" bindtap="__e">填充所有星期相同规则</view></view><view class="weekList data-v-91e5cb42"><block wx:for="{{weekday}}" wx:for-item="item" wx:for-index="index" wx:key="index"><text data-event-opts="{{[['tap',[['toggleWeek',['$0',index],[[['weekday','',index]]]]]]]}}" class="{{['week_item','data-v-91e5cb42',(index===weekCurrent)?'active':'']}}" bindtap="__e">{{item}}</text></block></view><view class="time_list data-v-91e5cb42"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="dis-flex flex-dir-column flex-y-center data-v-91e5cb42"><view class="time_item data-v-91e5cb42" style="{{'color:'+(item.m1)+';'+('background-color:'+(item.m2)+';')+('border-color:'+(item.m3)+';')}}">{{item.$orig.startHour+"-"+item.$orig.endHour}}</view><u-number-box vue-id="{{('2a96b287-13-'+index)+','+('2a96b287-1')}}" min="00.00" step="0.25" inputWidth="92" buttonSize="26" color="#999" iconStyle="font-size: 28rpx" value="{{item.$orig.price}}" data-event-opts="{{[['^change',[['changePrice']]],['^input',[['__set_model',['$0','price','$event',[]],[[['showTimeList','',index]]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-91e5cb42" bind:__l="__l"></u-number-box></view></block></view></view><view class="m-top30 px-30 pb-30 data-v-91e5cb42"><text class="col-9 f-28 l-h-38 mb-20 data-v-91e5cb42">优惠规则</text><view class="dis-flex flex-y-center col-3 f-28 mb-10 data-v-91e5cb42"><text class="data-v-91e5cb42">连续订场超过</text><u-input bind:input="__e" vue-id="{{('2a96b287-14')+','+('2a96b287-1')}}" placeholder="请输入连订优惠小时" customStyle="{{commonStyle}}" fontSize="28rpx" color="#999" value="{{form.orderHours}}" data-event-opts="{{[['^input',[['__set_model',['$0','orderHours','$event',[]],['form']]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></u-input><text class="data-v-91e5cb42">小时</text></view><view class="dis-flex flex-y-center col-3 f-28 data-v-91e5cb42"><text style="width:168rpx;text-align:right;" class="data-v-91e5cb42">每小时</text><u-input bind:input="__e" vue-id="{{('2a96b287-15')+','+('2a96b287-1')}}" placeholder="请输入打折" customStyle="{{commonStyle}}" fontSize="28rpx" color="#999" value="{{form.discount}}" data-event-opts="{{[['^input',[['__set_model',['$0','discount','$event',[]],['form']]]]]}}" class="data-v-91e5cb42" bind:__l="__l"></u-input><text style="width:56rpx;" class="data-v-91e5cb42">折</text></view></view></view></u--form><view class="footer data-v-91e5cb42" style="{{'padding-bottom:'+($root.m4+'px')+';'}}"><u-button vue-id="2a96b287-16" shape="circle" text="确认保存" color="#333" data-event-opts="{{[['^click',[['submit']]]]}}" bind:click="__e" class="data-v-91e5cb42" bind:__l="__l"></u-button><u-button vue-id="2a96b287-17" shape="circle" text="删除场地" color="#DDDDDD" data-event-opts="{{[['^click',[['delArena']]]]}}" bind:click="__e" class="data-v-91e5cb42" bind:__l="__l"></u-button></view></view>