tourism-wxapp/nova-tourism/pages/my/my-order/index.wxml

<!--nova-tourism/pages/my/my-order/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="我的订单" />
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="tabbos">
        <view class="tabs">
            <van-dropdown-menu active-color='#B2CEB9'>
                <van-dropdown-item bind:change='change' model:value="{{ value }}" options="{{ option }}" />
            </van-dropdown-menu>
        </view>
    </view>

    <view class="tab-bar">
        <view class="tab-item {{currentTab == 0? 'active' : ''}}" bindtap="switchTab" data-index="0">
            <text>处理中</text>
        </view>
        <view class="tab-item {{currentTab == 1? 'active' : ''}}" bindtap="switchTab" data-index="1">
            <text>进行中</text>
        </view>
        <view class="tab-item {{currentTab == 2? 'active' : ''}}" bindtap="switchTab" data-index="2">
            <text>已完成</text>
        </view>
    </view>
    <view wx:if="{{currentTab == 0}}">
        <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
            <view class="cardbox">
                <view class="title">{{item.shopStore.storeName}}
                    <view wx:if="{{item.status==100}}" style="margin-left: auto;">已支付</view>
                    <view wx:if="{{item.status==102}}" style="margin-left: auto;">申请退房</view>
                    <view wx:if="{{item.status==104}}" style="margin-left: auto;">申请已驳回</view>

                </view>
                <view class="roombox">
                    <image src="{{item.room.images[0]}}"></image>
                    <view class="room">
                        <view class="room-name">{{item.room.name}}</view>
                        <view class="room-tag">
                            <block wx:for="{{item.room.tags}}">
                                {{item}}
                            </block>
                        </view>
                        <view class="room-text">{{item.tiem}}</view>
                    </view>
                </view>
                <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                <view class="pricebox">
                    <view class="price">实付款￥{{item.price}}</view>
                </view>
                <view class="sumbitbox">
                    <view wx:if="{{item.status==100}}" class="sumbit" bindtap="ONShow" data-item="{{item}}">申请退房</view>
                    <view class="sumbit" style="margin-left: 15rpx;" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">订单详细</view>

                </view>
                <van-dialog wx:if="{{showid==item.objectId}}" message='仅支持线下退款,确定退房吗？' data-item="{{item}}" show="{{ show }}" show-cancel-button bind:cancel="onClose2" bind:confirm="ordercom">
                </van-dialog>
            </view>
        </block>
        <!-- <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
            <view class="cardbox">
                <view class="title">望仙礼遇</view>
                <view class="roombox">
                    <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                    <view class="room">
                        <view class="room-name">房间描述房间描述</view>
                        <view class="room-text2">紫色经典款</view>
                    </view>
                </view>
                <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                <view class="pricebox">
                    <view class="ciri">望仙次日达</view>
                    <view class="price">实付款￥19999.99</view>
                </view>
                <view class="sumbitbox">
                    <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">订单详细</view>
                </view>
            </view>
        </block> -->
        <van-empty wx:if="{{value=='民宿'&&roomList.length==0}}" description="暂无订单" />
        <van-empty wx:if="{{value=='物品'}}" description="暂无订单" />
    </view>
    <view wx:if="{{currentTab == 1}}">
        <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
            <view class="cardbox">
                <view class="title">{{item.shopStore.storeName}}</view>
                <view class="roombox">
                    <image src="{{item.room.images[0]}}"></image>
                    <view class="room">
                        <view class="room-name">{{item.room.name}}</view>
                        <view class="room-tag">
                            <block wx:for="{{item.room.tags}}">
                                {{item}}
                            </block>
                        </view>
                        <view class="room-text">{{item.tiem}}</view>
                    </view>
                </view>
                <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                <view class="pricebox">
                    <view class="price">实付款￥{{item.price}}</view>
                </view>
                <view class="sumbitbox">
                    <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">变更订单</view>
                </view>
            </view>
        </block>
        <!-- <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
                <view class="cardbox">
                    <view class="title">望仙礼遇</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">房间描述房间描述</view>
                            <view class="room-text2">紫色经典款</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="ciri">望仙次日达</view>
                        <view class="price">实付款￥19999.99</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">查看物流</view>
                    </view>
                </view>
            </block> -->
        <van-empty wx:if="{{value=='民宿'&&roomList.length==0}}" description="暂无订单" />
        <van-empty wx:if="{{value=='物品'}}" description="暂无订单" />
    </view>
    <view wx:if="{{currentTab == 2}}">
        <block wx:if="{{value=='民宿'}}" wx:for="{{roomList}}">
            <view class="cardbox">
                <view class="title">{{item.shopStore.storeName}}
                    <view wx:if="{{item.status==800}}" style="margin-left: auto;">已完成</view>
                    <view wx:if="{{item.status==103}}" style="margin-left: auto;">退房成功</view>
                </view>
                <view class="roombox">
                    <image src="{{item.room.images[0]}}"></image>
                    <view class="room">
                        <view class="room-name">{{item.room.name}}</view>
                        <view class="room-tag">
                            <block wx:for="{{item.room.tags}}">
                                {{item}}
                            </block>
                        </view>
                        <view class="room-text">{{item.tiem}}</view>
                    </view>
                </view>
                <van-divider customStyle="margin-top: 20rpx;margin-bottom:22rpx border-color:'#D9D9D9' " />
                <view class="pricebox">
                    <view class="price">实付款￥{{item.price}}</view>
                </view>
                <view class="sumbitbox">
                    <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">订单详细</view>
                </view>
            </view>
        </block>
        <!-- <block wx:if="{{value=='物品'}}" wx:for="{{3}}">
                <view class="cardbox">
                    <view class="title">望仙礼遇</view>
                    <view class="roombox">
                        <image src="https://file-cloud.fmode.cn//tmp/mqHkA2qV3Q8nca3dc59bad49de6e5ae57afa81d78ae8.jpeg?imageView2/1/w/200/h/200"></image>
                        <view class="room">
                            <view class="room-name">房间描述房间描述</view>
                            <view class="room-text2">紫色经典款</view>
                        </view>
                    </view>
                    <van-divider customStyle="margin: 20rpx;border-color:'#B1B1B1' " />
                    <view class="pricebox">
                        <view class="ciri">望仙次日达</view>
                        <view class="price">实付款￥19999.99</view>
                    </view>
                    <view class="sumbitbox">
                        <view class="sumbit" bindtap="gourl" data-url="../my-order/order-detail/index" data-id="{{item.objectId}}">订单详细</view>
                    </view>
                </view>
            </block> -->
        <van-empty wx:if="{{value=='民宿'&&roomList.length==0}}" description="暂无订单" />
        <van-empty wx:if="{{value=='物品'}}" description="暂无订单" />
    </view>
    <!-- 望仙礼遇 -->
    <!-- <view class="box">
        <view class="wangbox">
            <view class="wang">望仙礼遇</view>
        </view>
        <view class="wang-cardbox">
            <block wx:for="{{4}}">
                <view class="wang-card" bindtap="gourl2">
                    <image src="https://file-cloud.fmode.cn//tmp/srFPqGFAzeT5958c828d985e451ed4c0b452e39ff57a.jpeg"></image>
                    <view class="wang-catex">粉黛胖挑主人杯(无礼盒)·手做</view>
                    <view class="wang-numbox">
                        <view class="wang-num">
                            <view class="wang-num1">￥</view>
                            <view class="wang-num2">19900</view>
                        </view>
                        <view class="wang-submit">购买</view>
                    </view>
                </view>
            </block>
        </view>
    </view> -->

</view>