shopHome.wxml 16.6 KB
<!--pages/reserve/shopHome.wxml-->
<nav hasHome class="navhome" backgroundColor="#0143a3" color="#fff" place="{{true}}">{{seller.sellName}}</nav>
<view>
	<view class="flex-vc {{home.image?'sellBox':'sellBox sellBox1'}}">
		<image wx:if="{{home.image}}" class="imgs" src="{{home.image}}" mode="widthFix" />
		<view class="info flex-vl" style="background:#fff;">
			<view class="flex-lr">
				<view class="colorText  font32r">{{seller.sellName}}</view>
				<image bindtap="follow" wx:if="{{IsCollectionSeller}}" class="img1" src="https://qn.colorcun.com/heartFilledBlue.png" />
				<image bindtap="follow" wx:else class="img1" src="https://qn.colorcun.com/heartBlue.png" />
			</view>
			<view class="colorFive text1 font28r">营业时间:{{seller.date}}</view>
			<view class="colorFive text2 font28r">
				电话:<text class="colorText" wx:for="{{seller.seller_tel}}" bindtap="call" data-info="{{item}}">{{item}}{{(seller.seller_tel.length-1)!=index?',':''}}</text>
			</view>
			<view class="colorFive font28r" bindtap="looklocation">
				<text>地址:{{seller.address}}</text>
				<image class="img2" src="https://qn.colorcun.com/address.png" />
			</view>
		</view>
	</view>
	<view class="preferential" wx:if="{{hasValueCertificate && marketing && coupon_dataList.length>0}}">
		<block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
            <navigator wx:if="{{item.resultCoupon || !item.resultCoupon || item.is_type != '3'}}" url="/pack-activity/pack/receiveCoupon?id={{item.id}}&sid={{sid}}&types=3&StyleType={{StyleType}}" hover-class="navigator-hover">
                <view class="couponWrap">
                    <view class="itemLeft">
                        <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
                        <view class="discountText1 font20r {{item.arule.is_accumulation == '1'?'discountText2':'discountText3'}}" wx:if="{{item.is_type == '3'}}">{{item.arule.is_accumulation == '1' ? '可' : '不可'}}叠加</view>
                        <view class="priceText" wx:if="{{item.price}}">
                            <view class="icons font24r">¥</view><text class="font48r">{{item.price}}</text>
                        </view>
                        <view class="icons font20r" wx:if="{{item.is_type == '3' && item.desc!='0'}}">消费满{{item.desc}}元可用</view>
                    </view>
                    <view class="couponLine"></view>
                    <view class="itemRight">
                        <view class="btns">
                            <text class="font32r anameText">{{item.aname}}</text>
                            <block wx:if="{{item.is_type == '1' || item.is_type == '2'}}">
                                <text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}</text>
                                <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
                                    无限制{{item.desc?','+item.desc+'。':'。'}}
                                </view>
                                <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
                                    会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
                                </view>
                            </block>
                            <block wx:if="{{item.is_type == '3' || item.is_type == '4'}}">
                                <view wx:if="{{(item.useStime && item.useEtime) || item.foreverText}}" class="bottom font24r">有效期:{{item.foreverText?item.foreverText : ''}}</view>
                                <view wx:if="{{item.useStime && item.useEtime}}" class="bottom font24r nodate">{{item.useStime}} 至 {{item.useEtime}}</view>
                                <view wx:if="{{item.morText || item.noonText || item.noonText}}" class="bottom font24r">不可用日期:</view>
                                <view wx:if="{{item.morText}}" class="bottom font24r nodate">{{item.morText}}</view>
                                <view wx:if="{{item.noonText}}" class="bottom font24r nodate">{{item.noonText}}</view>
                                <view wx:if="{{item.nigText}}" class="bottom font24r nodate">{{item.nigText}}</view>
                                <view wx:if="{{item.exp_date.week_show=='无'}}" class="bottom font24r">无使用时间限制</view>
                                <view wx:if="{{item.is_type == '4' && item.desc!='0'}}" class="bottom font24r">消费满{{item.desc}}元可用</view>
                            </block>
                        </view>
                        <view class="btnBox" wx:if="{{item.is_type == '3'}}" >
                            <view class="font24r orderingFood {{item.resultCoupon == '1'?'orderingFood1':'orderingFood2'}}">{{item.resultCoupon == '1'?'已领取':'领取'}}</view>
                            <view class="grantNum" wx:if="{{item.receiveNumText}}">
                                <view class="font24r">已被领取</view>
                                <view class="font24r"><text>{{item.receiveNumText}}</text>张</view>
                            </view>
                        </view>
                        <view wx:if="{{item.is_type != '3'}}" class="font24r orderingFood">
                            立即抢购
                        </view>
                    </view>
                </view>
            </navigator>
		</block>
	</view>
	<!-- 餐厅介绍 -->
	<block wx:if="{{marketing.logo ||  home.image || ((store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (store.images.length>0 && (!store.is_images || store.is_images!='0')) || (store.content && store.content.length>0))}}">
		<view class="introduceBox">
			<block wx:if="{{(marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) || (store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (home.image && (!home.id_first_image || home.id_first_image!='0'))}}">
				<view wx:if="{{titleType}}" class="chefText font36r">
					<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{store.title ? store.title : '餐厅介绍'}}"></titleStyle>
				</view>
				<image wx:if="{{marketing.logo}}" src="{{marketing.logo}}" bindtap="lookImgs" data-url="{{marketing.logo}}" mode="widthFix" />
				<image wx:if="{{home.image}}" src="{{home.image}}" bindtap="lookImgs" data-url="{{home.image}}" class="homeImage" mode="widthFix"></image>
				<view class="labelBox" wx:if="{{!store.content && store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
					<text space="nbsp" class="texts">{{store.introduce}}</text>
				</view>
				<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
					<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
						<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{store.images}}" mode="widthFix" />
					</block>
				</block>
				<view class="contentBox" wx:if="{{store.content && store.content.length>0}}">
					<block wx:for="{{store.content}}">
						<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
						<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
						<view wx:if="{{item.type == '3'}}" class="videoBox">
							<video
								object-fit="contain" 
								autoplay="{{true}}"
								loop="{{true}}"
								muted="{{true}}"
								show-mute-btn="{{true}}"
								vslide-gesture-in-fullscreen="{{true}}"
								src="{{item.content}}" 
							></video>
						</view>
					</block>
				</view>
			</block>
		</view>
	</block>
	<!-- 主厨介绍 -->
	<block wx:if="{{chef && ((chef.introduce && (!chef.is_introduce || chef.is_introduce!='0')) || (chef.image && (!chef.is_images || chef.is_images!='0')) || (chef.content && chef.content.length>0))}}">
		<view class="introduceBox famousChefBox" wx:if="{{chef && ((!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0'))}}">
			<view wx:if="{{titleType}}" class="chefText font36r">
				<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{chef.title ? chef.title : '主厨介绍'}}"></titleStyle>
			</view>
			<view class="labelBox" wx:if="{{(chef.introduce && (!chef.is_introduce || chef.is_introduce!='0'))}}">
				<text space="nbsp" class="texts">{{chef.introduce}}</text>
			</view>
			<image wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}" src="{{chef.image}}"bindtap="lookImgs" data-url="{{chef.image}}" mode="widthFix" />
			<view class="contentBox" wx:if="{{chef.content && chef.content.length>0}}">
				<block wx:for="{{chef.content}}">
					<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
					<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
					<view wx:if="{{item.type == '3'}}" class="videoBox">
						<video
							object-fit="contain" 
							autoplay="{{true}}"
							loop="{{true}}"
							muted="{{true}}"
							show-mute-btn="{{true}}"
							vslide-gesture-in-fullscreen="{{true}}"
							src="{{item.content}}" 
						></video>
					</view>
				</block>
			</view>
		</view>
	</block>
	<!-- 特色菜品 -->
	<view class="introduceBox vegetableBox" wx:if="{{signboard && ((signboard.swich=='1' && signboard.images && signboard.images.length>0)  || (signboard.content && signboard.content.length>0))}}">
		<view wx:if="{{titleType}}" class="chefText font36r">
			<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{signboard.title ? signboard.title : '特色菜品'}}"></titleStyle>
		</view>
		<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
			<image src="{{item}}" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.images}}" mode="widthFix" />
		</block>
		<view class="contentBox" wx:if="{{signboard.content && signboard.content.length>0}}">
			<block wx:for="{{signboard.content}}">
				<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
				<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
				<view wx:if="{{item.type == '3'}}" class="videoBox">
					<video
						object-fit="contain" 
						autoplay="{{true}}"
						loop="{{true}}"
						muted="{{true}}"
						show-mute-btn="{{true}}"
						vslide-gesture-in-fullscreen="{{true}}"
						src="{{item.content}}" 
					></video>
				</view>
			</block>
		</view>
	</view>
	<!-- 停车指引 -->
	<view class="introduceBox stopBox" wx:if="{{reserve && (reserve.swich_park=='1' && (reserve.park_info ||  reserve.park_info_images) || (reserve.content && reserve.content.length>0))}}">
		<view wx:if="{{titleType}}" class="chefText font36r">
			<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="{{reserve.title ? reserve.title : '停车指引'}}"></titleStyle>
		</view>
		<view class="labelBox" wx:if="{{reserve.park_info}}">
			<text space="nbsp" class="texts">{{reserve.park_info}}</text>
		</view>
		<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
			<image src="{{item}}" mode="widthFix"  bindtap="lookImgs" data-url="{{item}}" data-imgs="{{reserve.park_info_images}}"/>
		</block>
		<view class="contentBox" wx:if="{{reserve.content && reserve.content.length>0}}">
			<block wx:for="{{reserve.content}}">
				<image wx:if="{{item.type == '1'}}" bindtap="lookImgs" src="{{item.content}}" data-url="{{item.content}}" mode="widthFix" />
				<text wx:if="{{item.type == '2'}}" space="nbsp" class="texts font32r">{{item.content}}</text>
				<view wx:if="{{item.type == '3'}}" class="videoBox">
					<video
						object-fit="contain" 
						autoplay="{{true}}"
						loop="{{true}}"
						muted="{{true}}"
						show-mute-btn="{{true}}"
						vslide-gesture-in-fullscreen="{{true}}"
						src="{{item.content}}" 
					></video>
				</view>
			</block>
		</view>
	</view>
	<view class="preferential" wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data && recharge_data.id}}">
		<view wx:if="{{titleType}}" class="chefText font36r">
			<titleStyle isWhite="pearlWhite" titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
		</view>
        <navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.sellName}}&sid={{sid}}&types=3&StyleType={{StyleType}}" hover-class="navigator-hover">
            <view class="preferentialItems">
                <view class="itemLeft">
                    <view class="itemTop font28r">
                        <text>{{recharge_data.rname}}</text>
                    </view>
                    <view class="font24r" wx:if="{{priceInfo}}">
                        {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
                    </view>
                    <view class="bottom font24r" wx:if="{{scoreInfo}}">
                        {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
                    </view>
                    <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
                        {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+recharge_data.recharge_money+'元赠送'+certificate:''}}。
                    </view>
                </view>
                <view class="font24r orderingFood">
                    抢购
                </view>
            </view>
        </navigator>
	</view>
	<view class="vips">
		<view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
			点击了解更多会员优惠政策
		</view>
		<text class="businessBox">
			周到安排提供技术支持<text bindtap="callPhone" data-phone="4000009690">4000009690</text>,<text bindtap="gotoJoinSeller" style="text-decoration: underline;">我是商家,我要试用</text>
		</text>
	</view>
	<view class="all-button flex-lr between">
		<button class="book-item-font flex-cc font30r shareItem" open-type="share">转发给朋友</button>
        <block wx:if="{{seller.is_online_reserve == '1' && marketing && marketing.is_online_book == '1'}}">
            <navigator url="/pages/reserve/reserve?id={{sid}}&activeTab=reserve" class="book-item-font second-book-button flex-cc font30r" style="position: relative;">预订包间</navigator>
        </block>
        <block wx:else>
            <button wx:if="{{seller.seller_tel && seller.seller_tel.length>0}}" class="book-item-font second-book-button flex-cc font30r" style="position: relative;" bindtap="call" data-info="{{seller.seller_tel[0]}}">拨打电话</button>
        </block>
	</view>
</view>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
    <view slot="modalName" class="titleModal">
        <image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeImg4.png" mode=""/>
        <view class="nameInfo">{{seller.sellName}}</view>
        <view class="couponTotal" wx:if="{{totalPrice}}">
            赠送给您
            <scroll-number value="{{totalPrice}}"></scroll-number>
            <text class="counterText1">元</text>代金券
        </view>
    </view>
	<view slot="modalContent">
        <!-- <view class="couponBox">
            <view wx:for="{{couponArr}}" class="couponItems">
                <view class="couponNum font20r">×{{item.number}}</view>
                <view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
                <view class="couponLines"></view>
                <view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
                <view class="font28r couponCondition" wx:else>无门槛</view>
            </view>
        </view> -->
        <view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
        <block wx:if="{{!purePhoneNumber}}">
            <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberCouponFun" class="couponBtn font28r">欣然收下</button>
        </block>
        <block wx:else>
            <subscribe ids="{{[2]}}" bindtap="setcouponFun">
                <view class="couponBtn couponBtn1 font40r">欣然收下</view>
            </subscribe>
        </block>
        <view class="closeBox font28r">{{countDown}} 秒后自动关闭</view>
	</view>
</my-modal>