<!--pack-book/pages/reservation/reservation.wxml-->
<nav id="nav" backgroundColor="#199095" color="#fefefe">预订本</nav>
<view class="topWrap" style="top: {{barHeight}}px;">
    <view class="dateInfo" bind:tap="showDateModal">
        <view class="threeDays font40r">{{threeText}}</view>
        <view class="dateText font32r">{{date}}</view>
        <view class="dateText1 font32r">{{date1}}</view>
        <view class="weekText font32r">{{week}}</view>
    </view>
    <view class="mealPeriod">
        <view bind:tap="lunchFun" data-mname="{{item.mname}}" data-ddate="{{item.ddate_solt}}" class="periodItems {{activeSolt == item.ddate_solt ? 'activeBtn' : ''}}" wx:for="{{lunchDinnerList}}" wx:key="index">
            <text class="names font28r">{{item.mname}}</text>
            <text class="dates font24r">{{item.mdate}}</text>
        </view>
    </view>
    <view class="tables">
        <view bind:tap="floorClick" data-item="{{item}}" class="tablesItems {{activeIndex==item.id?'activeLi':''}}" wx:for="{{floorList}}" wx:key="index">
            <view class="names font32r">{{item.name}}</view>
        </view>
    </view>
</view>
<view class="mainCenter" style="padding-top: {{barHeight+60}}px;">
    <view data-item="{{item}}" data-index="{{index}}" bind:tap="getTapHandler" class="itemsBox {{item.show?'checked':''}} {{(item.reserveLock == '1' || item.lockstitch) ? 'lockstitchBox':''}} {{item.reserveList?'orderInfo':''}} {{item.banquetList && item.banquetList.length>0?'banquetsInfo':''}}" wx:for="{{homeList}}" wx:key="{{item.id}}">
        <view class="wordName font32r">{{ item.name }}</view>
        <block wx:if="{{item.reserveList}}">
            <view class="information font20r">
                {{item.reserveList.rname}}{{item.reserveList.sex == '1'?'先生':item.reserveList.sex=='2'?'女士':item.reserveList.sex == '3'?'公司':item.reserveList.sex == '4'?'贵宾':''}}{{item.reserveList.actual_pum && item.reserveList.actual_pum>0?'('+item.reserveList.actual_pum+'人)':''}}
            </view>
            <span class="who font20r">{{(item.reserveList.place_order_name?item.reserveList.place_order_name + '订':'')}}</span>
            <view wx:if="{{item.reserveList.reserveCount>0}}" class="reserveInfo font20r">
                第{{item.reserveList.reserveCount}}次到店
            </view>
        </block>
        <block wx:elif="{{item.banquetList && item.banquetList.length>0}}">
            <view class="who font20r">{{ item.banquetList[0].rname }}{{item.banquetList[0].sex == '1'?'先生':item.banquetList[0].sex=='2'?'女士':item.banquetList[0].sex == '3'?'公司':item.banquetList[0].sex == '4'?'贵宾':'' }}</view>
            <view class="reserveInfo font20r">{{ item.banquetList[0].class_name }}</view>
        </block>
        <block wx:elif="{{item.reserveLock == '1' || item.lockstitch}}">
            <view class="tidName font20r">{{item.tid == '1'?'散座':item.tid == '2'?'包间':item.tid == '3'?'卡座':''}}</view>
            <image class="lockedimg" src="https://qn.colorcun.com/Framelock.png" mode="" />
        </block>
        <block wx:else>
            <view class="tidName font20r">{{item.tid == '1'?'散座':item.tid == '2'?'包间':item.tid == '3'?'卡座':''}}</view>
            <view class="dates font20r" wx:if="{{item.table_pnum || item.most_pnum}}">{{item.table_pnum && item.table_pnum!=item.most_pnum?item.table_pnum+'-':''}}{{item.most_pnum}}人</view>
        </block>
    </view>
</view>
<my-modal id="getDate" fadeStyle="slideUp" height="450px">
    <view slot="modalName" class="titleModal ">
    </view>
    <view slot="modalContent">
        <view style="width: 100%;height:640rpx;overflow:hidden;">
            <calendar id="calendar" calendarConfig="{{calendarConfig}}" bind:afterTapDay="afterTapDay" bind:afterCalendarRender="afterCalendarRender"></calendar>
        </view>
        <view class="btns">
            <view class="btn" bind:tap="regainToday">回到今天</view>
            <view class="cancal" bind:tap="closeDateModal">取消</view>
        </view>
    </view>
</my-modal>
<my-modal id="getBook" fadeStyle="slideUp" height="200px">
    <view slot="modalName" class="titleModal ">
        <view class="leftBox">
            <view class="topItem font28r">{{threeText}} {{date}} {{mealTime}}</view>
            <view class="bottomItem font20r">{{week}}{{date1}}</view>
        </view>
        <view class="clear font20r" bind:tap="clearSeat">
            清空
        </view>
    </view>
    <view slot="modalContent">
        <view class="bookInfo">
            <view class="bookItems" wx:for="{{objpush}}">
                <view class=" bookName font28r">{{item.name}}</view>
                <image bind:tap="clearSeatItem" data-item="{{item}}" class="delImg" src="https://qn.colorcun.com/delBookImg.png" mode="" />
            </view>
        </view>
        <view class="bookInfoBtns">
            <view class="seat" bind:tap="occupySeat">仅占座</view>
            <view class="bookBtn" bind:tap="occupySeat" data-type="1">录入预订</view>
        </view>
    </view>
</my-modal>
<tabBar></tabBar>