index.wxml 7.14 KB
<!--pages/reservr/index.wxml-->
<view class="pages">
    <view class="flex-vc map">
        <map id="map" scale="{{map.scale}}"
             longitude="{{map.longitude}}" latitude="{{map.latitude}}"
             markers="{{markers}}" polygons="{{polygons}}"
             bindmarkertap="markertap"
             bindcallouttap="markertap"
             bindregionchange="regionchange"
             bindupdated="mapUpdated"
             show-location="{{false}}"
             enable-3D="{{false}}"
             enable-zoom
             enable-scroll
             enable-rotate
             subkey="SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ"
             style="width: 100%; height: {{map.height+30}}px;"></map>
        <formids url="/pages/reserve/search" style="position: fixed;">
            <cover-view
                    class="flex-ll"
                    style="position:fixed;top:{{statusBarHeight}}px;left:0;height: {{titleBarHeight}}px; line-height: {{titleBarHeight}}px;">
                <cover-view class="searchList flex-ll" catchtap="listShow">
                    <cover-image class="icon" src="http://qn.colorcun.com/reserve/images/hasList3.png"></cover-image>
                    <cover-view class="title">列表</cover-view>
                </cover-view>
                <cover-view class="searchAddr flex-ll">
                    <cover-image class="icon" src="http://qn.colorcun.com/custom/lite-online/image/search26.png"></cover-image>
                    <cover-view class="title">{{hasSuggestion?suggestion.title:'输入餐厅名或地名,快速订包间'}}</cover-view>
                </cover-view>
            </cover-view>
        </formids>
    </view>
    <view class="seller-view {{(listMoreCount<1)?(hasSearchLimit?'disabled enabled':'disabled'):''}}">
        <cover-view class="toast" wx:if="{{hasGetSellersEnd && listMoreCount<1 && !hasSearchLimit && markers.length<2}}">该地区没有可供预订的餐厅哦!努力开通中</cover-view>
        <cover-view class="toast" wx:if="{{hasGetSellersEnd && markers.length<2 && listMoreCount>0}}">移动或缩放地图,获取更多餐厅</cover-view>
        <cover-view class="flex-vc transverse-view-top" bindtap="listShow" wx:if="{{hasGetSellersEnd && listMoreCount>0}}">
            <cover-view class="line"></cover-view>
            <cover-view class="text">
                <cover-view>{{hasSellers?'查看其它':'已扩大范围为你找到'}}{{listMoreCount}}家餐厅</cover-view>
            </cover-view>
        </cover-view>
        <view class="transverse-search flex-ll">
            <view
                    bindtap="caixiShow"
                    class="tags {{multiIndex[0]>0?'active':''}}"
            >
                <view class="picker flex-lr">
                    <view class="input">
                        <block wx:if="{{multiIndex[0]==0}}">菜系</block>
                        <block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>
                    </view>
                    <view class="more"></view>
                </view>
            </view>
            <block wx:for="{{tags}}" wx:key="tags.key">
                <view class="tags {{item.active?'active':''}}"
                      bindtap="tagsChange"
                      data-id="{{item.id}}">{{item.name}}</view>
            </block>
        </view>
        <view class="transverse-list">
            <swiper
                    indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
                    interval="2000" duration="500"
                    previous-margin="{{15}}px" next-margin="{{15}}px" style="height: 350rpx;"
                    current="{{current}}" bindchange="bindtransition" hidden="{{!hasSellers}}">
                <block wx:for="{{markers}}" wx:key="markers.key" wx:if="{{item.id!='location'}}">
                    <swiper-item bindtap="gotoDetail" data-sid="{{item.id}}" wx:if="{{item.display!='none'}}">
                        <view class="seller" id="seller-{{item.id}}">
                            <sb-tr seller="{{item.seller}}"
                                   hasActivityTags="{{false}}"
                                   hasActivityShort="{{true}}"
                                   hasBrand="true" hasActivityTese="true"
                                   hasSuggestion="{{hasSuggestion}}"
                                   hasSlogan="{{false}}"></sb-tr>
                        </view>
                    </swiper-item>
                </block>
                <swiper-item bindtap="gotoDetail2" wx:if="{{hasGetSellersEnd}}">
                    <view class="seller seller-last" id="seller-last">
                        <view class="empty">
                            <view class="info">
                                <view class="info-msg Semibold">缩放地图发现更多餐厅</view>
                                <view class="info-txt">往任意方向拖动地图,可搜索不同范围</view>
                            </view>
                            <view class="icon"></view>
                        </view>
                    </view>
                </swiper-item>
            </swiper>
            <view class="empty-txt flex-vc">
                <view class="seller" wx:if="{{hasGetSellersEnd}}">
                    <view class="empty">
                        <view class="info" wx:if="{{listMoreCount>0}}" bindtap="listShow">
                            <view class="info-msg Semibold">已扩大范围为你找到餐厅</view>
                            <view class="info-button flex-lr">
                                <view>去挑选</view>
                                <view class="info-button-gt"></view>
                            </view>
                        </view>
                        <view class="info" wx:elif="{{hasSearchLimit}}">
                            <view class="info-msg Semibold">未找到符合要求的餐厅</view>
                            <view class="info-txt">修改或减少条件,获取更多餐厅</view>
                        </view>
                        <view class="info" wx:else="hasSearchLimit" bindtap="setTSLocal">
                            <view class="info-msg Semibold">你可以切换到其他城市看看</view>
                            <view class="info-button full flex-lr">
                                <view>唐山市</view>
                                <view class="info-button-gt"></view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
<cover-view bindtap="moveToLocation" class="moveToLocation">
    <cover-image src="http://qn.colorcun.com/reserve/images/golocal.png"></cover-image>
</cover-view>
<getpos bindpos="onpos" id="getpos"></getpos>
<seller-box id="seller-box" bindevent="sellerBoxEvent"></seller-box>
<cover-view class="tab-patch"></cover-view>
<ds wx:if="{{hasSetActivity}}" map="{{map}}" id="ds"></ds>
<a2l bindshow="a2lshow" bindhide="a2lshow"></a2l>
<list id="list" bindevent="listEvent"
      multiArray="{{multiArray}}" multiIndex="{{multiIndex}}" tags="{{tags}}"></list>
<caixi multiArray="{{multiArray}}" multiIndex="{{multiIndex}}"
       bindactive="caixiActive" id="caixi"
></caixi>
<fb></fb>