seafood/wechat/pages/order/order.wxml

<!--order.wxml-->
<navigator class="return-index-btn" open-type="redirect" wx:if="{{show_index}}" url="/pages/index/index">
    <image src="/images/nav-icon-index.png" style="width: 50rpx;height: 50rpx"></image>
</navigator> 
<view class="flex-row tab-bar">
    <view class="flex-grow-1">
        <navigator class="{{status==0?'active':''}}" url="/pages/order/order?status=0" open-type="redirect">
            <text>待付款</text>
        </navigator>
    </view>
    <view class="flex-grow-1">
        <navigator class="{{status==1?'active':''}}" url="/pages/order/order?status=1" open-type="redirect">
            <text>待发货</text>
        </navigator>
    </view>
    <view class="flex-grow-1">
        <navigator class="{{status==2?'active':''}}" url="/pages/order/order?status=2" open-type="redirect">
            <text>待收货</text>
        </navigator>
    </view>
    <view class="flex-grow-1">
        <navigator class="{{status==3?'active':''}}" url="/pages/order/order?status=3" open-type="redirect">
            <text>已完成</text>
        </navigator>
    </view>
    <view class="flex-grow-1">
        <navigator class="{{status==4?'active':''}}" url="/pages/order/order?status=4" open-type="redirect">
            <text>退款</text>
        </navigator>
    </view> 
