1 |
- <view class="bagStorageOrders"><navigation-bar-view vue-id="22614ee4-1" maxTimer="{{60}}" bind:__l="__l"></navigation-bar-view><view class="label-box">第一步:选择格口大小</view><view class="selected-box"><block wx:for="{{rentCabinetList}}" wx:for-item="item" wx:for-index="i" wx:key="i"><block><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({i})}}" class="{{['item',selectedIndex==i?'active':'']}}" bindtap="__e"><block wx:if="{{selectedIndex==i}}"><image class="selected-icon" src="../../static/images/icon-selected.png"></image></block><block wx:if="{{item.cabinetType==1}}"><block><block wx:if="{{selectedIndex==i}}"><image class="small-icon" src="../../static/images/icon-sub-box-selected.png"></image></block><block wx:else><image class="small-icon" src="../../static/images/icon-sub-box.png"></image></block><view class="label">小格子</view></block></block><block wx:if="{{item.cabinetType==2}}"><block><block wx:if="{{selectedIndex==i}}"><image class="middle-icon" src="../../static/images/icon-middle-box-selected.png"></image></block><block wx:else><image class="middle-icon" src="../../static/images/icon-middle-box.png"></image></block><view class="label">中格子</view></block></block><block wx:if="{{item.cabinetType==3}}"><block><block wx:if="{{selectedIndex==i}}"><image class="big-icon" src="../../static/images/icon-big-box-selected.png"></image></block><block wx:else><image class="big-icon" src="../../static/images/icon-big-box.png"></image></block><view class="label">大格子</view></block></block><view class="message">{{item.cabinetDesc}}</view></view></block></block></view><view class="label-box">第二步:取件人手机号</view><view class="input-box">{{options.phone}}</view><view class="label-box">第三步:选择存放时长</view><picker mode="selector" range="{{rentOptionDtoList}}" range-key="name" value="{{timersIndex}}" data-event-opts="{{[['change',[['changeTimers',['$event']]]]]}}" bindchange="__e"><view class="input-box selected"><block wx:if="{{rentOptionDtoList.length}}"><text>{{rentOptionDtoList[timersIndex].name}}</text></block><image class="arrow" src="../../static/images/icon-arrow-right-grey.png"></image></view></picker><view class="agreement-box"><text>下单即同意</text><text data-event-opts="{{[['tap',[['openAgreementPopup',['$event']]]]]}}" class="agreement" bindtap="__e">《木桩储存柜服务用户协议》</text></view><view class="footer-btn"><view class="left"><block wx:if="{{rentCabinetList.length}}"><view class="price">{{"¥"+rentCabinetList[selectedIndex].price}}</view></block><view data-event-opts="{{[['tap',[['showPriceDetail',['$event']]]]]}}" class="message" bindtap="__e"><text>查看价格详情</text><image class="arrow" src="../../static/images/icon-arrow-right-grey.png"></image></view></view><view data-event-opts="{{[['tap',[['orders',['$event']]]]]}}" class="right" bindtap="__e">下单</view></view><uni-popup class="vue-ref" vue-id="22614ee4-2" type="center" data-ref="agreementPopup" bind:__l="__l" vue-slots="{{['default']}}"><view class="agreement-popup"><image class="delete-icon" src="../../static/images/icon-delete.png" data-event-opts="{{[['tap',[['closeAgreementPopup',['$event']]]]]}}" bindtap="__e"></image><scroll-view class="text-box" scroll-y="{{true}}"><rich-text nodes="{{agreement.data}}"></rich-text></scroll-view></view></uni-popup><uni-popup class="vue-ref" vue-id="22614ee4-3" type="center" data-ref="priceDetailPopup" bind:__l="__l" vue-slots="{{['default']}}"><view class="price-popup"><image class="delete-icon" src="../../static/images/icon-delete.png" data-event-opts="{{[['tap',[['closePriceDetail',['$event']]]]]}}" bindtap="__e"></image><view class="title"><text>存包费用:</text><text class="num">3</text><text>元</text></view><view class="label">详细价格详情</view><block wx:for="{{rentPopup}}" wx:for-item="item" wx:for-index="i" wx:key="i"><block><view class="cell"><block wx:if="{{item.cabinetType==1}}"><image class="icon" src="../../static/images/icon-sub-box-popup.png" mode="aspectFit"></image></block><block wx:if="{{item.cabinetType==2}}"><image class="icon" src="../../static/images/icon-middle-box-popup.png" mode="aspectFit"></image></block><block wx:if="{{item.cabinetType==3}}"><image class="icon" src="../../static/images/icon-big-box-popup.png" mode="aspectFit"></image></block><view class="info"><block wx:for="{{item.list}}" wx:for-item="sub" wx:for-index="j" wx:key="j"><view class="message"><text>{{sub.description+","}}</text><text class="num">{{sub.price}}</text><text>元</text></view></block></view></view></block></block><view data-event-opts="{{[['tap',[['closePriceDetail',['$event']]]]]}}" class="btn" bindtap="__e">知道了</view></view></uni-popup><uni-popup class="vue-ref" vue-id="22614ee4-4" type="center" data-ref="payPopup" bind:__l="__l"></uni-popup></view>
|