<view class="container">
    <view class="product-title card f17">{{productInfo.productName}}</view>
    <view class="shop-name card f17">门店·{{shopInfo.storeName}}</view>
    <view class="people-num card">
        <view class="title">选择人数</view>
        <view class="num-box">
            <view bindtap="reducePeopleNum" class="" data-num="{{peopleNum}}">
                <image class="" src="../../images/icons/reduce.png" lazy-load="false" binderror="" bindload="">
                </image>
            </view>
            <input type="text" value="{{peopleNum}}" disabled="true" class="num-text" />
            <view bindtap="addPeopleNum" class="" data-num="{{peopleNum}}">
                <image class="" src="../../images/icons/add.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
                    binderror="" bindload="">

                </image>
            </view>
        </view>
    </view>
    <view class="order-time card">
        <mp-tabs tabs="{{tabs}}" style="width: 100%;" data-active="{{activeTab}}" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick"
        bindchange="onSlideChangeEnd" activeClass="tab-bar-title__selected" tabActiveTextColor="#E32490" swiperHeight="{{(tabs[activeTab].list.length)/5*140}}">
        <block wx:for="{{tabs}}" wx:key="title">

            <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick" style="height: {{orderTimeHeight}}rpx;">
                <view  class="orders" style="height: {{orderTimeHeight}}rpx;overflow-y: auto;">
                    <block wx:for="{{tabs[index].list}}"wx:for-index="index" wx:key="id">
                        
                       <view class="time-info {{item.checked&&item.inTime?'select-time':''}}  {{item.inTime?'':'out-time'}}"  data-time="{{item.time}}"  data-i="{{index}}"  bindtap = "getOrderTime" >
                           <view class="time fw300" >{{item.time}}</view>
                           <view class="price fw300" >¥{{productInfo.currentPrice}}</view>
                       </view>
                    </block>

                </view>
            </view>
        </block>
    </mp-tabs>

    </view>
    <navigator class="appointment card" url="" hover-class="appointment-hover" open-type="navigate">
        <view class="btn" bindtap = "checkAuth">
            确认预约
        </view>
    </navigator>

    
</view>