order_detail.wxml 15 KB

1
  1. <view class="{{['data-v-d21f5580',themeName]}}"><navbar vue-id="3d9ce280-1" title="订单详情" class="data-v-d21f5580" bind:__l="__l"></navbar><view class="order-detail data-v-d21f5580"><view class="order-status data-v-d21f5580"><block wx:if="{{!orderInfo.order_status}}"><block wx:if="{{orderInfo.pay_way!==5}}"><view class="order-status-name data-v-d21f5580">{{orderAction['name']}}</view></block><block wx:else><view class="order-status-name data-v-d21f5580">等待商家处理,请耐心等待</view></block><block wx:if="{{showCountDown}}"><view class="order-status-desc data-v-d21f5580"><block wx:if="{{orderInfo.pay_way!==5}}"><text class="m-r-10 data-v-d21f5580">支付剩余</text></block><u-count-down vue-id="3d9ce280-2" timestamp="{{$root.m0}}" show-days="{{false}}" show-hours="{{false}}" font-size="{{26}}" separator-size="{{26}}" color="#FFFFFF" separator-color="#FFFFFF" bg-color="unset" separator="zh" data-event-opts="{{[['^end',[['e0']]]]}}" bind:end="__e" class="data-v-d21f5580" bind:__l="__l"></u-count-down><text class="m-l-10 data-v-d21f5580">自动关闭</text></view></block></block><block wx:else><block wx:if="{{orderInfo.delivery_type!==2}}"><view class="order-status-name data-v-d21f5580">{{orderAction['name']}}</view><block wx:if="{{orderAction['desc']}}"><view class="order-status-desc data-v-d21f5580">{{orderAction['desc']}}</view></block></block><block wx:else><block wx:if="{{orderInfo.delivery_type===2}}"><view class="order-status-name data-v-d21f5580">{{selffetchStatus[orderInfo.order_status]['name']}}</view><block wx:if="{{selffetchStatus[orderInfo.order_status]['desc']}}"><view class="order-status-desc data-v-d21f5580">{{selffetchStatus[orderInfo.order_status]['desc']}}</view></block></block></block></block></view><view class="delivery data-v-d21f5580"><block wx:if="{{orderInfo.delivery_type==1||addressInfo.address}}"><address-card vue-id="3d9ce280-3" has-content="{{true}}" border-radius="7px" class="data-v-d21f5580" bind:__l="__l" vue-slots="{{['header','main']}}"><view slot="header" class="data-v-d21f5580"><text class="data-v-d21f5580">{{addressInfo.contact}}</text><text class="m-l-10 data-v-d21f5580">{{addressInfo.mobile}}</text></view><view slot="main" class="data-v-d21f5580"><text class="data-v-d21f5580">{{addressInfo.province}}</text><text class="m-l-10 data-v-d21f5580">{{addressInfo.city}}</text><text class="m-l-10 data-v-d21f5580">{{addressInfo.district}}</text><text class="m-l-10 data-v-d21f5580">{{addressInfo.address}}</text></view></address-card></block><block wx:if="{{orderInfo.delivery_type===2||orderInfo.selffetch_shop}}"><view class="contain receive address-card data-v-d21f5580"><view class="data-v-d21f5580"><u-icon vue-id="3d9ce280-4" name="man-add" size="35" class="data-v-d21f5580" bind:__l="__l"></u-icon><text class="black m-l-20 lg data-v-d21f5580">{{addressInfo.contact}}</text><text class="black m-l-20 lg data-v-d21f5580">{{addressInfo.mobile}}</text></view><view class="m-t-20 data-v-d21f5580"><u-icon vue-id="3d9ce280-5" name="tags" size="35" class="data-v-d21f5580" bind:__l="__l"></u-icon><text class="black m-l-15 lg data-v-d21f5580">{{orderInfo.selffetch_shop.name}}</text></view><view class="flex row-between data-v-d21f5580"><view class="data-v-d21f5580"><view class="m-t-15 muted xs data-v-d21f5580">{{'门店地址:'+orderInfo.selffetch_shop.detailed_address+''}}</view><view class="m-t-15 muted xs data-v-d21f5580">{{'营业时间:'+shopOpenTime+''}}</view></view><view class="data-v-d21f5580"><u-image vue-id="3d9ce280-6" width="100rpx" height="100rpx" src="{{orderInfo.selffetch_shop.image}}" data-event-opts="{{[['^click',[['handleImage']]]]}}" bind:click="__e" class="data-v-d21f5580" bind:__l="__l"></u-image></view></view><view class="m-t-50 flex row-between data-v-d21f5580"><view data-event-opts="{{[['tap',[['handleshowQR',['$event']]]]]}}" bindtap="__e" class="data-v-d21f5580"><u-icon vue-id="3d9ce280-7" name="scan" class="data-v-d21f5580" bind:__l="__l"></u-icon><text class="m-l-5 data-v-d21f5580">出示核销码</text></view><view data-event-opts="{{[['tap',[['handlePhone',['$event']]]]]}}" bindtap="__e" class="data-v-d21f5580"><u-icon vue-id="3d9ce280-8" name="phone" class="data-v-d21f5580" bind:__l="__l"></u-icon><text class="m-l-5 data-v-d21f5580">联系自提点</text></view><view data-event-opts="{{[['tap',[['handleLocation',['$event']]]]]}}" bindtap="__e" class="data-v-d21f5580"><u-icon vue-id="3d9ce280-9" name="map" class="data-v-d21f5580" bind:__l="__l"></u-icon><text class="m-l-5 data-v-d21f5580">导航自提点</text></view></view></view></block></view><u-popup bind:input="__e" vue-id="3d9ce280-10" mode="bottom" safe-area-inset-bottom="{{true}}" border-radius="20" value="{{showQR}}" data-event-opts="{{[['^input',[['__set_model',['','showQR','$event',[]]]]]]}}" class="data-v-d21f5580" bind:__l="__l" vue-slots="{{['default']}}"><block wx:if="{{showQR}}"><view class="contain receive data-v-d21f5580"><view class="receive-qr flex-col row-center col-center p-30 data-v-d21f5580"><view class="data-v-d21f5580">核销码</view><text class="m-t-30 data-v-d21f5580">请将二维码展示给店员或者提供数字核销码</text><block wx:if="{{showQR}}"><view class="{{['m-t-40','qr-contain','data-v-d21f5580',(orderInfo.verification_status)?'qr-contain--die':'']}}"><tki-qrcode vue-id="{{('3d9ce280-11')+','+('3d9ce280-10')}}" uni="px" val="{{orderInfo.pickup_code}}" size="{{138*2}}" showLoading="{{false}}" data-ref="qrcode" class="data-v-d21f5580 vue-ref" bind:__l="__l"></tki-qrcode></view></block><view class="m-t-30 black qr-code data-v-d21f5580">{{orderInfo.pickup_code}}</view></view></view></block></u-popup><block wx:if="{{OrderTypeEnum['TEAM']===orderInfo.order_type}}"><view class="contain flex row-between p-20 nr data-v-d21f5580"><text class="data-v-d21f5580">拼团状态</text><text style="{{'color:'+(themeColor)+';'}}" class="data-v-d21f5580">{{teamStatus[orderInfo.is_team_success]}}</text></view></block><view class="contain order-goods data-v-d21f5580"><block wx:for="{{goodsList}}" wx:for-item="goodsItem" wx:for-index="goodsIndex" wx:key="goodsIndex"><view class="data-v-d21f5580"><goods-card vue-id="{{'3d9ce280-12-'+goodsIndex}}" shape="rectangle" name="{{goodsItem.goods_name}}" image="{{goodsItem.goods_image}}" contain-style="{{({height:'230rpx'})}}" image-style="{{({width:'180rpx',height:'180rpx'})}}" data-event-opts="{{[['^tap',[['goGoodsDetail',['$0'],[[['goodsList','',goodsIndex,'goods_id']]]]]]]}}" bind:tap="__e" class="data-v-d21f5580" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex-1 data-v-d21f5580"><text class="muted xs m-t-10 skuline data-v-d21f5580">{{goodsItem.spec_value_str}}</text><view class="m-t-10 flex row-between data-v-d21f5580"><view class="flex col-center data-v-d21f5580"><block wx:if="{{orderInfo.order_type==0||orderInfo.order_type==4}}"><price vue-id="{{('3d9ce280-13-'+goodsIndex)+','+('3d9ce280-12-'+goodsIndex)}}" content="{{goodsItem.original_price}}" mainSize="32rpx" minorSize="24rpx" class="data-v-d21f5580" bind:__l="__l"></price></block><block wx:else><price vue-id="{{('3d9ce280-14-'+goodsIndex)+','+('3d9ce280-12-'+goodsIndex)}}" content="{{goodsItem.goods_price}}" mainSize="32rpx" minorSize="24rpx" class="data-v-d21f5580" bind:__l="__l"></price></block><block wx:if="{{goodsItem.member_price!=0}}"><view class="vip-price flex m-l-10 data-v-d21f5580"><view class="price-name xxs data-v-d21f5580">会员价</view><view style="padding:0 10rpx;" class="data-v-d21f5580"><price vue-id="{{('3d9ce280-15-'+goodsIndex)+','+('3d9ce280-12-'+goodsIndex)}}" content="{{goodsItem.member_price}}" weight="{{500}}" color="#7B3200" class="data-v-d21f5580" bind:__l="__l"></price></view></view></block></view><text class="lighter sm data-v-d21f5580">{{"x"+goodsItem.goods_num}}</text></view></view></goods-card><block wx:if="{{goodsItem.after_sale_btn}}"><view class="order-goods__handle data-v-d21f5580"><block wx:if="{{goodsItem.after_sale_btn===1}}"><view data-event-opts="{{[['tap',[['goAfterSale',['$0','$1'],['afterSaleStatus.'+goodsItem.after_sale_btn+'.href',[['goodsList','',goodsIndex,'id']]]]]]]}}" class="order-goods__handle-button data-v-d21f5580" bindtap="__e">{{''+afterSaleStatus[goodsItem.after_sale_btn]['name']+''}}</view></block><block wx:else><view data-event-opts="{{[['tap',[['goAfterSale',['$0','$1'],['afterSaleStatus.'+goodsItem.after_sale_btn+'.href',[['goodsList','',goodsIndex,'after_sale_id']]]]]]]}}" class="order-goods__handle-button data-v-d21f5580" bindtap="__e">{{''+afterSaleStatus[goodsItem.after_sale_btn]['name']+''}}</view></block></view></block></view></block></view><block wx:if="{{$root.g0}}"><view class="order-info contain data-v-d21f5580"><view class="item data-v-d21f5580">发货信息:<block wx:if="{{orderInfo.delivery_content_type==0}}"><view class="black m-t-10 data-v-d21f5580" style="word-break:break-all;">{{orderInfo.delivery_content}}</view></block><block wx:else><view class="black m-t-10 data-v-d21f5580" style="word-break:break-all;"><block wx:for="{{orderInfo.delivery_content1}}" wx:for-item="item" wx:for-index="__i0__" wx:key="*this"><view class="data-v-d21f5580">{{''+item.name+":"+item.content+''}}</view></block></view></block><view class="flex row-right m-t-30 data-v-d21f5580"><block wx:if="{{orderInfo.delivery_content_type==0}}"><view data-event-opts="{{[['tap',[['handleCopy',['$0'],['orderInfo.delivery_content']]]]]}}" class="copy-btn data-v-d21f5580" bindtap="__e">复制</view></block><block wx:if="{{orderInfo.delivery_content_type==1}}"><view data-event-opts="{{[['tap',[['handletemplateCopy',['$0'],['orderInfo.delivery_content1']]]]]}}" class="copy-btn data-v-d21f5580" bindtap="__e">复制</view></block></view></view></view></block><block wx:if="{{orderInfo.order_type==5&&orderInfo.presell&&orderInfo.order_status==0||orderInfo.order_type==5&&orderInfo.presell&&orderInfo.order_status==1}}"><view class="contain order-bill data-v-d21f5580"><block wx:if="{{orderInfo.order_status==0}}"><block wx:if="{{orderInfo.presell.send_type==0}}"><text class="data-v-d21f5580">付款后</text></block><block wx:if="{{orderInfo.presell.send_type==1}}"><text class="data-v-d21f5580">活动结束</text></block>{{''+orderInfo.presell.send_type_day+'天内发货'}}</block><block wx:if="{{orderInfo.order_status==1}}">{{''+orderInfo.presell.order_send_text+''}}</block></view></block><view class="contain order-bill data-v-d21f5580"><view class="cell order-bill__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">商品金额</view><view class="cell-content data-v-d21f5580"><block wx:if="{{orderInfo.order_type==0||orderInfo.order_type==4}}"><price vue-id="3d9ce280-16" content="{{orderInfo.total_original_price}}" class="data-v-d21f5580" bind:__l="__l"></price></block><block wx:else><price vue-id="3d9ce280-17" content="{{orderInfo.goods_price}}" class="data-v-d21f5580" bind:__l="__l"></price></block></view></view><view class="cell order-bill__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">运费</view><view class="cell-content data-v-d21f5580"><price vue-id="3d9ce280-18" content="{{orderInfo.express_price}}" class="data-v-d21f5580" bind:__l="__l"></price></view></view><block wx:if="{{orderInfo.discount_amount*1}}"><view class="cell order-bill__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">优惠券</view><view class="cell-content data-v-d21f5580"><price vue-id="3d9ce280-19" content="{{orderInfo.discount_amount}}" color="{{themeColor}}" prefix="-¥" class="data-v-d21f5580" bind:__l="__l"></price></view></view></block><block wx:if="{{orderInfo.member_amount*1}}"><view class="cell order-bill__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">会员折扣</view><view class="cell-content data-v-d21f5580"><price vue-id="3d9ce280-20" content="{{orderInfo.member_amount}}" color="{{themeColor}}" prefix="-¥" class="data-v-d21f5580" bind:__l="__l"></price></view></view></block><block wx:if="{{orderInfo.change_price*1}}"><view class="cell order-bill__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">商品改价</view><view class="cell-content data-v-d21f5580"><price vue-id="3d9ce280-21" content="{{orderInfo.change_price}}" color="{{themeColor}}" prefix="¥" class="data-v-d21f5580" bind:__l="__l"></price></view></view></block><view class="cell order-bill__item data-v-d21f5580"><view class="cell-content data-v-d21f5580"><text class="muted m-r-10 data-v-d21f5580">实付款:</text><price vue-id="3d9ce280-22" content="{{orderInfo.order_amount}}" mainSize="32rpx" minorSize="24rpx" color="{{themeColor}}" class="data-v-d21f5580" bind:__l="__l"></price></view></view></view><block wx:if="{{orderInfo.user_remark}}"><view class="contain cell remark data-v-d21f5580"><view class="cell-label data-v-d21f5580">买家留言</view><view class="cell-content muted data-v-d21f5580" style="word-break:break-all;">{{orderInfo.user_remark}}</view></view></block><view class="contain order-info data-v-d21f5580"><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">订单编号</view><view class="cell-content data-v-d21f5580"><view class="flex-1 data-v-d21f5580">{{orderInfo.sn}}</view><view data-event-opts="{{[['tap',[['handleCopy',['$0'],['orderInfo.sn']]]]]}}" class="button--copy data-v-d21f5580" bindtap="__e">复制</view></view></view><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">订单类型</view><view class="cell-content data-v-d21f5580">{{orderInfo.order_type_desc}}</view></view><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">支付方式</view><view class="cell-content data-v-d21f5580">{{$root.m1}}</view></view><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">下单时间</view><view class="cell-content data-v-d21f5580">{{orderInfo.create_time}}</view></view><block wx:if="{{orderInfo.pay_time}}"><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">付款时间</view><view class="cell-content data-v-d21f5580">{{orderInfo.pay_time}}</view></view></block><block wx:if="{{orderInfo.express_time}}"><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">发货时间</view><view class="cell-content data-v-d21f5580">{{orderInfo.express_time}}</view></view></block><block wx:if="{{orderInfo.confirm_take_time}}"><view class="cell order-info__item data-v-d21f5580"><view class="cell-label data-v-d21f5580">成交时间</view><view class="cell-content data-v-d21f5580">{{orderInfo.confirm_take_time}}</view></view></block></view><block wx:if="{{$root.g1}}"><view class="operational data-v-d21f5580"><block wx:for="{{orderButtons}}" wx:for-item="buttonItem" wx:for-index="__i1__" wx:key="event"><block class="data-v-d21f5580"><view data-event-opts="{{[['tap',[['onOrderButtons',['$0','$1','$2'],[[['orderButtons','event',buttonItem.event,'event']],'orderInfo.id','orderInfo.pay_way']]]]]}}" class="{{['data-v-d21f5580','order-button','order-button--'+buttonItem.style]}}" bindtap="__e">{{buttonItem.name}}</view></block></block></view></block><page-status vue-id="3d9ce280-23" status="{{pageStatus}}" class="data-v-d21f5580" bind:__l="__l" vue-slots="{{['error']}}"><u-empty vue-id="{{('3d9ce280-24')+','+('3d9ce280-23')}}" text="订单异常" src="/static/images/empty/order.png" icon-size="{{280}}" class="data-v-d21f5580" slot="error" bind:__l="__l"></u-empty></page-status></view></view>