leiking
1 line
4.5 KiB
Plaintext
1 line
4.5 KiB
Plaintext
<view class="container data-v-b393e9aa"><view class="card block data-v-b393e9aa"><view class="row between data-v-b393e9aa"><view class="title data-v-b393e9aa">预约服务</view><view class="muted data-v-b393e9aa">{{project?'已选择':'请选择'}}</view></view><picker mode="selector" range="{{projectNames}}" value="{{projectIndex}}" data-event-opts="{{[['change',[['onPickProject',['$event']]]]]}}" bindchange="__e" class="data-v-b393e9aa"><view class="pick2 data-v-b393e9aa"><view class="pname data-v-b393e9aa">{{project?project.name:'选择项目/套餐'}}</view><block wx:if="{{project}}"><view class="muted psub data-v-b393e9aa">{{project.durationMin+" 分钟 · ¥"+project.price}}</view></block></view></picker><block wx:if="{{project}}"><view class="muted meta data-v-b393e9aa">{{"适合人群："+project.fitFor}}</view></block><block wx:if="{{project}}"><view class="muted meta data-v-b393e9aa">{{"禁忌提醒："+project.taboo}}</view></block></view><block wx:if="{{project}}"><view class="data-v-b393e9aa"><view class="card block data-v-b393e9aa"><view class="title data-v-b393e9aa">选择日期</view><scroll-view class="sc data-v-b393e9aa" scroll-x="{{true}}"><view class="row data-v-b393e9aa"><block wx:for="{{dates}}" wx:for-item="d" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['tap',[['selectDate',['$0'],[[['dates','value',d.value,'value']]]]]]]}}" class="{{['date','data-v-b393e9aa',(d.value===form.date)?'on':'']}}" bindtap="__e"><view class="d1 data-v-b393e9aa">{{d.label1}}</view><view class="d2 muted data-v-b393e9aa">{{d.label2}}</view></view></block></view></scroll-view><picker mode="date" value="{{form.date}}" data-event-opts="{{[['change',[['onPickDate',['$event']]]]]}}" bindchange="__e" class="data-v-b393e9aa"><view class="pick data-v-b393e9aa">{{"自定义日期："+form.date}}</view></picker></view><view class="card block data-v-b393e9aa"><view class="title data-v-b393e9aa">选择时段</view><view class="grid data-v-b393e9aa"><block wx:for="{{slotRows}}" wx:for-item="s" wx:for-index="__i1__" wx:key="value"><view data-event-opts="{{[['tap',[['pickSlot',['$0'],[[['slotRows','value',s.value]]]]]]]}}" class="{{['slot','data-v-b393e9aa',(s.value===form.slot)?'on':'',(s.disabled)?'off':'']}}" bindtap="__e">{{''+s.value+''}}</view></block></view><view class="hint muted data-v-b393e9aa">满档逻辑在商用版由实时档期接口返回，这里为原型演示。</view></view><view class="card block data-v-b393e9aa"><view class="title data-v-b393e9aa">选择技师</view><view class="techs data-v-b393e9aa"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{['tech','data-v-b393e9aa',(form.techId==='auto')?'on':'']}}" bindtap="__e"><view class="row between data-v-b393e9aa"><view class="t-name data-v-b393e9aa">系统自动分配</view><view class="tag data-v-b393e9aa">推荐</view></view><view class="muted t-sub data-v-b393e9aa">根据项目与档期匹配最合适的技师</view></view><block wx:for="{{techs}}" wx:for-item="t" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" data-event-params="{{({t})}}" class="{{['tech','data-v-b393e9aa',(form.techId===t.id)?'on':'']}}" bindtap="__e"><view class="row between data-v-b393e9aa"><view class="data-v-b393e9aa"><view class="t-name data-v-b393e9aa">{{t.name}}</view><view class="muted t-sub data-v-b393e9aa">{{t.title}}</view></view><view class="tags data-v-b393e9aa"><block wx:for="{{t.tags}}" wx:for-item="tg" wx:for-index="__i3__" wx:key="*this"><text class="tag data-v-b393e9aa">{{tg}}</text></block></view></view></view></block></view></view><view class="card block data-v-b393e9aa"><view class="title data-v-b393e9aa">备注需求</view><textarea class="ta data-v-b393e9aa" placeholder="例如：敏感肌、易过敏、想做补水修护…" maxlength="120" data-event-opts="{{[['input',[['__set_model',['$0','note','$event',[]],['form']]]]]}}" value="{{form.note}}" bindinput="__e"></textarea></view><view class="space data-v-b393e9aa"></view><view class="fixbar data-v-b393e9aa"><view data-event-opts="{{[['tap',[['submit',['$event']]]]]}}" class="btn btn-primary submit data-v-b393e9aa" bindtap="__e">提交预约</view></view></view></block><block wx:else><view class="card empty data-v-b393e9aa"><view class="e1 data-v-b393e9aa">请选择项目后继续</view><view class="muted e2 data-v-b393e9aa">你也可以在“项目详情”里直接点击“立即预约”。</view></view></block><ai-float vue-id="208bdb3b-1" class="data-v-b393e9aa" bind:__l="__l"></ai-float></view> |