<view class="luggage-page data-v-c13e4c60"><view class="top-gradient-bg data-v-c13e4c60"></view><view class="mode-tabs data-v-c13e4c60"><block wx:for="{{modeTabs}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['tap',[['switchMode',['$0'],[[['modeTabs','value',item.value,'value']]]]]]]}}" class="{{['mode-tab','data-v-c13e4c60',(activeMode===item.value)?'active':'']}}" bindtap="__e"><text class="data-v-c13e4c60">{{item.label}}</text><block wx:if="{{activeMode===item.value}}"><view class="mode-line data-v-c13e4c60"></view></block></view></block></view><scroll-view class="page-scroll data-v-c13e4c60" scroll-y="{{true}}"><view class="page-content data-v-c13e4c60"><block wx:if="{{activeMode==='local'}}"><view data-event-opts="{{[['tap',[['openStorePopup',['$event']]]]]}}" class="service-point-card cell-card data-v-c13e4c60" bindtap="__e"><view class="cell-left with-icon data-v-c13e4c60"><image class="cell-icon data-v-c13e4c60" src="/static/icon/ic_store@2x.png" mode="widthFix"></image><view class="store-cell-copy data-v-c13e4c60"><text class="cell-title data-v-c13e4c60">{{selectedStore?selectedStore.name:servicePointPlaceholder}}</text><view class="store-cell-copy-addr data-v-c13e4c60"><image src="/static/icon/home_ic_location3@2x.png" mode="widthFix" class="data-v-c13e4c60"></image><block wx:if="{{selectedStore}}"><text class="store-cell-subtitle data-v-c13e4c60">{{selectedStore.address}}</text></block></view></view></view><view class="cell-right data-v-c13e4c60"><u-icon vue-id="4cbae136-1" name="arrow-right" size="22" color="#222222" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view></block><block wx:else><view class="address-card section-card data-v-c13e4c60"><view data-event-opts="{{[['tap',[['openStorePopup',['$event']]]]]}}" class="address-row data-v-c13e4c60" bindtap="__e"><view class="address-left data-v-c13e4c60"><view class="address-badge send data-v-c13e4c60">寄</view><view class="address-copy data-v-c13e4c60"><text class="address-title data-v-c13e4c60">寄件地址</text><text class="address-desc data-v-c13e4c60">请选择寄件服务点</text></view></view><u-icon vue-id="4cbae136-2" name="arrow-right" size="20" color="#222222" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['openReceiveAddress',['$event']]]]]}}" class="address-row no-border data-v-c13e4c60" bindtap="__e"><view class="address-left data-v-c13e4c60"><view class="address-badge receive data-v-c13e4c60">收</view><view class="address-copy data-v-c13e4c60"><text class="address-title data-v-c13e4c60">取件地址</text><text class="address-desc data-v-c13e4c60">请选择取件服务点或者其他地址</text></view></view><u-icon vue-id="4cbae136-3" name="arrow-right" size="20" color="#222222" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view></block><view class="section-card info-card data-v-c13e4c60"><view class="section-head data-v-c13e4c60"><text class="section-title data-v-c13e4c60">收件信息</text><text class="section-desc data-v-c13e4c60">（必填，可委托他人代取）</text></view><view class="form-row data-v-c13e4c60"><text class="form-label data-v-c13e4c60">收件人</text><input class="{{['form-input','data-v-c13e4c60',(form.receiver)?'filled-input':'']}}" type="text" placeholder="请输入收件人姓名" placeholder-style="color: #B2B2B2;" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','receiver','$event',[]],['form']]]]]}}" value="{{form.receiver}}" bindinput="__e"/></view><view class="form-row no-border data-v-c13e4c60"><text class="form-label data-v-c13e4c60">收件电话</text><input class="{{['form-input','data-v-c13e4c60',(form.mobile)?'filled-input':'']}}" type="number" placeholder="请输入收件人电话" placeholder-style="color: #B2B2B2;" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','mobile','$event',[]],['form']]]]]}}" value="{{form.mobile}}" bindinput="__e"/></view><view class="form-row dashed-row data-v-c13e4c60"><text class="form-label data-v-c13e4c60">预计到店时间</text><view class="row-picker data-v-c13e4c60"><text class="{{['data-v-c13e4c60',form.arriveTime?'picker-value-text':'placeholder-text']}}">{{form.arriveTime||'请选择'}}</text><u-icon vue-id="4cbae136-4" name="arrow-right" size="18" color="#222222" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view><view class="form-row no-border data-v-c13e4c60"><text class="form-label data-v-c13e4c60">预计取件时间</text><view class="row-picker data-v-c13e4c60"><text class="{{['data-v-c13e4c60',form.pickupTime?'picker-value-text':'placeholder-text']}}">{{form.pickupTime||'请选择'}}</text><u-icon vue-id="4cbae136-5" name="arrow-right" size="18" color="#222222" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view></view><view class="section-card luggage-card data-v-c13e4c60"><view class="section-head between data-v-c13e4c60"><view class="data-v-c13e4c60"><text class="section-title data-v-c13e4c60">寄存行李类型</text><text class="section-desc data-v-c13e4c60">（多选，必填）</text></view><view class="price-note data-v-c13e4c60"><image class="price-note-icon data-v-c13e4c60" src="/static/icon/ic_tips@2x.png" mode="widthFix"></image><text class="data-v-c13e4c60">价格说明</text></view></view><block wx:for="{{luggageTypes}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['selectLuggage',['$0'],[[['luggageTypes','id',item.id,'id']]]]]]]}}" class="{{['luggage-item','data-v-c13e4c60',(luggageCountMap[item.id]>0)?'active':'']}}" bindtap="__e"><view class="luggage-info data-v-c13e4c60"><image class="luggage-image data-v-c13e4c60" src mode="aspectFit"></image><view class="luggage-copy data-v-c13e4c60"><text class="luggage-name data-v-c13e4c60">{{item.name}}</text><text class="luggage-size data-v-c13e4c60">{{item.size}}</text></view></view><block wx:if="{{luggageCountMap[item.id]>0}}"><view data-event-opts="{{[['tap',[['',['$event']]]]]}}" class="luggage-stepper data-v-c13e4c60" catchtap="__e"><view data-event-opts="{{[['tap',[['decreaseCount',['$0'],[[['luggageTypes','id',item.id,'id']]]]]]]}}" class="step-btn data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{'4cbae136-6-'+__i1__}}" name="minus" size="18" color="#B9C0C9" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view><text class="step-count data-v-c13e4c60">{{luggageCountMap[item.id]}}</text><view data-event-opts="{{[['tap',[['increaseCount',['$0'],[[['luggageTypes','id',item.id,'id']]]]]]]}}" class="step-btn active data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{'4cbae136-7-'+__i1__}}" name="plus" size="18" color="#FFFFFF" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view></block><block wx:else><view data-event-opts="{{[['tap',[['',['$event']]]]]}}" class="luggage-stepper add-only data-v-c13e4c60" catchtap="__e"><view data-event-opts="{{[['tap',[['increaseCount',['$0'],[[['luggageTypes','id',item.id,'id']]]]]]]}}" class="step-btn active data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{'4cbae136-8-'+__i1__}}" name="plus" size="18" color="#FFFFFF" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view></block></view></block></view><view data-event-opts="{{[['tap',[['openGoodsPopup',['$event']]]]]}}" class="section-card goods-card data-v-c13e4c60" bindtap="__e"><view class="section-head between arrow-head data-v-c13e4c60"><view class="data-v-c13e4c60"><text class="section-title data-v-c13e4c60">物品信息</text></view><view class="required-wrap data-v-c13e4c60"><text class="section-required goods-required-text data-v-c13e4c60">{{selectedGoodsText}}</text><u-icon vue-id="4cbae136-9" name="arrow-right" size="18" color="#A8AFBA" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view><view class="goods-upload-row data-v-c13e4c60"><view class="upload-box data-v-c13e4c60"><image class="upload-icon data-v-c13e4c60" src="/static/image/btn_upload@2x.png" mode="widthFix"></image></view><block wx:for="{{uploadedImages}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uploaded-box data-v-c13e4c60"><image class="uploaded-image data-v-c13e4c60" src="{{item.url}}" mode="aspectFill"></image><text class="uploaded-delete data-v-c13e4c60">删除</text></view></block></view></view><block wx:if="{{activeMode==='city'}}"><view class="section-card service-time-card data-v-c13e4c60"><view class="section-head data-v-c13e4c60"><text class="section-title data-v-c13e4c60">服务时效</text><text class="section-desc data-v-c13e4c60">（必选）</text></view><block wx:for="{{serviceTimes}}" wx:for-item="item" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['service-time-item','data-v-c13e4c60',(selectedServiceTime===item.id)?'active':'']}}" bindtap="__e"><text class="service-time-name data-v-c13e4c60"><text class="data-v-c13e4c60">标速达</text><text class="data-v-c13e4c60">(预计6小时内送达)</text></text><text class="service-time-price data-v-c13e4c60">{{item.price}}</text></view></block></view></block><view class="section-card simple-card data-v-c13e4c60"><view class="form-row no-border currency-row data-v-c13e4c60"><text class="form-label data-v-c13e4c60">行李保价</text><view class="input-wrap end-wrap insurance-wrap data-v-c13e4c60"><input class="{{['form-input','money-input','data-v-c13e4c60',(form.insurance)?'filled-input':'']}}" type="digit" placeholder="必填，请输入金额" placeholder-style="color: #B2B2B2;" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','insurance','$event',[]],['form']]]]]}}" value="{{form.insurance}}" bindinput="__e"/><text class="unit-text data-v-c13e4c60">元</text></view></view><block wx:if="{{insuranceFeeText}}"><view class="insurance-tip-row data-v-c13e4c60"><text class="insurance-tip-label data-v-c13e4c60">物品保费:</text><text class="insurance-tip-value data-v-c13e4c60">{{insuranceFeeText}}</text></view></block></view><view class="section-card simple-card data-v-c13e4c60"><view class="form-row no-border data-v-c13e4c60"><text class="form-label data-v-c13e4c60">备注</text><input class="{{['form-input','data-v-c13e4c60',(form.remark)?'filled-input':'']}}" type="text" placeholder="请输入" placeholder-style="color: #B2B2B2;" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['$0','remark','$event',[]],['form']]]]]}}" value="{{form.remark}}" bindinput="__e"/></view></view></view></scroll-view><u-popup vue-id="4cbae136-10" show="{{showStorePopup}}" mode="bottom" round="24" closeOnClickOverlay="{{true}}" data-event-opts="{{[['^close',[['e1']]]]}}" bind:close="__e" class="data-v-c13e4c60" bind:__l="__l" vue-slots="{{['default']}}"><view class="store-popup-wrap data-v-c13e4c60"><view class="store-popup-head data-v-c13e4c60"><text class="store-popup-title data-v-c13e4c60">选择服务点</text><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="store-popup-close data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{('4cbae136-11')+','+('4cbae136-10')}}" name="close" size="28" color="#999999" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view><view class="store-search-bar data-v-c13e4c60"><image class="store-search-icon data-v-c13e4c60" src="/static/icon/ic_search2@2x.png" mode="widthFix"></image><input class="store-search-input data-v-c13e4c60" type="text" placeholder="搜索服务点名称" placeholder-class="store-search-placeholder" data-event-opts="{{[['input',[['__set_model',['','storeKeyword','$event',[]]]]]]}}" value="{{storeKeyword}}" bindinput="__e"/></view><scroll-view class="store-list-scroll data-v-c13e4c60" scroll-y="{{true}}"><block wx:for="{{filteredStores}}" wx:for-item="item" wx:for-index="__i3__" wx:key="id"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['store-option','data-v-c13e4c60',(tempSelectedStoreId===item.id)?'active':'']}}" bindtap="__e"><view class="store-option-main data-v-c13e4c60"><image class="store-thumb data-v-c13e4c60" src mode="aspectFill"></image><view class="store-option-copy data-v-c13e4c60"><view class="store-option-head data-v-c13e4c60"><text class="store-option-name data-v-c13e4c60">{{item.name}}</text><text class="store-option-distance data-v-c13e4c60">{{item.distance}}</text></view><view class="store-option-address-row data-v-c13e4c60"><image class="store-option-address-icon data-v-c13e4c60" src="/static/icon/home_ic_location3@2x.png" mode="widthFix"></image><text class="store-option-address data-v-c13e4c60">{{item.address}}</text></view><text class="store-option-time data-v-c13e4c60">{{item.time}}</text></view></view><block wx:if="{{tempSelectedStoreId===item.id}}"><view class="store-check data-v-c13e4c60"><image src="/static/icon/ic_accept_sel@2x.png" mode="widthFix" class="data-v-c13e4c60"></image></view></block></view></block></scroll-view><view data-event-opts="{{[['tap',[['confirmStore',['$event']]]]]}}" class="store-confirm-btn data-v-c13e4c60" bindtap="__e">确定选择</view></view></u-popup><u-popup vue-id="4cbae136-12" show="{{showGoodsPopup}}" mode="bottom" round="24" closeOnClickOverlay="{{true}}" data-event-opts="{{[['^close',[['e4']]]]}}" bind:close="__e" class="data-v-c13e4c60" bind:__l="__l" vue-slots="{{['default']}}"><view class="goods-popup-wrap data-v-c13e4c60"><view class="goods-popup-head data-v-c13e4c60"><text class="goods-popup-title data-v-c13e4c60">物品信息</text><view data-event-opts="{{[['tap',[['e5',['$event']]]]]}}" class="goods-popup-close data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{('4cbae136-13')+','+('4cbae136-12')}}" name="close" size="28" color="#999999" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view><view class="goods-popup-top data-v-c13e4c60"><view class="goods-popup-title-row data-v-c13e4c60"><text class="goods-main-title data-v-c13e4c60">物品名称</text><text class="goods-main-required data-v-c13e4c60">（必选）</text></view><view class="goods-danger-tip data-v-c13e4c60"><image class="goods-danger-icon data-v-c13e4c60" src="/static/icon/ic_tips@2x.png" mode="widthFix"></image><text class="data-v-c13e4c60">禁寄物品</text></view></view><text class="goods-popup-desc data-v-c13e4c60">为确保物品寄递安全，请检查是否不夹带易燃易爆物品</text><view class="goods-tag-grid data-v-c13e4c60"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i4__" wx:key="id"><view data-event-opts="{{[['tap',[['toggleGoods',['$0'],[[['goodsOptions','id',item.$orig.id,'id']]]]]]]}}" class="{{['goods-tag','data-v-c13e4c60',(item.g0)?'active':'']}}" bindtap="__e"><text class="data-v-c13e4c60">{{item.$orig.name}}</text></view></block></view><view data-event-opts="{{[['tap',[['confirmGoods',['$event']]]]]}}" class="goods-save-btn data-v-c13e4c60" bindtap="__e">保存</view></view></u-popup><u-popup vue-id="4cbae136-14" show="{{showAmountPopup}}" mode="bottom" round="24" closeOnClickOverlay="{{true}}" data-event-opts="{{[['^close',[['e6']]]]}}" bind:close="__e" class="data-v-c13e4c60" bind:__l="__l" vue-slots="{{['default']}}"><view class="amount-popup-wrap data-v-c13e4c60"><view class="amount-popup-head data-v-c13e4c60"><text class="amount-popup-title data-v-c13e4c60">金额明细</text><view data-event-opts="{{[['tap',[['e7',['$event']]]]]}}" class="amount-popup-close data-v-c13e4c60" bindtap="__e"><u-icon vue-id="{{('4cbae136-15')+','+('4cbae136-14')}}" name="close" size="30" color="#999999" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view></view><view class="amount-popup-content data-v-c13e4c60"><block wx:for="{{amountDetails}}" wx:for-item="item" wx:for-index="__i5__" wx:key="label"><view class="amount-row data-v-c13e4c60"><view class="amount-row-left data-v-c13e4c60"><text class="amount-row-label data-v-c13e4c60">{{item.label}}</text><block wx:if="{{item.count}}"><text class="amount-row-count data-v-c13e4c60">{{"x"+item.count}}</text></block></view><text class="amount-row-value data-v-c13e4c60">{{item.value}}</text></view></block></view><view class="agreement-bar popup-agreement-bar data-v-c13e4c60"><image class="agreement-icon data-v-c13e4c60" src="/static/icon/ic_accept_sel@2x.png" mode="widthFix"></image><text class="agreement-text data-v-c13e4c60">我已阅读并同意</text><text class="agreement-link data-v-c13e4c60">《用户服务协议》</text><text class="agreement-text data-v-c13e4c60">及</text><text class="agreement-link data-v-c13e4c60">《隐私政策》</text></view><view class="bottom-action-row popup-action-row data-v-c13e4c60"><view class="total-wrap data-v-c13e4c60"><text class="total-label data-v-c13e4c60">总费用</text><text class="total-price data-v-c13e4c60">￥150.00</text><text class="detail-text data-v-c13e4c60">明细</text><u-icon vue-id="{{('4cbae136-16')+','+('4cbae136-14')}}" name="arrow-up" size="18" color="#7B7F86" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view><view class="submit-btn active-submit-btn data-v-c13e4c60">立即下单</view></view></view></u-popup><view class="bottom-bar data-v-c13e4c60"><view class="agreement-bar data-v-c13e4c60"><image class="agreement-icon data-v-c13e4c60" src="{{agreementChecked?'/static/icon/ic_accept_sel@2x.png':'/static/icon/ic_accept@2x.png'}}" mode="widthFix"></image><text class="agreement-text data-v-c13e4c60">我已阅读并同意</text><text class="agreement-link data-v-c13e4c60">《用户服务协议》</text><text class="agreement-text data-v-c13e4c60">及</text><text class="agreement-link data-v-c13e4c60">《隐私政策》</text></view><view class="bottom-action-row data-v-c13e4c60"><view class="total-wrap data-v-c13e4c60"><text class="total-label data-v-c13e4c60">总费用</text><text class="total-price data-v-c13e4c60">{{totalPriceText}}</text><text data-event-opts="{{[['tap',[['openAmountPopup',['$event']]]]]}}" class="detail-text detail-click data-v-c13e4c60" catchtap="__e">明细</text><u-icon vue-id="4cbae136-17" name="arrow-down" size="18" color="#999999" class="data-v-c13e4c60" bind:__l="__l"></u-icon></view><view class="submit-btn active-submit-btn data-v-c13e4c60">立即下单</view></view></view></view>
|
