open-time.wxml 5.4 KB

1
  1. <app-layout vue-id="3c5bf188-1" class="data-v-5b5c5ef6" bind:__l="__l" vue-slots="{{['default']}}"><view class="data-v-5b5c5ef6"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['openTime',['$0',index],[[['list','',index]]]]]]]}}" class="attr data-v-5b5c5ef6" bindtap="__e"><image class="low-attr data-v-5b5c5ef6" src="./../image/low.png" data-event-opts="{{[['tap',[['toDelete',[index]]]]]}}" catchtap="__e"></image><view class="attr-item main-between cross-center data-v-5b5c5ef6"><block wx:if="{{item.value[0]&&item.value[1]}}"><view class="data-v-5b5c5ef6">{{item.value[0]+"-"+item.value[1]}}</view></block><block wx:else><view class="placeholder-text data-v-5b5c5ef6">请选择时间段</view></block><image class="app-icon data-v-5b5c5ef6" src="../image/arrow-right.png"></image></view></view></block></view><block wx:if="{{list.length<3}}"><view data-event-opts="{{[['tap',[['add',['$event']]]]]}}" class="add-attr data-v-5b5c5ef6" bindtap="__e"><view class="add-attr-btn main-center data-v-5b5c5ef6"><image src="./../image/add.png" class="data-v-5b5c5ef6"></image><view class="data-v-5b5c5ef6">增加时间段</view></view></view></block><view class="{{['data-v-5b5c5ef6','placeholder',''+(iphone_x?'iphone_x':'')]}}"></view><view class="{{['data-v-5b5c5ef6','add',''+(iphone_x?'iphone_x':'')]}}"><view data-event-opts="{{[['tap',[['save',['$event']]]]]}}" bindtap="__e" class="data-v-5b5c5ef6">保存</view></view><block wx:if="{{timeDialog}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="time-bg cross-center data-v-5b5c5ef6" catchtouchmove="__e"><view class="time-dialog data-v-5b5c5ef6"><view class="dialog-title data-v-5b5c5ef6">选择时间段</view><view class="choose-time data-v-5b5c5ef6"><view class="time-title data-v-5b5c5ef6">起始时间</view><view class="year-1 data-v-5b5c5ef6">时</view><view class="month-1 data-v-5b5c5ef6">分</view><view class="day-1 data-v-5b5c5ef6">秒</view><view class="year-2 data-v-5b5c5ef6">时</view><view class="month-2 data-v-5b5c5ef6">分</view><view class="day-2 data-v-5b5c5ef6">秒</view><picker-view class="picker-view data-v-5b5c5ef6" value="{{startVal}}" indicator-style="{{indicatorStyle}}" data-event-opts="{{[['change',[['startChange',['$event']]]]]}}" bindchange="__e"><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{hour}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(startVal[0]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(startVal[0]==idx+1||startVal[0]==idx-1?'#999999':startVal[0]==idx+2||startVal[0]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{minutes}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(startVal[1]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(startVal[1]==idx+1||startVal[1]==idx-1?'#999999':startVal[1]==idx+2||startVal[1]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{minutes}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(startVal[2]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(startVal[2]==idx+1||startVal[2]==idx-1?'#999999':startVal[2]==idx+2||startVal[2]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column></picker-view><view class="time-title data-v-5b5c5ef6">结束时间时间</view><picker-view class="picker-view data-v-5b5c5ef6" value="{{endVal}}" indicator-style="{{indicatorStyle}}" data-event-opts="{{[['change',[['endChange',['$event']]]]]}}" bindchange="__e"><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{hour}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(endVal[0]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(endVal[0]==idx+1||endVal[0]==idx-1?'#999999':endVal[0]==idx+2||endVal[0]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{minutes}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(endVal[1]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(endVal[1]==idx+1||endVal[1]==idx-1?'#999999':endVal[1]==idx+2||endVal[1]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column><picker-view-column class="data-v-5b5c5ef6"><block wx:for="{{minutes}}" wx:for-item="item" wx:for-index="idx" wx:key="*this"><view class="{{['data-v-5b5c5ef6',''+(endVal[2]==idx?'admin-m-text admin':'')]}}" style="{{'color:'+(endVal[2]==idx+1||endVal[2]==idx-1?'#999999':endVal[2]==idx+2||endVal[2]==idx-2?'#cdcdcd':'')+';'+('line-height:'+(lineHeight)+';')}}">{{item}}</view></block></picker-view-column></picker-view></view><view class="main-center btn-area data-v-5b5c5ef6"><view data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" class="time-submit-btn data-v-5b5c5ef6" style="color:#666;" bindtap="__e">取消</view><view class="line data-v-5b5c5ef6"></view><view data-event-opts="{{[['tap',[['submitTime',['$event']]]]]}}" class="time-submit-btn data-v-5b5c5ef6" style="color:#446dfd;" bindtap="__e">确认</view></view></view></view></block></app-layout>