<!--pages/reserve/indexList.wxml-->
<nav>
    <view class="view header flex align-center justify-center text-blue padding-left" style="right:{{right}}px;top:{{top}}px;" wx:if="{{right>0}}">
        <view class="view flex flex-direction" bindtap="dispalySearchHow">
            <view class="view txt-26-h">{{headerHows[0]}}</view>
            <view class="view txt-26-h">{{headerHows[1]}}</view>
        </view>
        <view class="line margin-lr"></view>
        <view class="flex justify-around align-center" bindtap="searchKeyword">
            <image class="margin-right-sm" wx:if="{{!keyword}}"
                    style="width: 32rpx; height: 32rpx;" src="http://nosqn.colorcun.com/search/s%20%2811%29.png"></image>
            <view class="view text-cut txt-34-h text-left margin-right-sm"
                  style="width: 170rpx;">{{keyword||'搜索餐厅…'}}</view>
            <view class="margin-right-sm clean view"
                  wx:if="{{keyword}}" catchtap="moveToLocation"></view>
        </view>
    </view>
</nav>
    <!--
    <view class="searchAddrView searchKeyword bg-white" bindtap="gotoSearch">
        <view class="searchAddr flex-ll">
            <image class="icon" src="http://nosqn.colorcun.com/custom/lite-online/image/search26.png"></image>
            <input style="width: 100%;" placeholder="{{search_placeholder}}"
                   type="text" disabled placeholder-class="placeholder"
                   value="{{keyword}}"/>
            <view class="clean" catchtap="moveToLocation" wx:if="{{keyword && hasSuggestion}}"></view>
        </view>
    </view>
    -->
<view class="view content" style="height: calc(100vh - 65px);">
    <filter-group height="{{height}}"
                  id="filter-group"
                  filterParams="{{filterParams}}"
                  bindevent="filterGroupEvent"
                  disabled="{{(sellers.length<1 && !hasFilterData) || hasLoading}}"></filter-group>
    <block wx:if="{{hasLoading}}">
        <view class="view flex flex-direction justify-center align-center" wx:if="{{hasLoading}}">
            <image class="view" src="http://nosqn.colorcun.com/2.0/timg.gif" style="width: 40rpx;height: 40rpx;margin-top: 260rpx;"></image>
            <view class="view bg-white text-sm margin-top">包间查找中，请稍后…</view>
        </view>
    </block>
    <block wx:elif="{{sellers.length<1}}">
        <view class="view flex flex-direction justify-center align-center empty-box margin-sm">
            <image class="margin-top"
                    src="http://nosqn.colorcun.com/2.0/home%20%2818%29.png" style="width: 520rpx; height: 384rpx;"></image>
            <view class="view margin-top-lg text-df">抱歉，没有找到符合的内容</view>
            <view class="view margin-top-xs text-df">试试搜搜别的</view>
        </view>
    </block>
    <block wx:else="">
        <scroll-view class="view scroll-view" scroll-y="true"
                     scroll-into-view="seller-{{scrollSellerID}}"
                     scroll-with-animation
                     bindscrolltolower="getListMore"
                     style="width:100%;height: calc(100vh - 65px);">
            <block wx:for="{{sellers}}" wx:key="sellers" >
                <navigator url="/pages/reserve/shopHome?id={{item.id}}" hover-class="navigator-hover">
                    <seller-card class="seller-card" id="seller-{{item.id}}"
                                 activeSellerID="{{activeSellerID}}"
                                 seller="{{item}}" bindevent="sellerCardEvent" ></seller-card>
                </navigator>
            </block>
            <view class="view" style="height: 160rpx;"></view>
        </scroll-view>
    </block>
</view>
<getpos bindpos="onpos" id="getpos" hasAllowLoading="{{false}}"></getpos>
<as-phone id="as"></as-phone>
<search-how id="search-how" findSellerData="{{findSellerData}}" bindevent="howEvent"></search-how>
<menu></menu>
<service></service>