order-info.wxml 12 KB

1
  1. <view class="order_info data-v-765d0d26"><view class="order_bg data-v-765d0d26"><image class="img_bg data-v-765d0d26" src="../../static/imgs/shop/order_detail.png"></image><block wx:if="{{orderInfo.status==0}}"><view class="state flexB data-v-765d0d26"><view class="data-v-765d0d26"><view class="data-v-765d0d26">等待付款</view><block wx:if="{{orderTime}}"><view class="count_down data-v-765d0d26">{{"该订单将在"+orderTime+"后自动关闭,请及时付款"}}</view></block></view><image style="width:103rpx;height:91rpx;" src="../../static/imgs/shop/state1.png" class="data-v-765d0d26"></image></view></block><block wx:if="{{orderInfo.status==1}}"><view class="state flexB data-v-765d0d26"><view class="data-v-765d0d26"><view class="data-v-765d0d26">{{orderInfo.self_receive==1?'已备货,可自提':'已生成订单'}}</view><text style="font-size:32px;" class="data-v-765d0d26">请线下联系收款</text></view><image style="width:108rpx;height:87rpx;" src="../../static/imgs/shop/state2.png" class="data-v-765d0d26"></image></view></block><block wx:if="{{orderInfo.status==2}}"><view class="state flexB data-v-765d0d26"><view class="data-v-765d0d26"><view class="data-v-765d0d26">{{orderInfo.self_receive==1?'已提货,待确认':'已发货'}}</view><text class="data-v-765d0d26">{{orderInfo.self_receive==1?'可提醒客户确认自提~':'包裹正在路上,请耐心等待~'}}</text></view><image style="width:120rpx;height:82rpx;" src="../../static/imgs/shop/state3.png" class="data-v-765d0d26"></image></view></block><block wx:if="{{orderInfo.status==3}}"><view class="state flexB data-v-765d0d26"><view class="data-v-765d0d26"><view class="data-v-765d0d26">已完成</view><text class="data-v-765d0d26">赶快看看客户的评价吧~</text></view><image style="width:129rpx;height:109rpx;" src="../../static/imgs/shop/state4.png" class="data-v-765d0d26"></image></view></block></view><view class="order_con data-v-765d0d26"><view class="top data-v-765d0d26"><block wx:if="{{orderInfo.user}}"><view class="log_info data-v-765d0d26"><view class="flexS data-v-765d0d26"><block wx:if="{{orderInfo.user}}"><image class="avatar data-v-765d0d26" src="{{orderInfo.user.avatar}}"></image></block><block wx:else><text class="iconfont icongeren2 data-v-765d0d26"></text></block><block wx:if="{{orderInfo.user}}"><view class="user data-v-765d0d26"><text class="data-v-765d0d26">客户:</text><text class="data-v-765d0d26">{{$root.f0}}</text><text style="margin-left:10rpx;" class="data-v-765d0d26">{{orderInfo.user.phone}}</text></view></block></view></view></block></view><block wx:if="{{orderInfo.address}}"><view class="ads_box flexSS data-v-765d0d26" style="margin-top:24rpx;"><text class="iconfont icondizhi data-v-765d0d26"></text><view class="ads data-v-765d0d26"><text class="data-v-765d0d26">{{orderInfo.address.name+orderInfo.address.phone}}</text><view class="data-v-765d0d26">{{''+orderInfo.address.province+orderInfo.address.city+orderInfo.address.area+orderInfo.address.address+''}}</view></view></view></block><view class="order_box data-v-765d0d26"><view class="shop_name data-v-765d0d26"><text class="iconfont icondianpu data-v-765d0d26"></text><text class="data-v-765d0d26">{{$root.f1+"的店铺"}}</text></view><view class="goods_box data-v-765d0d26"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view class="goods_con data-v-765d0d26"><view class="goods_info flexS data-v-765d0d26"><image class="goods_img data-v-765d0d26" src="{{item.$orig.img}}"></image><view class="goods_intr data-v-765d0d26"><text class="goods_name data-v-765d0d26">{{item.$orig.name}}</text><view class="one_year data-v-765d0d26" style="width:120rpx;">3条装</view><view class="price_box data-v-765d0d26" style="margin-top:20rpx;"><block wx:if="{{item.$orig.sku[0].price==item.$orig.vip_price}}"><view class="goods_price flexS data-v-765d0d26"><view class="flexS data-v-765d0d26"><view class="vip_ident data-v-765d0d26">VIP</view><text class="big_price data-v-765d0d26"><text class="data-v-765d0d26">¥</text><text class="data-v-765d0d26">{{item.$orig.vip_price}}</text></text></view><view class="draw_off data-v-765d0d26"><text class="data-v-765d0d26">(</text><text class="old_price data-v-765d0d26"><text class="symbol data-v-765d0d26">¥</text><text class="data-v-765d0d26">{{item.$orig.price}}</text></text><text class="data-v-765d0d26">)</text></view></view></block><block wx:else><view class="goods_price flexS data-v-765d0d26"><text class="big_price data-v-765d0d26"><text class="symbol data-v-765d0d26">¥</text><text class="data-v-765d0d26">{{item.$orig.price}}</text></text><view class="save_box data-v-765d0d26">{{'VIP可省'+item.m0}}</view></view></block></view></view></view><block wx:for="{{item.$orig.sku}}" wx:for-item="temp" wx:for-index="__i1__" wx:key="id"><view class="goods_size data-v-765d0d26"><view class="flexB data-v-765d0d26"><view class="data-v-765d0d26"><text class="gray data-v-765d0d26">款式:</text><text class="data-v-765d0d26">{{temp.type}}</text></view><text class="data-v-765d0d26">{{temp.price*temp.num+"元"}}</text></view><view class="flexB data-v-765d0d26"><view class="data-v-765d0d26"><text class="gray data-v-765d0d26">尺码:</text><text class="data-v-765d0d26">{{temp.size}}</text></view><text class="data-v-765d0d26">{{"X "+temp.num+"套"}}</text></view></view></block><view class="goods_total flexE data-v-765d0d26"><text style="color:#999;" class="data-v-765d0d26">{{"共"+item.m1+"套,"}}</text><text style="color:#999;" class="data-v-765d0d26">小计:</text><view class="price_box data-v-765d0d26"><view class="goods_price flexS data-v-765d0d26"><text class="big_price data-v-765d0d26"><text class="symbol data-v-765d0d26">¥</text><text class="data-v-765d0d26">{{item.m2}}</text></text></view></view></view></view></block></view><block wx:if="{{orderInfo.status==0}}"><view class="order_remark data-v-765d0d26"><view class="remark_title data-v-765d0d26">订单备注</view><view class="remark_box data-v-765d0d26"><textarea placeholder="可将收货人姓名、电话和地址备注在这里" auto-height="{{true}}" placeholder-style="font-size:30rpx;" disabled="{{!isText}}" data-event-opts="{{[['input',[['__set_model',['$0','remark','$event',[]],['orderInfo']]]]]}}" value="{{orderInfo.remark}}" bindinput="__e" class="data-v-765d0d26"></textarea><view class="flexE data-v-765d0d26"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="edit_remark flexCC data-v-765d0d26" catchtap="__e">编辑</view><block wx:if="{{isText}}"><view data-event-opts="{{[['tap',[['editRemark',['$event']]]]]}}" class="edit_remark flexCC finish data-v-765d0d26" catchtap="__e">完成</view></block></view></view></view></block><block wx:else><view class="flexT data-v-765d0d26" style="margin-top:15rpx;"><view style="flex-shrink:0;" class="data-v-765d0d26">订单备注:</view><text class="gray data-v-765d0d26" selectable="true" data-event-opts="{{[['tap',[['copy',['$0'],['orderInfo.remark']]]]]}}" bindtap="__e">{{(orderInfo.remark?orderInfo.remark:'无')+''}}</text></view></block></view><view class="order_intr data-v-765d0d26"><view class="flexS data-v-765d0d26"><text class="data-v-765d0d26">订单编号:</text><text style="font-size:24rpx;" class="data-v-765d0d26">{{orderInfo.order_no}}</text><text data-event-opts="{{[['tap',[['copy',['$0'],['orderInfo.order_no']]]]]}}" class="copy_new_btn data-v-765d0d26" bindtap="__e">复制</text></view><view class="data-v-765d0d26"><text class="data-v-765d0d26">下单时间:</text><text class="data-v-765d0d26">{{orderInfo.created_at}}</text></view><block wx:if="{{orderInfo.status==2||orderInfo.status==3}}"><view class="data-v-765d0d26"><text class="data-v-765d0d26">发货方式:</text><text class="data-v-765d0d26">{{orderInfo.self_receive==1?'送货':'物流发货'}}</text></view></block><block wx:if="{{orderInfo.signature}}"><view class="sign_box data-v-765d0d26"><text class="data-v-765d0d26">确认签名:</text><image class="sign data-v-765d0d26" src="{{orderInfo.signature}}"></image></view></block></view><view class="order_total data-v-765d0d26"><view class="flexB data-v-765d0d26"><text class="data-v-765d0d26">商品总额:</text><text class="big_price data-v-765d0d26"><text class="data-v-765d0d26">¥</text><text class="data-v-765d0d26">{{totalPrice}}</text></text></view><view class="flexB data-v-765d0d26" style="margin-top:15rpx;"><text class="data-v-765d0d26">商品数量:</text><text class="data-v-765d0d26">{{totalNum+"套"}}</text></view></view></view><view class="order_opera flexE data-v-765d0d26"><block wx:if="{{orderInfo.status==0}}"><view class="data-v-765d0d26"><view class="flexE data-v-765d0d26"><view data-event-opts="{{[['tap',[['cancelOrder',['$0'],['orderInfo.id']]]]]}}" class="cancel_btn data-v-765d0d26" catchtap="__e">取消订单</view><view data-event-opts="{{[['tap',[['callPhone']]]]}}" class="base_btn data-v-765d0d26" catchtap="__e">联系客户</view></view></view></block><block wx:if="{{orderInfo.status==1}}"><view class="flexE data-v-765d0d26"><block wx:if="{{orderInfo.is_help==1&&orderInfo.apply_cancel==1}}"><view data-event-opts="{{[['tap',[['skipAudit']]]]}}" class="audit_btn data-v-765d0d26" catchtap="__e">待审核</view></block><block wx:if="{{orderInfo.apply_cancel!=1}}"><view data-event-opts="{{[['tap',[['cancelOrder',['$0'],['orderInfo.id']]]]]}}" class="cancel_btn data-v-765d0d26" catchtap="__e">取消订单</view></block><block wx:if="{{orderInfo.apply_cancel!=1}}"><view data-event-opts="{{[['tap',[['shipments']]]]}}" class="base_btn data-v-765d0d26" catchtap="__e">立即发货</view></block></view></block><block wx:if="{{orderInfo.status==2}}"><view class="flexE data-v-765d0d26"><block wx:if="{{orderInfo.self_receive==1}}"><view data-event-opts="{{[['tap',[['callPhone',['$event']]]]]}}" class="base_btn data-v-765d0d26" bindtap="__e">联系客户</view></block><block wx:else><view data-event-opts="{{[['tap',[['lookLogs',['$event']]]]]}}" class="base_btn data-v-765d0d26" style="margin-left:20rpx;" bindtap="__e">查看物流</view></block><view data-event-opts="{{[['tap',[['confirmReceipt',['$0'],['orderInfo.order_no']]]]]}}" class="base_btn data-v-765d0d26" catchtap="__e">确认收货</view></view></block><block wx:if="{{orderInfo.status==3}}"><view class="flexE data-v-765d0d26"><block wx:if="{{orderInfo.is_refund!=1&&orderInfo.is_refund!=3}}"><view data-event-opts="{{[['tap',[['applyReturn',['$event']]]]]}}" class="cancel_btn data-v-765d0d26" bindtap="__e">申请退货</view></block><block wx:if="{{orderInfo.is_refund!=0}}"><view data-event-opts="{{[['tap',[['refundDetail',['$event']]]]]}}" class="cancel_btn data-v-765d0d26" bindtap="__e">退货详情</view></block><view data-event-opts="{{[['tap',[['skipEval',['$event']]]]]}}" class="base_btn data-v-765d0d26" bindtap="__e">查看评价</view></view></block></view><block wx:if="{{shareShow}}"><view class="share_show data-v-765d0d26"><view class="share_con flexCC data-v-765d0d26"><text data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="iconfont iconguanbi data-v-765d0d26" bindtap="__e"></text><view class="canvas data-v-765d0d26"><canvas style="width:100%;height:100%;" canvas-id="canvas" id="canvas" class="data-v-765d0d26"><image class="poster_img _img data-v-765d0d26" src="{{poster}}" mode="widthFix" data-event-opts="{{[['tap',[['preview',['$event']]]]]}}" bindtap="__e"></image></canvas></view><view class="save_img data-v-765d0d26">点击图片-长按-发送给朋友</view></view></view></block><view class="qrimg data-v-765d0d26"><tki-qrcode vue-id="554518a0-1" val="{{code.val}}" size="{{code.size}}" icon="{{code.icon}}" iconSize="{{code.iconsize}}" onval="{{code.onval}}" loadMake="{{code.loadMake}}" showLoading="{{code.showLoading}}" loadingText="{{code.loadingText}}" data-ref="qrcode" data-event-opts="{{[['^result',[['drawPoster']]]]}}" bind:result="__e" class="data-v-765d0d26 vue-ref" bind:__l="__l"></tki-qrcode></view><hint-pop vue-id="554518a0-2" showPop="{{showPop}}" data-event-opts="{{[['^pay',[['e2']]],['^share',[['e3']]],['^close',[['e4']]]]}}" bind:pay="__e" bind:share="__e" bind:close="__e" class="data-v-765d0d26" bind:__l="__l"></hint-pop><show-modal vue-id="554518a0-3" showPop="{{showModal}}" data-event-opts="{{[['^cancel',[['skip',[0]]]],['^confirm',[['skip',[1]]]]]}}" bind:cancel="__e" bind:confirm="__e" class="data-v-765d0d26" bind:__l="__l"></show-modal></view>