nova-trip/nova-tourism/pages/my/refund/refund-list/index.wxml

<nav type="back" background-color="{{activeColor}}" title="退款订单" frontColor="#ffffff" />
<van-tabs class="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>
<scroll-view style="height:calc(100vh - {{navigationBarHeight+ 44}}px);" scroll-y="{{true}}">
    <block wx:if="{{active==0}}">
        <block wx:if="{{orders.length==0}}">
            <van-empty description="暂无订单信息" />
        </block>
        <block wx:for="{{orders}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <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">
                    <block wx:if="{{item.room}}">
                        <image class="order-image" src="{{item.room.images[0]}}" />
                        <view class="order-text">
                            <view class="order-name">{{item.room.name}}</view>
                            <view class="order-price">￥{{item.price}}</view>
                            <view class="order-time">{{item.startTime}} - {{item.endTime}}</view>
                        </view>
                    </block>
                    <block wx:else>
                        <image class="order-image" src="{{item.image}}" />
                        <view class="order-text">
                            <view class="order-name">{{item.name}}</view>
                            <view class="order-price">￥{{item.price}}</view>
                            <view class="order-time">{{item.shopStore.workingTime}}</view>
                        </view>
                    </block>
                </view>
                <view class="order-btns">
                    <van-button data-item="{{item}}" catchtap="phone" size="small" type="default" class="btn">
                        联系房东
                    </van-button>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==1}}">
     <block wx:if="{{orders.length==0}}">
            <van-empty description="暂无订单信息" />
        </block>
        <block wx:for="{{orders}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <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-text">
                        <view class="order-name">{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-btns">
                    <van-button data-item="{{item}}" catchtap="phone" size="small" type="default" class="btn">
                        联系房东
                    </van-button>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==2}}">
     <block wx:if="{{orders.length==0}}">
            <van-empty description="暂无订单信息" />
        </block>
        <block wx:for="{{orders}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <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-text">
                        <view class="order-name">{{item.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">{{item.shopStore.workingTime}}</view>
                    </view>
                </view>
                <view class="order-btns">
                    <van-button data-item="{{item}}" catchtap="phone" size="small" type="default" class="btn">
                        联系房东
                    </van-button>
                </view>
            </view>
        </block>
    </block>
    <block wx:if="{{active==3}}">
     <block wx:if="{{orders.length==0}}">
            <van-empty description="暂无订单信息" />
        </block>
        <block wx:for="{{orders}}" wx:key="index">
            <view class="box">
                <view class="order-number">
                    <view class="number">订单号：{{item.orderNum}}</view>
                    <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.room.images[0]}}" />
                    <view class="order-text">
                        <view class="order-name">{{item.room.name}}</view>
                        <view class="order-price">￥{{item.price}}</view>
                        <view class="order-time">{{item.startTime}} - {{item.endTime}}</view>
                    </view>
                </view>
                <view class="order-btns">
                    <van-button data-item="{{item}}" catchtap="phone" size="small" type="default" class="btn">
                        联系房东
                    </van-button>
                </view>
            </view>
        </block>
    </block>
</scroll-view>