addArena.wxml
7.7 KB
<view class="add_arena data-v-315d12ba"><u--form vue-id="2a96b287-1" model="{{form}}" labelWidth="100" labelStyle="{{({color:'#999',fontSize:'28rpx'})}}" data-ref="uForm" class="data-v-315d12ba vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="card data-v-315d12ba"><view class="item data-v-315d12ba"><u-form-item vue-id="{{('2a96b287-2')+','+('2a96b287-1')}}" label="运动类型:" prop="sportsRange" class="data-v-315d12ba" 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-315d12ba" bind:__l="__l"></uni-data-select></u-form-item></view><view class="m-top30 data-v-315d12ba"><text class="col-9 f-28 l-h-38 data-v-315d12ba">选择图标:</text><view class="m-top10 data-v-315d12ba"><ball-list vue-id="{{('2a96b287-4')+','+('2a96b287-1')}}" showTitle="{{false}}" ballList="{{ballList}}" class="data-v-315d12ba" bind:__l="__l"></ball-list></view></view></view><view class="card data-v-315d12ba"><view class="item data-v-315d12ba"><u-form-item vue-id="{{('2a96b287-5')+','+('2a96b287-1')}}" label="场地号" prop="groundNum" class="data-v-315d12ba" bind:__l="__l" vue-slots="{{['default']}}"><u-input bind:input="__e" vue-id="{{('2a96b287-6')+','+('2a96b287-5')}}" border="none" type="number" fontSize="28rpx" color="#999" placeholder="请输入场地号,不可重复" suffixIcon="arrow-up" suffixIconStyle="color: #999" value="{{form.groundNum}}" data-event-opts="{{[['^input',[['__set_model',['$0','groundNum','$event',[]],['form']]]]]}}" class="data-v-315d12ba" bind:__l="__l"></u-input></u-form-item></view><view class="item data-v-315d12ba"><u-form-item vue-id="{{('2a96b287-7')+','+('2a96b287-1')}}" label="场地地址" prop="address" class="data-v-315d12ba" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('2a96b287-8')+','+('2a96b287-7')}}" 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-315d12ba" bind:__l="__l"></u-input></u-form-item></view><view class="item data-v-315d12ba"><u-form-item vue-id="{{('2a96b287-9')+','+('2a96b287-1')}}" label="是否室外" prop="isOutdoor" class="data-v-315d12ba" bind:__l="__l" vue-slots="{{['default']}}"><u-switch bind:input="__e" vue-id="{{('2a96b287-10')+','+('2a96b287-9')}}" activeValue="{{1}}" inactiveValue="{{0}}" activeColor="#FFB336" value="{{form.isOutdoor}}" data-event-opts="{{[['^input',[['__set_model',['$0','isOutdoor','$event',[]],['form']]]]]}}" class="data-v-315d12ba" bind:__l="__l"></u-switch></u-form-item></view><view class="item data-v-315d12ba"><u-form-item vue-id="{{('2a96b287-11')+','+('2a96b287-1')}}" prop="groundPhotos" class="data-v-315d12ba" bind:__l="__l" vue-slots="{{['default']}}"><text class="col-9 f-28 l-h-38 mb-30 data-v-315d12ba">场地实图</text><view class="data-v-315d12ba"><u-upload vue-id="{{('2a96b287-12')+','+('2a96b287-11')}}" 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-315d12ba" bind:__l="__l"></u-upload><view class="dis-flex flex-dir-column flex-y-center flex-x-center f-28 l-h-38 data-v-315d12ba"><text class="col-3d data-v-315d12ba">请上传大小不超过5MB</text><text style="color:#FF0006;" class="data-v-315d12ba">格式为png/jpg/jpeg的文件</text></view></view></u-form-item></view><view class="item pb-30 data-v-315d12ba"><text class="col-9 f-28 l-h-38 data-v-315d12ba">营业周次及场次单价</text><view class="dis-flex flex-y-center m-top30 data-v-315d12ba"><text class="col-9 f-28 l-h-38 data-v-315d12ba">单价:</text><u-number-box bind:input="__e" vue-id="{{('2a96b287-13')+','+('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-315d12ba" bind:__l="__l"></u-number-box></view><view class="dis-flex flex-y-center my-30 data-v-315d12ba"><view data-event-opts="{{[['tap',[['fillPrice',['$event']]]]]}}" class="all_price data-v-315d12ba" bindtap="__e">填充所有单价</view><view data-event-opts="{{[['tap',[['fillWeekRules',['$event']]]]]}}" class="all_week data-v-315d12ba" bindtap="__e">填充所有星期相同规则</view></view><view class="weekList data-v-315d12ba"><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-315d12ba',(index===weekCurrent)?'active':'']}}" bindtap="__e">{{item}}</text></block></view><view class="time_list data-v-315d12ba"><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-315d12ba"><view class="time_item data-v-315d12ba" style="{{'color:'+(item.m0)+';'+('background-color:'+(item.m1)+';')+('border-color:'+(item.m2)+';')}}">{{item.$orig.startHour+"-"+item.$orig.endHour}}</view><u-number-box vue-id="{{('2a96b287-14-'+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-315d12ba" bind:__l="__l"></u-number-box></view></block></view></view><view class="m-top30 data-v-315d12ba"><text class="col-9 f-28 l-h-38 mb-20 data-v-315d12ba">优惠规则</text><view class="dis-flex flex-y-center col-3 f-28 mb-10 data-v-315d12ba"><text class="data-v-315d12ba">连续订场超过</text><u-input bind:input="__e" vue-id="{{('2a96b287-15')+','+('2a96b287-1')}}" placeholder="请输入连订优惠小时" customStyle="{{({width:'320rpx',height:'60rpx',marginLeft:'20rpx',marginRight:'20rpx'})}}" fontSize="28rpx" color="#999" value="{{form.orderHours}}" data-event-opts="{{[['^input',[['__set_model',['$0','orderHours','$event',[]],['form']]]]]}}" class="data-v-315d12ba" bind:__l="__l"></u-input><text class="data-v-315d12ba">小时</text></view><view class="dis-flex flex-y-center col-3 f-28 data-v-315d12ba"><text style="width:168rpx;text-align:right;" class="data-v-315d12ba">每小时</text><u-input bind:input="__e" vue-id="{{('2a96b287-16')+','+('2a96b287-1')}}" placeholder="请输入打折" customStyle="{{({width:'320rpx',height:'60rpx',marginLeft:'20rpx',marginRight:'20rpx'})}}" fontSize="28rpx" color="#999" value="{{form.discount}}" data-event-opts="{{[['^input',[['__set_model',['$0','discount','$event',[]],['form']]]]]}}" class="data-v-315d12ba" bind:__l="__l"></u-input><text style="width:56rpx;" class="data-v-315d12ba">折</text></view></view></view></u--form><view class="footer data-v-315d12ba"><u-button vue-id="2a96b287-17" shape="circle" text="确认保存" color="linear-gradient( 270deg, #FFA201 0%, #FCD722 100%)" data-event-opts="{{[['^click',[['submit']]]]}}" bind:click="__e" class="data-v-315d12ba" bind:__l="__l"></u-button><u-button vue-id="2a96b287-18" shape="circle" text="删除场地" color="#DDDDDD" data-event-opts="{{[['^click',[['delArena']]]]}}" bind:click="__e" class="data-v-315d12ba" bind:__l="__l"></u-button></view></view>