<view class="containerView public">
    <!-- 展示区域 -->
    <view class="itemView">
        <view class="contentView">
            <image class="img" src="{{IMG_NAME + detail.roomContent.indoorPicUrl}}" mode="aspectFill"></image>
            <view class="msgView">
                <view class="title">{{detail.roomContent.capacityNum}}人间 | {{detail.roomContent.roomName}} | {{detail.roomContent.buildingName}}</view>
                <view class="name">{{detail.title}}</view>
                <view class="time">{{detail.timeSlot}}</view>
            </view>
            <view class="priceView">
                <view class="price">￥{{detail.roomContent.money}}</view>
                <view class="unit">/ {{detail.roomContent.duration}}小时 起</view>
            </view>
        </view>
    </view>

    <!-- 基本信息 -->
    <view class="basicView">
        <view class="labelTitle leftLineTitle">基本信息</view>
        <view class="cellView">
            <view class="label">会议时间</view>
            <view class="content">{{detail.timeSlot}} 共计{{detail.countTime}}小时</view>
        </view>
        <view class="cellView">
            <view class="label">会议主题</view>
            <view class="content">{{detail.title}}</view>
        </view>
        <view class="cellView">
            <view class="label">会议预约人</view>
            <view class="content">{{detail.userName}}</view>
        </view>
        <view class="cellView">
            <view class="label">联系方式</view>
            <view class="content">{{detail.phone}}</view>
        </view>
        <view class="labelTitle leftLineTitle">订单信息</view>
        <view class="cellView">
            <view class="label">订单类型</view>
            <view class="content">会议室订单</view>
        </view>
        <view class="cellView">
            <view class="label">订单状态</view>
            <view class="content status" style="color: {{detail.statusColor}};">{{detail.statusName}}</view>
        </view>
        <view class="cellView">
            <view class="label">订单编号</view>
            <view class="content">{{detail.reservationNumber}}</view>
        </view>
        <view class="cellView">
            <view class="label">创建时间</view>
            <view class="content">{{detail.createTime}}</view>
        </view>
        <view class="cellView">
            <view class="label">优惠卷</view>
            <view class="content">{{detail.ticketName ? detail.ticketName : ''}}</view>
        </view>
        <view class="cellView">
            <view class="label">支付金额</view>
            <view class="content payMoney">￥{{detail.orderMoney}}</view>
        </view>
        <view class="cellView">
            <view class="label">支付时间</view>
            <view class="content">{{detail.orderTime ? detail.orderTime : ''}}</view>
        </view>
    </view>

    <!-- 底部区域 -->
    <view class="bottomFix" wx:if="{{detail.showPay || detail.showInvite || detail.showCancel}}">
        <view class="btn" wx:if="{{detail.showPay}}" bind:tap="jumpPay" data-id="{{detail.id}}">去支付</view>
        <view class="btn" wx:if="{{detail.showInvite}}">去邀请
            <button class="shareBtn" open-type="share" data-id="{{detail.id}}">转发</button>
        </view>
        <view class="btn" wx:if="{{detail.showCancel}}" bind:tap="cancelOrder" data-id="{{detail.id}}">取消订单</view>
    </view>

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

</view>