mall-laonong/unpackage/dist/dev/mp-weixin/pagesA/order/detail.wxml

1 line
7.3 KiB
Plaintext

<block wx:if="{{isLoading}}"><view class="{{['data-v-35bf19e6',orderDetail.status=='completed'||orderDetail.status=='shipped'?'pad-x150':'pad-x170']}}"><status-nav vue-id="fbb6b840-1" ifReturn="{{true}}" navBarTitle="订单详情" marginBottom="{{0}}" backTag="{{backTag}}" class="data-v-35bf19e6" bind:__l="__l"></status-nav><view class="settlement-content pad-zy20 border-box data-v-35bf19e6"><view class="section background-white radius30 mar-x40 pad-all25 border-box font30 data-v-35bf19e6"><view class="order-info pad-zy20 border-box data-v-35bf19e6"><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">订单编号</text><text class="data-v-35bf19e6">{{orderDetail.coding}}</text></view><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">下单时间</text><text class="data-v-35bf19e6">{{orderDetail.created_at}}</text></view><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">订单状态</text><text class="data-v-35bf19e6">{{orderDetail.status_text}}</text></view><block wx:if="{{orderDetail.status=='closed'}}"><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">取消原因</text><text class="data-v-35bf19e6">{{orderDetail.close_reason}}</text></view></block></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30 data-v-35bf19e6"><view class="title data-v-35bf19e6">订单信息</view><view class="shop-slide-list data-v-35bf19e6"><view class="shop-slide-item data-v-35bf19e6"><block wx:for="{{orderDetail.skus}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item border-box background-white flex data-v-35bf19e6"><view class="shop-img radius30 data-v-35bf19e6"><image src="{{item.spu_cover}}" mode="widthFix" class="data-v-35bf19e6"></image></view><view class="shop-txt data-v-35bf19e6"><view class="shop-txt-top data-v-35bf19e6"><view class="title font30 clips1 data-v-35bf19e6">{{item.spu_name}}</view><view class="specs font24 color-66 mar-sx10 clips2 data-v-35bf19e6">{{"规格:"+item.sku_name}}</view></view><view class="shop-txt-bottom flex data-v-35bf19e6"><view class="price font30 color-red data-v-35bf19e6">{{"¥"+item.price}}<text class="font24 color-66 data-v-35bf19e6">{{"x"+item.num}}</text></view></view></view></view></block></view></view></view><view class="section background-white radius30 mar-x40 pad-all25 border-box font30 data-v-35bf19e6"><view class="title data-v-35bf19e6">收货信息</view><view class="addressee-info mar-s20 flex data-v-35bf19e6"><view class="txt data-v-35bf19e6"><view class="font30 mar-x10 data-v-35bf19e6">{{orderDetail.address_info.name}}<text class="data-v-35bf19e6">{{orderDetail.address_info.phone}}</text></view><text class="font24 color-8c data-v-35bf19e6">{{orderDetail.address_info.province_str+orderDetail.address_info.city_str+orderDetail.address_info.county_str+orderDetail.address_info.address}}</text></view></view></view><block wx:if="{{orderDetail.express_name!==''}}"><view class="section background-white radius30 mar-x40 pad-all25 border-box font30 data-v-35bf19e6"><view class="title data-v-35bf19e6">物流信息</view><view class="addressee-info mar-s20 flex data-v-35bf19e6"><view class="txt data-v-35bf19e6" style="width:100%;"><view class="font30 mar-x10 data-v-35bf19e6">{{orderDetail.express_name}}</view><view class="txt-coding font24 flex data-v-35bf19e6" style="margin-top:10rpx;"><text class="color-8c data-v-35bf19e6">{{"快递单号:"+orderDetail.express_number}}</text><view data-event-opts="{{[['tap',[['copyEV',['$event']]]]]}}" class="copy_btn data-v-35bf19e6" bindtap="__e">复制查询</view></view></view></view></view></block><block wx:if="{{orderDetail.status!=='waiting'}}"><view class="section background-white radius30 mar-x40 pad-all25 border-box font30 data-v-35bf19e6"><view class="pay-info data-v-35bf19e6"><view class="flex data-v-35bf19e6"><text class="data-v-35bf19e6">商品总金额</text><text class="color-red data-v-35bf19e6">{{orderDetail.original_price}}</text></view><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">折扣优惠</text><text class="color-red data-v-35bf19e6">{{coupon_vip_price>0?coupon_vip_price:0}}</text></view><view class="flex mar-s20 data-v-35bf19e6"><text class="data-v-35bf19e6">积分抵扣</text><text class="color-red data-v-35bf19e6">{{orderDetail.score_deduction_money>0?orderDetail.score_deduction_money:0}}</text></view><view class="pay-actual mar-s30 flex data-v-35bf19e6">实付款:<text class="color-red font36 data-v-35bf19e6">{{priceAll>0?'¥'+priceAll:0}}</text></view></view></view></block></view><view class="pull-btn background-white border-box data-v-35bf19e6" style="box-shadow:0 -9rpx 21rpx rgba(0,0,0,.1);"><block wx:if="{{orderDetail.status=='waiting'||orderDetail.status=='paid'}}"><view data-event-opts="{{[['tap',[['cancleEv',['$event']]]]]}}" class="btn border-btn border-box color-8c font36 radius30 flex data-v-35bf19e6" bindtap="__e">取消订单</view></block><block wx:if="{{orderDetail.status=='shipped'}}"><view class="order-btns-bg flex data-v-35bf19e6"><view data-event-opts="{{[['tap',[['refundEv',['$event']]]]]}}" class="btn border-btn border-box color-8c font36 radius30 flex data-v-35bf19e6" bindtap="__e">客服售后</view><view data-event-opts="{{[['tap',[['affirmEv',['$0'],['orderDetail.id']]]]]}}" class="btn border-box background-orange color-ff font36 radius30 flex data-v-35bf19e6" bindtap="__e">确认收货</view></view></block><block wx:if="{{orderDetail.status=='completed'}}"><view class="order-btns-bg flex data-v-35bf19e6"><view data-event-opts="{{[['tap',[['refundEv',['$event']]]]]}}" class="btn border-btn border-box color-8c font36 radius30 flex data-v-35bf19e6" bindtap="__e">客服售后</view><view data-event-opts="{{[['tap',[['buyAgain',['$event']]]]]}}" class="btn border-btn border-box color-8c font36 radius30 flex data-v-35bf19e6" bindtap="__e">再次购买</view></view></block><block wx:if="{{orderDetail.status=='closed'}}"><view data-event-opts="{{[['tap',[['buyAgain',['$event']]]]]}}" class="btn border-btn border-box color-8c font36 radius30 flex data-v-35bf19e6" bindtap="__e">再次购买</view></block></view><view data-event-opts="{{[['tap',[['closeEdit',['$event']]]]]}}" hidden="{{!(isOpen)}}" class="pull-bg data-v-35bf19e6" style="background-color:rgba(0,0,0,.3);" bindtap="__e"></view><block wx:if="{{isOpen}}"><view class="vip-box-bg border-box data-v-35bf19e6"><view class="vip-box radius20 background-white font30 data-v-35bf19e6"><view class="title data-v-35bf19e6">取消理由</view><view class="cancle-reason data-v-35bf19e6"><block wx:for="{{cancleReason}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['chooseEv',[index]]]]]}}" class="item flex data-v-35bf19e6" bindtap="__e"><label class="radio data-v-35bf19e6"><radio checked="{{index==reasonIndex}}" color="#febf00" class="data-v-35bf19e6"></radio></label><view class="txt font28 data-v-35bf19e6">{{item.value}}</view></view></block></view><view data-event-opts="{{[['tap',[['submitEdit',['$event']]]]]}}" class="submit-btn font36 background-orange radius30 mar-s60 flex data-v-35bf19e6" bindtap="__e">取消订单</view><view data-event-opts="{{[['tap',[['closeEdit',['$event']]]]]}}" class="close-btn data-v-35bf19e6" bindtap="__e"><image src="/static/icon/close-btn.png" mode="widthFix" class="data-v-35bf19e6"></image></view></view></view></block></view></block>