detail.wxml 16.6 KB
<!--pages/reserve/detail.wxml-->
<nav>{{seller.sellername}}</nav>
<view class="detail" hidden="true">
	<view class="seller-banner">
		<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 class="addr flex-lr" bindtap="lookLocation">
				<view class="addr-view">
					<view class="addr-text flex-ll">
						<image src="http://qn.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 class="black20line"></view>
		<view class="seller">
			<formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
				<view class="activity-view-easy flex-lr" >
					<view class="activity-left flex-ll">
						<view class="icon"></view>
						<block wx:for="{{seller.activity}}"
							   wx:key="seller.activity.key"
							   wx:if="{{index<2}}">
							<view class="discount" >{{item.title}}</view>
						</block>
					</view>
					<view class="flex-rr activity-right">
						<view class="more-text">更多</view>
						<view class="more"></view>
					</view>
				</view>
			</formids>
			<!--
			<formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
				<view class="activity-view" >
					<view class="activity" >
						<view class="flex-lr">
							<view class="activity-left">
								<view class="activity-first flex-ll" style="align-items: flex-start">
									<image src="http://qn.colorcun.com/custom/lite-online/image%E5%96%87%E5%8F%AD.png"></image>
									<view class="flex-cc discount" wx:for="{{seller.activity}}"
										  wx:key="seller.activity.key"
										  wx:if="{{index<2}}">
										<view class="discount-left"></view>
										<view class="discount-text">{{item.title}}</view>
										<view class="discount-right"></view>
									</view>
								</view>
							</view>
							<view class="activity-right flex-rr Semibold">
								<view></view>
								<view class="more"></view>
							</view>
						</view>
						<view class="activity-text">
							该优惠仅适用于一键订平台预订客户
						</view>
					</view>
				</view>
			</formids>
			-->
		</view>
		<view class="black20line"></view>
		<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 class="footer flex-lr">
		<view class="left flex-cc">
			<formids class="flex-tb" url="/pages/customer/index">
				<image src="http://qn.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://qn.colorcun.com/custom/lite-online/image/%E6%94%B6%E8%97%8F.png" wx:if="{{!IsCollectionSeller}}"></image>
				<image src="http://qn.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">
			<formids class="flex-vc" bindclick="reserve" id="reserve-button">
				<view class="text">电话预订</view>
			</formids>
		</view>

	</view>
	<as id="as" items="{{seller.seller_tel}}" bindclick="reservePhone">拨打电话预订</as>
	<getpos bindpos="onpos" id="getpos"></getpos>
	<discount id="discount" seller="{{seller}}" bindhide="discountHide" bindshow="discountShow"></discount>
	<share id="share" seller_id="{{seller.id}}"></share>
</view>
<!-- 包间预定 -->	
<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>
<block wx:if="{{activeTab=='detail'}}">
    <view class="seller-banner" style="{{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 class="addr flex-lr" bindtap="lookLocation">
                <view class="addr-view">
                    <view class="addr-text flex-ll">
                        <image src="http://qn.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 class="black20line"></view>
        <view class="seller">
            <formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
                <view class="activity-view-easy flex-lr" >
                    <view class="activity-left flex-ll">
                        <view class="icon"></view>
                        <block wx:for="{{seller.activity}}"
                               wx:key="seller.activity.key"
                               wx:if="{{index<2}}">
                            <view class="discount" >{{item.title}}</view>
                        </block>
                    </view>
                    <view class="flex-rr activity-right">
                        <view class="more-text">更多</view>
                        <view class="more"></view>
                    </view>
                </view>
            </formids>
            <!--
            <formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
                <view class="activity-view" >
                    <view class="activity" >
                        <view class="flex-lr">
                            <view class="activity-left">
                                <view class="activity-first flex-ll" style="align-items: flex-start">
                                    <image src="http://qn.colorcun.com/custom/lite-online/image%E5%96%87%E5%8F%AD.png"></image>
                                    <view class="flex-cc discount" wx:for="{{seller.activity}}"
                                          wx:key="seller.activity.key"
                                          wx:if="{{index<2}}">
                                        <view class="discount-left"></view>
                                        <view class="discount-text">{{item.title}}</view>
                                        <view class="discount-right"></view>
                                    </view>
                                </view>
                            </view>
                            <view class="activity-right flex-rr Semibold">
                                <view></view>
                                <view class="more"></view>
                            </view>
                        </view>
                        <view class="activity-text">
                            该优惠仅适用于一键订平台预订客户
                        </view>
                    </view>
                </view>
            </formids>
            -->
        </view>
        <view class="black20line"></view>
        <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 class="footer flex-lr">
        <view class="left flex-cc">
            <formids class="flex-tb" url="/pages/customer/index">
                <image src="http://qn.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://qn.colorcun.com/custom/lite-online/image/%E6%94%B6%E8%97%8F.png" wx:if="{{!IsCollectionSeller}}"></image>
                <image src="http://qn.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">
            <formids class="flex-vc" bindclick="reserve" id="reserve-button">
                <view class="text">{{hasOnlineReserve?'包间预订':'联系餐厅'}}</view>
            </formids>
        </view>

    </view>
    <as id="as" items="{{seller.seller_tel}}" bindclick="reservePhone">拨打电话预订</as>
    <getpos bindpos="onpos" id="getpos"></getpos>
    <discount id="discount" seller="{{seller}}" bindhide="discountHide" bindshow="discountShow"></discount>
    <share id="share" seller_id="{{seller.id}}"></share>
</block>
<block wx:if="{{activeTab=='reserve'}}">
    <view class="olreserve">

    </view>
</block>