<view class="containerView public">
    <van-tabs bind:click="tabClickSwitch" color="#4e96f8" border animated title-active-color="black" title-inactive-color="gray">
        <van-tab title="预约记录">
            <view class="itemView" wx:for="{{reservationDataList}}" wx:for-item="item" wx:key="*this">
                <view class="headView">
                    <view class="number">{{item.reservationNumber}}</view>
                    <view class="status" style="color: {{item.statusColor}};">{{item.statusName}}</view>
                </view>
                <view class="contentView" bind:tap="jumpMeetingDetail" data-id="{{item.id}}">
                    <image class="img" src="{{IMG_NAME + item.roomContent.indoorPicUrl}}" mode="aspectFill"></image>
                    <view class="msgView">
                        <view class="title">{{item.roomContent.capacityNum}}人间 | {{item.roomContent.roomName}} | {{item.roomContent.buildingName}}</view>
                        <view class="name">{{item.title}}</view>
                        <view class="time">{{item.timeSlot}}</view>
                    </view>
                </view>
                <view class="priceView">
                    <view class="name">总价:</view>
                    <view class="price">￥{{item.orderMoney}}</view>
                </view>
                <view class="btnView">
                    <view class="btn" wx:if="{{item.showPay}}" bind:tap="jumpPay" data-id="{{item.id}}">去支付</view>
                    <view class="btn" wx:if="{{item.showInvite}}">去邀请
                        <button class="shareBtn" open-type="share" data-id="{{item.id}}">转发</button>
                    </view>
                    <view class="btn" wx:if="{{item.showCancel}}" bind:tap="cancelOrder" data-id="{{item.id}}">取消订单</view>
                    <view class="btn" wx:if="{{item.showDetail}}" bind:tap="jumpMeetingDetail" data-id="{{item.id}}">查看详情</view>
                </view>
            </view>
            <view class="loadAllLine" wx:if="{{reservationIsDataAll}}">
                <van-divider class="van-divider" customStyle="font-size: 26rpx;" contentPosition="center">数据已全部加载</van-divider>
            </view>
        </van-tab>

        <van-tab title="参与记录">
            <view class="itemView" wx:for="{{participateDataList}}" wx:for-item="item" wx:key="*this" bind:tap="jumpParticipateDetail" data-id="{{item.id}}">
                <view class="headView">
                    <view class="number">{{item.reservationNumber}}</view>
                    <view class="status" style="color: {{item.statusColor}};">{{item.statusName}}</view>
                </view>
                <view class="contentView">
                    <image class="img" src="{{IMG_NAME + item.roomContent.indoorPicUrl}}" mode="aspectFill"></image>
                    <view class="msgView">
                        <view class="title">{{item.roomContent.capacityNum}}人间 | {{item.roomContent.roomName}} | {{item.roomContent.buildingName}}</view>
                        <view class="name">{{item.title}}</view>
                        <view class="time">{{item.timeSlot}}</view>
                    </view>
                </view>
            </view>
            <view class="loadAllLine" wx:if="{{participateIsDataAll}}">
                <van-divider class="van-divider" customStyle="font-size: 26rpx;" contentPosition="center">数据已全部加载</van-divider>
            </view>
        </van-tab>
    </van-tabs>

    <!-- 提示框 -->
    <van-dialog id="van-dialog" />
    <!-- 提示框 -->
    <van-notify id="van-notify" />

</view>