<view class="containerView">
    <!-- 轮播图 -->
    <view class="swiperView">
        <view class="tag">会议室</view>
        <swiper class='swiper-box' indicator-dots autoplay interval="3000" duration="1000" circular='true'>
            <swiper-item wx:for="{{bannerList}}" wx:key="index">
                <image class="img" src="{{IMG_NAME + item}}" mode="aspectFill"></image>
            </swiper-item>
        </swiper>
    </view>

    <!-- 详细信息 -->
    <view class="meetingDetailView">
        <view class="detailView">
            <view class="title">{{room.capacityNum}}人间 | {{room.roomName}} | {{room.buildingName}}</view>
            <view class="itemList">
                <view class="item" wx:for="{{room.roomItemList}}" wx:for-item="roomItem" wx:key="*this">#{{roomItem.name}}</view>
            </view>
        </view>
        <view class="priceView">
            <view class="price">￥{{room.money}}/</view>
            <view class="unit"><text decode>&nbsp;</text>{{room.duration}}小时 起</view>
        </view>
    </view>

    <!-- 内容 -->
    <view class="contentView">
        <view class="item">
            <van-icon name="calendar-o" size="54rpx" />
            <view class="time">{{selectDay}}</view>
        </view>
        <view class="item">
            <van-icon name="clock-o" size="54rpx" />
            <view class="time">{{selectCountTime}}</view>
        </view>
        <view class="item">
            <van-icon name="contact-o" size="54rpx" />
            <view class="time">{{userData.username}} {{userData.mobile}}</view>
        </view>
    </view>

    <!-- 填写信息 -->
    <view class="fillMsgView">
        <view class="itemView">
            <view class="label">会议主题</view>
            <view class="content">
                <van-field value="{{ title }}" placeholder="请输入会议主题" input-align="right" border="{{ false }}"  bind:change="titleChange"/>
            </view>
        </view>
        <view class="itemView" bind:tap="jumpMeetingFacilities">
            <view class="label">会议服务</view>
            <view class="content">
                <van-icon name="arrow" size="44rpx" />
            </view>
        </view>
        <view class="itemView" bind:tap="jumpMeetingCoupon">
            <view class="label">优惠券</view>
            <view class="content">
                <view class="coupon {{couponId ? 'select' : ''}}">{{couponId? couponData.ticketName : couponUseList.length + '张可用' + '（共计'+ couponList.length +'张）'}}</view>
                <van-icon name="arrow" size="44rpx" />
            </view>
        </view>
        <view class="itemView">
            <view class="label">总金额</view>
            <view class="content">
                <view class="price">￥{{countAmount}}</view>
            </view>
        </view>
    </view>

    <!-- 协议 -->
    <view class="protocolView">
        <van-checkbox value="{{ protocolFlag }}" bind:tap="protocolChange" icon-size="26rpx"></van-checkbox>
        <view bind:tap="protocolChange">我已阅读并同意</view>
        <view class="protocolTitle" bind:tap="jumpProtocol">{{protocolTitle}}</view>
    </view>

    <!-- 合计 -->
    <view class="amountView">
        <view class="priceView" bind:tap="priceDetail">
            <view class="title">合计:</view>
            <view class="price">￥{{totalAmount}}</view>
            <view class="describe">价格明细</view>
        </view>
        <view class="caseBtn" bind:tap="submitCase">提交订单</view>
    </view>

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