nova-trip/nova-tourism/pages/my/order-details/index.wxml

<nav type="back" background-color="{{activeColor}}" title="餐饮订单" frontColor="#ffffff" />
<view class="tabs">
    <van-tabs active="{{ active }}" bind:change="onChange" color="{{activeColor}}">
        <van-tab title="全部"></van-tab>
        <van-tab title="待付款"></van-tab>
        <van-tab title="待使用"></van-tab>
        <van-tab title="待评价"></van-tab>
    </van-tabs>
</view>
<scroll-view style="height:calc(100vh - {{stickytop+44}}px);" scroll-y="{{true}}">
    <block wx:if="{{active==0}}">
        <block wx:if="{{list.length==0}}">
            <van-empty description="暂无订单" />
        </block>
        <block wx:for="{{list}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <block wx:if="{{item.status==100}}">
                        <view class="state">待付款</view>
                    </block>
                    <block wx:if="{{item.status==200}}">
                        <view class="state">待使用</view>
                    </block>
                    <block wx:if="{{item.status==400}}">
                        <view class="state">待评价</view>
                    </block>
                    <block wx:if="{{item.status==800}}">
                        <view class="state">已完成</view>
                    </block>
                    <block wx:if="{{item.status==500}}">
                        <view class="state">退款审核中</view>
                    </block>
                    <block wx:if="{{item.status==601}}">
                        <view class="state">退款中</view>
                    </block>
                    <block wx:if="{{item.status==602}}">
                        <view class="state">退款失败</view>
                    </block>
                    <block wx:if="{{item.status==700}}">
                        <view class="state">退款成功</view>
                    </block>
                </view>
                <view class="order-txt" data-item="{{item}}" catchtap="orderpay">
                    <image class="order-image" src="{{item.image}}" />
                    <view class="order-name">
                        <view>{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">营业时间：{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <block wx:if="{{item.status < 800}}">
                        <button open-type="contact" class="bu" style="background-color: {{activeColor}};">联系客服</button>
                    </block>
                    <block wx:if="{{item.status == 800}}">
                        <view class="pay" data-item="{{item}}" catchtap="orderpay" style="background-color: {{activeColor}};">订单详情</view>
                    </block>
                    <block wx:if="{{item.status==100}}">
                        <view class="service" data-index="{{index}}" catchtap="delOrder">取消订单</view>
                    </block>
                    <block wx:if="{{item.status==200}}">
                        <view class="service" data-item="{{item}}" catchtap="refund">申请退款</view>
                    </block>
                    <block wx:if="{{item.status==100}}">
                        <view class="pay" data-item="{{item}}" catchtap="storepackage" style="background-color: {{activeColor}};">去支付</view>
                    </block>
                    <block wx:if="{{item.status==200}}">
                        <view class="pay" data-item="{{item}}" catchtap="orderpay" style="background-color: {{activeColor}};">去使用</view>
                    </block>
                    <block wx:if="{{item.status==400}}">
                        <view class="pay" data-item="{{item}}" catchtap="evaluation" style="background-color: {{activeColor}};">去评价</view>
                    </block>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==1}}">
        <block wx:if="{{list.length==0}}">
            <van-empty description="暂无订单" />
        </block>
        <block wx:for="{{list}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <view class="state">待付款</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="orderpay">
                    <image class="order-image" src="{{item.image}}" />
                    <view class="order-name">
                        <view>{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">营业时间：{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <!-- <view class="service">联系客服</view> -->
                    <button open-type="contact" class="bu">联系客服</button>
                    <block wx:if="{{item.status==100}}">
                        <view class="service" data-index="{{index}}" catchtap="delOrder">取消订单</view>
                    </block>
                    <view class="pay" data-item="{{item}}" catchtap="storepackage" style="background-color: {{activeColor}};">去支付</view>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==2}}">
        <block wx:if="{{list.length==0}}">
            <van-empty description="暂无订单" />
        </block>
        <block wx:for="{{list}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <view class="state">待使用</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="orderpay">
                    <image class="order-image" src="{{item.image}}" />
                    <view class="order-name">
                        <view>{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">营业时间：{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <!-- <view class="service">联系客服</view> -->
                    <button open-type="contact" class="bu">联系客服</button>
                    <view class="service">申请退款</view>
                    <view class="pay" data-item="{{item}}" catchtap="orderpay" style="background-color: {{activeColor}};">去使用</view>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==3}}">
        <block wx:if="{{list.length==0}}">
            <van-empty description="暂无订单" />
        </block>
        <block wx:for="{{list}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <view class="state">待评价</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="orderpay">
                    <image class="order-image" src="{{item.image}}" />
                    <view class="order-name">
                        <view>{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">营业时间：{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <!-- <view class="service">联系客服</view> -->
                    <button open-type="contact" class="bu">联系客服</button>
                    <view class="pay" data-item="{{item}}" catchtap="evaluation" style="background-color: {{activeColor}};">去评价</view>
                </view>
            </view>
        </block>
    </block>
</scroll-view>
<payment style="z-index: 99999;" id='payMent' show="{{show}}" tradeNo="{{tradeNo}}" price="{{price}}" bind:payResult='acceptResult' showType="all" />