</view>
<view class="order-list">
    <view wx:if="{{show_no_data_tip}}" class="no-data-tip">暂无相关订单</view>
    <view class="order-item" wx:for="{{order_list}}" wx:for-item="order">
        <navigator url="{{status==4?'/pages/order-refund-detail/order-refund-detail?id='+order.order_refund_id:'/pages/order-detail/order-detail?id='+order.order_id}}">
            <view class="flex-row order-info">
                <view class="flex-grow-1">订单号:{{order.order_no}}</view>
                <view class="flex-grow-0">{{order.addtime}}</view>
            </view>

            <view class="goods-list">
                <view class="goods-item flex-row" wx:for="{{order.goods_list}}" wx:for-item="goods">
                    <view class="flex-grow-0" style="overflow: visible">
                        <image class="goods-pic" mode="aspectFill" src="{{goods.goods_pic}}" />
                    </view>
                    <view class="flex-grow-1 flex-col">
                        <view class="flex-grow-1">
                            <view class="goods-name">{{goods.goods_name}}</view>
                            <view class="attr-list">
                                <view class="attr-item" wx:for="{{goods.attr_list}}" wx:for-item="attr">
                                    {{attr.attr_group_name}}:{{attr.attr_name}}
                                </view>
                            </view>
                        </view>
                        <view class="flex-grow-0 flex-row">
                            <view class="flex-grow-1 num">×{{goods.num}}</view>
                            <view class="flex-grow-0 price">￥{{goods.price}}</view>
                        </view>
                    </view>
                </view>
            </view>
        </navigator>
        <view class="flex-row">
            <view class="flex-grow-1 flex-y-center">
                <block wx:if="{{status==4}}">
                    <view class='flex-grow-0 flex-y-center'>
                        <!-- 退货退款：
                        <text style="color: #ff4544">￥{{order.refund_price}}</text> -->
                        <image class='refundImg' src='/images/refund.png'></image>
                        <view class='flex-col' style="color: #EB4851; margin-left: 10rpx;"> 
                             {{order.refund_status == 5 || order.refund_status == 6 ? '退款完成' : '退款处理中'}} 
                        </view>         
                    </view>
                </block>
                <block wx:else>合计：￥{{order.pay_price}}</block>
            </view>
            <view class="flex-grow-0 flex-y-center flex-row">
                <block wx:if="{{status==4}}">
                    <view bindtap='refundDel' data-id='{{order.order_refund_id}}' wx:if='{{order.refund_status == 5 || order.refund_status == 6}}' class="order-option-btn">删除订单</view>
                    <!-- <view wx:if="{{order.refund_status==0}}">等待处理</view>
                    <view style="color: #36ba75" wx:if="{{order.refund_status==1}}">已同意并退款</view>
                    <view style="color: #36ba75" wx:if="{{order.refund_status==2}}">已同意退款</view>

                    <block wx:if="{{order.refund_status==3}}">
                        <view style="color: #ff4544" wx:if="{{order.refund_type==1}}">已拒绝退货</view>
                        <view style="color: #ff4544" wx:if="{{order.refund_type==2}}">已拒绝退款</view>
                    </block> -->
                </block>
                <block wx:else>
                    <view class="flex-grow-1" wx:if="{{order.is_send==0 && order.is_pay==0}}">
                        <text wx:if="{{order.apply_delete==1}}">取消申请中</text>
                        <button wx:else class="order-option-btn" bindtap="orderRevoke" data-type='cancel' data-id="{{order.order_id}}">取消
                        </button>
                    </view>
                    <view class="flex-grow-1" wx:if="{{order.is_send==0 && order.is_pay==1}}">
                        <text wx:if="{{order.apply_delete==1}}">退款申请中</text>
                        <button wx:else class="order-option-btn" bindtap="orderRevoke" data-id="{{order.order_id}}">申请退款
                        </button>
                    </view>
                    <view class="flex-grow-1" wx:if="{{order.is_pay==0}}">
                        <button class="order-option-btn order-red-btn" bindtap="orderPay" data-id="{{order.order_id}}">付款</button>
                    </view>
                    <view class="flex-grow-1" wx:if="{{order.is_pay == 1 && order.is_offline == 1 && order.is_send == 0 && order.apply_delete==0}}">
                        <view class="order-option-btn clerk flex-y-center" bindtap="orderQrcode" data-index="{{index}}">
                            <image src="/images/icon-clerk.png" style='width:26rpx;height:26rpx;margin-right:10rpx' data-index="{{index}}" /> 核销码
                        </view>
                    </view>
                    <view class="flex-grow-1" wx:if="{{order.is_pay==1&&order.is_send==0}}">
                        <button class="order-option-btn order-red-btn order-red-btn" bindtap="remindSend" data-id="{{order.order_id}}">提醒发货</button>
                    </view>
                    <view class="flex-grow-1 flex-row" wx:if="{{order.is_send==1&&order.is_confirm==0}}">
                        <view class="flex-grow-0" wx:if='{{order.express}}'>
                            <navigator class="order-option-btn" url="/pages/express-detail/express-detail?id={{order.order_id}}">物流
                            </navigator>
                        </view>
                        <view class="flex-grow-0">
                            <button class="order-option-btn" bindtap="orderConfirm" data-id="{{order.order_id}}">确认收货
                            </button>
                        </view>
                    </view>
                    <view class="flex-grow-1" wx:if="{{order.is_send==1&&order.is_confirm==1&&order.is_comment==0}}">
                        <navigator class="order-option-btn" url="/pages/order-comment/order-comment?id={{order.order_id}}">评价
                        </navigator>
                    </view>
                    <!-- <view class="flex-grow-1" wx:elif="{{order.is_send==1&&order.is_confirm==1&&order.is_comment==1}}">
                        <view class="order-option-btn">已评价
                        </view>
                    </view> -->
                    <view bindtap='orderDel' data-id='{{order.order_id}}' class='flex-grow-1 order-option-btn' wx:if="{{order.is_confirm==1}}">删除订单</view>
                </block>
            </view>
        </view>
    </view>

</view>
<view class='flex-row flex-y-center modal {{hide==1?"hide":""}}' bindtap='hide'>
    <view class='flex-y-center' style='width:100%;height:800rpx;padding:100rpx;'>
        <view style='background-color:#fff;width:100%;height:100%;border-radius:10rpx;padding:0 50rpx;'>
            <view class='flex-x-center' style='width:100%;height:50rpx;margin-top:50rpx;font-size:13pt;margin-bottom:20rpx'>核销二维码</view>
            <image src='{{qrcode}}' style='width:450rpx;height:450rpx;'></image>
        </view>
    </view>
</view>