nova-trip/nova-tourism/pages/my/foodorder/index.wxml

<nav type="back" background-color="#46a9a4" title="堂食订单" />
<view class="tabs">
    <van-tabs active="{{ active }}" bind:change="onChange" color="#46a9a4">
        <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.tradeNo}}</view>
                    <block wx:if="{{item.state==100}}">
                        <view class="state">待付款</view>
                    </block>
                    <block wx:if="{{item.state==200}}">
                        <view class="state">待使用</view>
                    </block>
                    <block wx:if="{{item.state==400}}">
                        <view class="state">待评价</view>
                    </block>
                    <block wx:if="{{item.state==800}}">
                        <view class="state">已完成</view>
                    </block>
                    <block wx:if="{{item.state==500}}">
                        <view class="state">退款审核中</view>
                    </block>
                    <block wx:if="{{item.state==601}}">
                        <view class="state">退款中</view>
                    </block>
                    <block wx:if="{{item.state==602}}">
                        <view class="state">退款失败</view>
                    </block>
                    <block wx:if="{{item.state==700}}">
                        <view class="state">退款成功</view>
                    </block>
                </view>
                <view class="order-txt" data-item="{{item}}" catchtap="foodpay">
                    <image class="order-image" src="{{item.foods[0].images[0]}}" />
                    <view class="order-name">
                        <view>{{item.table.name}}</view>
                        <view class="order-price">￥{{item.totalPrice}}</view>
                        <view class="order-time">{{item.Time}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <!-- <block wx:if="{{item.state < 800}}">
                        <button open-type="contact" class="bu">联系客服</button>
                    </block> -->
                    <block wx:if="{{item.state == 800}}">
                        <view class="pay" data-item="{{item}}" catchtap="foodpay">订单详情</view>
                    </block>
                    <block wx:if="{{item.state==100}}">
                        <view class="service" data-index="{{index}}" catchtap="delOrder">取消订单</view>
                    </block>
                    <block wx:if="{{item.state==200}}">
                        <view class="service" data-item="{{item}}" catchtap="refund">申请退款</view>
                    </block>
                    <block wx:if="{{item.state==100}}">
                        <view class="pay" data-item="{{item}}" catchtap="storepackage">去支付</view>
                    </block>
                    <block wx:if="{{item.state==800}}">
                        <view class="pay" data-item="{{item}}" catchtap="foodpay">已完成</view>
                    </block>
                    <block wx:if="{{item.state==400}}">
                        <view class="pay" data-item="{{item}}" catchtap="foodevaluation">去评价</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.tradeNo}}</view>
                    <view class="state">待付款</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="foodpay">
                    <image class="order-image" src="{{item.foods[0].images[0]}}" />
                    <view class="order-name">
                        <view>{{item.table.name}}</view>
                        <view class="order-price">￥{{item.totalPrice}}</view>
                        <view class="order-time">{{item.Time}}</view>
                    </view>
                </view>
                <view class="order-order">
                    <!-- <view class="service">联系客服</view> -->
                    <!-- <button open-type="contact" class="bu">联系客服</button> -->
                    <block wx:if="{{item.state==100}}">
                        <view class="service" data-index="{{index}}" catchtap="delOrder">取消订单</view>
                    </block>
                    <view class="pay" data-item="{{item}}" catchtap="storepackage">去支付</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.tradeNo}}</view>
                    <view class="state">待使用</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="orderpay">
                    <image class="order-image" src="{{item.foods[0].images[0]}}" />
                    <view class="order-name">
                        <view>{{item.table.name}}</view>
                        <view class="order-price">￥{{item.totalPrice}}</view>
                        <view class="order-time">{{item.Time}}</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">去使用</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.tradeNo}}</view>
                    <view class="state">待评价</view>
                </view>
                <view class="order-txt" data-item="{{item}}" bindtap="foodpay">
                    <image class="order-image" src="{{item.foods[0].images[0]}}" />
                    <view class="order-name">
                        <view>{{item.table.name}}</view>
                        <view class="order-price">￥{{item.totalPrice}}</view>
                        <view class="order-time">{{item.Time}}</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="foodevaluation">去评价</view>
                </view>
            </view>
        </block>
    </block>
</scroll-view>
<payment style="z-index: 99999;" id='payMent' show="{{show}}" tradeNo="{{tradeNo}}" price="{{totalPrice}}" bind:payResult='acceptResult' showType="all" />