detail.wxml 13.4 KB
<!--pages/reserve/detail.wxml-->
<wxs src="../../utils/util.wxs" module="util" />
<page loading="{{loading}}">
    <navigator open-type="navigateBack" wx:if="{{hasBack}}">
        <view style="top:{{meTop}}px;"
              class="me view flex flex-direction align-center justify-center round">
            <!-- <image src="http://nosqn.colorcun.com/back-white.png" style="width: 18rpx;height: 32rpx;"></image> -->
        </view>
    </navigator>
    <nav hasHome id='nav' backgroundColor="{{hasNav ? '#ffffff' : 'transparent'}}" place="{{false}}">{{hasNav ? seller.sellername : ''}}</nav>
    <view class="swiper-view">
        <swiper class="swiper-image"
                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="envi_image">
                <swiper-item>
                    <image class="swiper-image" mode="aspectFill"
                           src="{{item}}?imageView2/2/w/860/interlace/0/q/100" ></image>
                </swiper-item>
            </block>
        </swiper>
        <view class="swiper-num view padding-lr-sm" wx:if="{{seller.envi_image.length>1}}">
            {{currentView}}/{{seller.envi_image.length}}
        </view>
    </view>
    <view class="view margin-lr-sm radius bg-white padding text-black"
          id="seller-base"
          style="margin-top: -50rpx; position: relative;z-index: 1;">
        <view class="view flex justify-start margin-bottom-sm">
            <view class="view flex-treble">
                <view class="text-bold text-44">
                    {{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="view bg-white" style="margin-top: 6rpx;" wx:if="{{seller.cate.length>0}}">{{util.replace(seller.cate,',','/')}}</view>
            </view>
            <view class="view solid-left padding-left flex justify-center align-center text-orange margin-left-sm"
                  wx:if="{{seller.average>0}}"
                  style="height: 90rpx;line-height: 90rpx; margin-top: 8rpx;">
                <view class="txt-32-h">¥</view>
                <view class="txt-44-h text-bold">{{seller.average}}</view>
                <view class="txt-32-h">/人</view>
            </view>
        </view>
        <view class="view flex-wrap flex margin-bottom-sm">
            <view class="view label_c solid text-blue txt-24-h padding-lr-xs margin-right-xs margin-bottom-xs" wx:for="{{seller.label_c}}" wx:key="label_c">{{item.name}}</view>
            <view class="view label_c solid text-cyan txt-24-h padding-lr-xs margin-right-xs margin-bottom-xs" wx:if="{{seller.is_belt_wine!=0}}">{{seller.is_belt_wine==1?'不可带酒水':'可自带酒水'}}</view>
            <view class="view label_c solid text-cyan txt-24-h padding-lr-xs margin-right-xs margin-bottom-xs" wx:if="{{seller.is_parking==1}}">停车场</view>
            <view class="view label_c solid text-cyan txt-24-h padding-lr-xs margin-right-xs margin-bottom-xs" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view>
        </view>
        <view class="slogan flex align-center text-blue margin-bottom" wx:if="{{seller.slogan}}">
            <view class="slogan-icon view margin-lr-sm"></view>{{seller.slogan}}
        </view>
        <view class="flex justify-start align-start">
            <view class="flex-treble" bindtap="lookLocation">
                <view class="text-bold text-30">{{seller.real_address||seller.map_address}}</view>
                <view wx:if="{{seller.distanceStr}}" class="flex align-center text-666666 txt-28-h">
                    <view class="localtion view margin-right-xs"></view>
                    {{seller.distanceStr?'距您'+seller.distanceStr:''}}
                </view>
            </view>
            <view class="view margin-lr-sm flex flex-direction align-start justify-center" bindtap="lookLocation">
                <view class="map-icon view"></view>
                <view class="txt-24-h text-blue">位置</view>
            </view>
            <view class="view margin-left-sm flex flex-direction align-start justify-center"
                  bindtap="sellerPhone">
                <view class="tel-icon view"></view>
                <view class="txt-24-h text-blue">电话</view>
            </view>
        </view>
    </view>
    <view class="padding-lg bg-white text-black margin-top-sm" wx:if="{{seller.activityStr || seller.card_info.length>0}}">
        <view wx:if="{{(seller.isopen_md==1 && hasPTactivity) || seller.card_info.length>0}}" bindtap="showDiscount">
            <view class="activity-view-easy flex view align-center justify-between">
                <view class="activity-left flex view">
                    <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 && hasPTactivity}}">平台红包</view>
                </view>
                <view class="more"></view>
            </view>
            <view class="activityStr view" wx:if="{{seller.activityStr}}">
                {{seller.activityStr}}
            </view>
        </view>
        <block wx:elif="{{seller.activityStr}}">
            <view class="view flex align-center" bindtap="showDiscount">
                <view class="view flex flex-treble text-cut align-center">
                    <view class="view margin-right-lg txt-40-h text-bold">优惠</view>
                    <view class="view flex-treble text-cut">
                        {{seller.activityStr}}
                    </view>
                </view>
                <view class="view more margin-left-xs"></view>
            </view>
        </block>
        <block wx:if="{{seller.isopen_md!=1 && hasPTactivity}}">
            <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>
        </block>
    </view>
	<taocan sid="{{seller.id}}" wx:if="{{seller.id}}"></taocan>
    <view class="view bg-white text-black padding-tb-lg margin-top-sm" wx:if="{{seller.room_image.length>0}}">
        <view class="view padding-left-lg text-bold txt-40-h margin-bottom">参观包间</view>
        <scroll-view class="text-cut margin-bottom-sm" scroll-x="true" bindscroll="scroll" style="width: 100%;">
            <block wx:for="{{seller.room_image}}" wx:key="room_image">
                <image class="room_image" mode="aspectFill"
                       bindtap="reviweRoomImage" data-current="{{item}}"
                       src="{{item}}?imageView2/2/w/640/interlace/0/q/100"></image>
            </block>
        </scroll-view>
    </view>
    <view class="view bg-white text-black padding-tb-lg margin-top-sm" wx:if="{{seller.dishes.length>0}}">
        <view class="view padding-left-lg text-bold txt-40-h margin-bottom">推荐菜品</view>
        <scroll-view class="text-cut margin-bottom-sm"
                     wx:if="{{hasDishesImage}}"
                     scroll-x="true" bindscroll="scroll" style="width: 100%;">
            <block wx:for="{{seller.dishes}}" wx:key="dishes-image">
                <view class="dishes-image-views" wx:if="{{item.image}}">
                    <image class="dishes-image" mode="aspectFill"
                           bindtap="reviweDishesImage" data-current="{{item.image}}"
                           src="{{item.image}}?imageView2/2/w/640/interlace/0/q/100"></image>
                    <view class="flex txt-28-h align-center" style="margin-top: 16rpx; width: 260rpx;">
                        <image style="width: 24rpx;height: 24rpx; margin-right: 10rpx;"
                               src="http://nosqn.colorcun.com/detail/x%20%289%29.png"/>
                        <text class="text-cut">{{item.name}}{{item.name}}</text>
                    </view>
                </view>
            </block>
        </scroll-view>
        <view class="cais-text flex flex-wrap view margin-lr-lg margin-top-lg padding-tb-lg padding-lr-sm"
              wx:if="{{hasDishesText}}">
            <block wx:for="{{seller.dishes}}" wx:key="sellers.key">
                <view wx:if="{{!item.image}}" class="margin-bottom-sm text-666666 margin-right-lg">{{item.name}}</view>
            </block>
        </view>
    </view>

    <block wx:if="{{seller.seller_config_info.is_display_dish==1}}">
        <navigator url="/pack-cookbook/pages/index?rid=18599&oid=273&identity=1&seeAll={{seller.sellername}}&sid={{seller.id}}" hover-class="navigator-hover">
            <view class="view padding-lg margin-top-sm bg-white text-black">
                <view class="view flex justify-between align-center">
                    <view class="view txt-40-h text-bold">查看菜单</view>
                    <view class="view flex justify-end align-center">
                        <view style="font-size: 28rpx;margin-right: 20rpx;">所有菜品</view>
                        <view class="more"></view>
                    </view>
                </view>
            </view>
        </navigator>
    </block>
    <block wx:if="{{seller.comment_info}}">
        <navigator url="/pages/pinglun/mylist?act=seller&sid={{seller.id}}" hover-class="navigator-hover">
            <view class="view padding-lg margin-top-sm bg-white text-black">
                <view class="view flex justify-between align-center">
                    <view class="view txt-40-h text-bold">用户评价</view>
                    <view class="view flex justify-end align-center">
                        <view style="font-size: 28rpx;margin-right: 20rpx;">所有评价</view>
                        <view class="more"></view>
                    </view>
                </view>
            </view>
        </navigator>
        <view class="view padding-bottom-xl padding-lr-lg bg-white text-black">
            <view class="view flex flex-wrap" wx:if="{{commentLabel.length>0}}">
                <block wx:for="{{commentLabel}}" wx:key="commentLabel">
                    <view class="view commentLabel padding-lr-sm margin-bottom-sm margin-right-sm">{{item.name}}</view>
                </block>
            </view>
            <view class="margin-top-lg">
                <plcard post="{{seller.comment_info}}"></plcard>
            </view>
        </view>
    </block>

    <view style="height:116rpx;width: 100%;">
        <view class="footer view flex align-center justify-between">
            <view class="view flex align-center justify-around flex-treble">
                <navigator url="/pages/customer/index" open-type="redirect">
                    <view class="flex flex-direction align-center justify-center">
                        <image style="width:40rpx;height: 40rpx;margin-bottom: 4rpx;" src="http://nosqn.colorcun.com/detail/x%20%2819%29.png"></image>
                        <view class="Medium txt-20-h">首页</view>
                    </view>
                </navigator>
                <view class="flex flex-direction align-center justify-center" bindtap="follow">
                    <image style="width:40rpx;height: 40rpx;margin-bottom: 4rpx;" src="{{IsCollectionSeller?'http://nosqn.colorcun.com/detail/x%20%2810%29.png':'http://nosqn.colorcun.com/detail/x%20%2822%29.png'}}"></image>
                    <view class="Medium txt-20-h">收藏</view>
                </view>
                <service>
                    <view class="flex flex-direction align-center justify-center">
                        <image style="width:36rpx;height: 36rpx;margin-bottom: 10rpx;" src="http://nosqn.colorcun.com/detail/x%20%2821%29.png"></image>
                        <view class="Medium txt-20-h">客服</view>
                    </view>
                </service>
                <view class="flex flex-direction align-center justify-center" bindtap="shareDisplay">
                    <image style="width:40rpx;height: 40rpx;margin-bottom: 4rpx;" src="http://nosqn.colorcun.com/detail/x%20%2820%29.png"></image>
                    <view class="Medium txt-20-h">分享</view>
                </view>
            </view>
            <navigator url="/pages/reserve/reserve?id={{seller.id}}&activeTab=reserve">
                <view class="view bg-blue-blue margin-right-lg reserve-button txt-36-h text-bold flex justify-center align-center">订包间</view>
            </navigator>
        </view>
    </view>
</page>

<getpos id="getpos" bindpos="onpos"></getpos>
<as-phone id="as"></as-phone>
<discount id="discount" seller="{{seller}}" wx:if="{{seller}}"
          hasPTactivity="{{hasPTactivity}}"
          cla="{{activeTab=='reserve'?'seller-reserve':''}}"
          bindevent="reserveEvent"
          bindhide="discountHide"
          bindshow="discountShow"></discount>
<share id="share" seller_id="{{seller.id}}" seller="{{seller}}" wx:if="{{seller.id}}"></share>