detail.wxml 11.7 KB
<!--pages/reserve/detail.wxml-->
<layout>
    <nav hasHome>{{seller.sellername}}</nav>
    <!-- 包间预定 -->
    <view class="tabs flex-lr" wx:if="{{hasOnlineReserve}}">
        <view class="tabs-item flex-vc" bindtap="switchTabs" data-act="detail">
            <view class="tabs-item-text {{activeTab=='detail'?'active':''}}">餐厅详情</view>
        </view>
        <view class="tabs-item  flex-vc" bindtap="switchTabs" data-act="reserve">
            <view class="tabs-item-text {{activeTab=='reserve'?'active':''}}">包间预订</view>
        </view>
    </view>
    <view hidden="{{activeTab!='detail'}}">
        <view class="seller-banner" style="{{pagesHeight!='auto'?'position: fixed;':''}}{{hasOnlineReserve?'margin-top: 80rpx;':''}}">
            <swiper
                    indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
                    interval="2000" duration="500"
                    previous-margin="{{0}}px" next-margin="{{0}}px"
                    current="{{current}}" bindchange="bindtransition" bindtap="reviweBanner">
                <block wx:for="{{seller.envi_image}}" wx:key="sellers.key">
                    <swiper-item>
                        <image class="image" mode="aspectFill"
                                src="{{item}}?imageView2/2/w/860/interlace/0/q/100" ></image>
                    </swiper-item>
                </block>
            </swiper>
            <view class="slogan" wx:if="{{seller.slogan}}">
                <view class="slogan-view flex-ll">
                    <view class="dot"></view>
                    <view>{{seller.slogan}}</view>
                </view>
            </view>
            <view class="swiper-num" wx:if="{{seller.envi_image.length>0}}">{{currentView}} / {{seller.envi_image.length}}</view>
        </view>
        <view class="pages" style="height: {{pagesHeight}};overflow:{{pagesHeight=='auto'?'visible':'hidden'}}">
            <view class="seller">
                <view class="base">
                    <view class="name Semibold flex-lr">
                        <view class="name-info">{{seller.sellername}}
                            <view class="broad" wx:if="{{seller.brand}}">
                                <view class="broad-1"></view>
                                <view class="broad-2">{{seller.brand.name}}</view>
                                <view class="broad-3"></view>
                            </view>
                        </view>
                        <view class="average" wx:if="{{seller.average>0}}">¥{{seller.average}}/人</view>
                    </view>
                    <view class="ping flex-ll">
                        <view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view>
                        <view class="item" wx:if="{{seller.is_belt_wine!=0}}">{{seller.is_belt_wine==1?'不可带酒水':'可自带酒水'}}</view>
                        <view class="item" wx:if="{{seller.is_parking==1}}">停车场</view>
                        <view class="item" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view>
                    </view>
                    <view class="label_c" wx:if="{{seller.label_cstr}}">
                        <text class="label_text" >{{seller.label_cstr}}</text>
                    </view>
                </view>
                <view style="display:{{pagesHeight=='auto'?'block':'none'}}">
                    <view class="addr flex-lr" wx:if="{{hasOnlineReserve}}">
                        <view class="addr-view" bindtap="lookLocation">
                            <view class="addr-text flex-ll">
                                <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                                <view class="text">{{seller.real_address||seller.map_address}}</view>
                            </view>
                            <view class="addr-long">{{seller.distanceStr?'距您'+seller.distanceStr:''}}</view>
                        </view>
                        <view class="more more-phone" bindtap="reserveEvent" data-act="phone"></view>
                    </view>
                    <view class="addr flex-lr" bindtap="lookLocation" wx:else="" >
                        <view class="addr-view">
                            <view class="addr-text flex-ll">
                                <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                                <view class="text">{{seller.real_address||seller.map_address}}</view>
                            </view>
                            <view class="addr-long">{{seller.distanceStr?'距您'+seller.distanceStr:''}}</view>
                        </view>
                        <view class="more more-addr"></view>
                    </view>
                </view>
            </view>
            <view style="display:{{pagesHeight=='auto'?'block':'none'}}" wx:if="{{seller}}">
                <view class="black20line"></view>
                <block wx:if="{{seller.isopen_md==1 || seller.card_info.length>0}}">
                    <view class="activity-view-easy flex-lr" bindtap="showDiscount">
                        <view class="activity-left flex-ll">
                            <view class="activity-view-tit">优惠</view>
                            <view class="activity-view-blk" wx:if="{{seller.receive_condition_1}}">进店赠红包</view>
                            <view class="activity-view-blk" wx:if="{{seller.receive_condition_2}}">消费赠红包</view>
                            <view class="activity-view-blk" wx:if="{{seller.isopen_md==1}}">平台红包</view>
                        </view>
                        <view class="flex-rr activity-right">
                            <view class="more"></view>
                        </view>
                    </view>
                    <view class="black20line"></view>
                </block>
                <block wx:if="{{seller.isopen_md!=1}}">
                    <view class="seller" >
                        <view class="activity-view-easy flex-lr" >
                            <view class="activity-left flex-ll">
                                <view class="icon"></view>
                                <view class="discount" >本店不可使用平台红包</view>
                            </view>
                        </view>
                    </view>
                    <view class="black20line"></view>
                </block>
                <view class="block" wx:if="{{seller.room_image.length>0}}">
                    <view class="header flex-ll">
                        <view class="line"></view>
                        <view class="name">包间环境</view>
                    </view>
                    <scroll-view
                            scroll-x
                            class="baos"
                            scroll-into-view="{{toView}}"
                            scroll-top="{{scrollTop}}"
                    >

                        <block wx:for="{{seller.room_image}}" wx:key="sellers.key">
                            <view class="image">
                            <image mode="aspectFill" bindtap="reviweRoomImage" data-current="{{item}}"
                                    src="{{item}}?imageView2/2/w/640/interlace/0/q/100"></image>
                            </view>
                        </block>

                    </scroll-view>
                </view>
                <view class="block" wx:if="{{seller.dishes.length>0}}">
                    <view class="header flex-ll">
                        <view class="line"></view>
                        <view class="name">推荐菜品</view>
                    </view>
                    <scroll-view
                            scroll-x
                            class="cais"
                            scroll-into-view="{{toView}}"
                            scroll-top="{{scrollTop}}"
                    >
                        <block wx:for="{{seller.dishes}}" wx:key="sellers.key">
                        <view class="cais-views" wx:if="{{item.image}}">
                            <view class="image-view" >
                                <view class="image">
                                    <image mode="aspectFill" bindtap="reviweDishesImage" data-current="{{item.image}}"
                                            src="{{item.image}}?imageView2/2/w/640/interlace/0/q/100"></image>
                                </view>
                                <view class="text Semibold">{{item.name}}</view>
                            </view>
                        </view>
                        </block>
                    </scroll-view>
                    <view class="cais-text">
                        <block wx:for="{{seller.dishes}}" wx:key="sellers.key">
                            <view wx:if="{{!item.image}}">{{item.name}}</view>
                        </block>
                    </view>
                </view>
            </view>
        </view>
        <view class="footer flex-lr">
            <view class="left flex-cc">
                <formids class="flex-tb" url="/pages/customer/index">
                    <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E9%A6%96%E9%A1%B5.png"></image>
                    <view class="text">首页</view>
                </formids>
                <userinfo class="follow flex-tb" binduserinfo="follow">
                    <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E6%94%B6%E8%97%8F.png" wx:if="{{!IsCollectionSeller}}"></image>
                    <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%B7%B2%E6%94%B6%E8%97%8F.png" wx:else=""></image>
                    <view class="text">收藏</view>
                </userinfo>
            </view>
            <view class="reserve share flex-vc">
                <userinfo class="flex-vc" style="width: 100%" binduserinfo="shareUserinfo">
                    <view class="text">分享</view>
                </userinfo>
            </view>
            <view class="reserve reserve-click flex-vc">
                <formids class="flex-vc" bindclick="reserveEvent" id="reserve-button">
                    <view class="text">{{hasOnlineReserve?'订包间':'联系餐厅'}}</view>
                </formids>
            </view>

        </view>
        <as id="as" items="{{seller.seller_tel}}" bindclick="reservePhone" hasTip="{{false}}"></as>
        <getpos bindpos="onpos" id="getpos" hasAllowLoading="{{false}}"></getpos>
        <share id="share" seller_id="{{seller.id}}" seller="{{seller}}" wx:if="{{seller.id}}"></share>
        <!--
        <activity-tips str="¥price" cla="reserve-detail" pos="pages/reserve/detail"></activity-tips>
        -->

    </view>
    <view hidden="{{activeTab!='reserve'}}" wx:if="{{seller.id}}">
        <view class="olreserve bg_white">
            <calendar seller="{{seller}}" bindselectdate="selectdate" date="{{reserveDate}}"></calendar>
            <view class="reserve-time Semibold">预订时段</view>
            <section seller="{{seller}}" date="{{reserveDate}}" bind:selectsection="selectsection" section="{{reserveSection}}"></section>
            <block wx:if="{{reserveSection}}">
                <select-room seller="{{seller}}" date="{{reserveDate}}" section="{{reserveSection}}" seletroomlist="{{seletroomlist}}" bindchangeroom="selectroom"></select-room>
            </block>
        </view>
        <view class="reserve-button-cover flex-cc">
            <view class="white-font font32r reserve-button flex-cc" catchtap="complete">选好了</view>
        </view>
    </view>
</layout>
<discount id="discount" seller="{{seller}}" wx:if="{{seller}}" cla="{{activeTab=='reserve'?'seller-reserve':''}}"
          bindevent="reserveEvent"
          bindhide="discountHide"
          bindshow="discountShow"></discount>