detail_owner_invitation4.wxml 19.9 KB
<!--pack-invitation/pages/detail_owner_invitation4.wxml-->
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
	<image 
		wx:if="{{hasValueBroadcast && reserve && reserve.swich_voice && reserve.swich_voice=='1'}}" 
		class="musicImg" 
		src="{{isPlay=='1'?'https://qn.colorcun.com/open.svg':'https://qn.colorcun.com/close.svg'}}" 
		bindtap="stopMusic"
		animation="{{attentionAnim}}"
	/> 
    <image class="giftImg"
        bindtap="gotoSellerGift" 
        wx:if="{{(hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0) || (is_comments=='1' && !is_user_comments && marketing.is_comments_coupon=='1' && couponData && couponData.showCoupon =='1')  || (hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data)}}"
        src="https://nosqn.colorcun.com/sellerGift.png" mode=""/>
	<image wx:if="{{detail && detail.status =='4'}}" class="cannotImg" src="https://qn.colorcun.com/cancelImg.png" />
	<image wx:if="{{options && options.isOrder == '1' && detail.status !='4'}}" class="cannotImg" src="https://qn.colorcun.com/overImg.png" />
	<view class="reservationInfo">
		<image wx:if="{{themeColor == 'turmeric' || themeColor == 'golden'}}" src="https://qn.colorcun.com/whiteBj1.png" class="titleIcon" />
		<image wx:elif="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/whiteBj3.png"  class="titleIcon" />
		<image wx:else src="https://qn.colorcun.com/leaf.png"  class="titleIcon" />
		<view class="infoBox">
			<view class="boxLeft">
				<text space="nbsp" class="sellerTitle">{{seller.name}}</text>
				<text space="nbsp" class="info font40r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">{{home.slogan}}</text>
				<view class="leftLine"></view>
				<view class="leftInfo font36r"
					wx:if="{{detail && detail.rnameStr && reserve && reserve.swich_customer == '1'}}"
				>{{detail.rnameStr}}</view>
				<view class="leftInfo font36r">{{seller.date}}</view>
                <view class="arrivalBox">
                    <picker wx:if="{{detail && options &&  options.isOrder != '1' && (detail.status =='1' || detail.status =='2') && options.hasSellerShare == '1'}}" bindchange="bindPickerChange" value="{{index}}" range="{{timeList}}">
                        <view class="picker">
                            <button>修改到店时间</button>
                        </view>
                    </picker>
                    <view class="leftInfo font36r">{{seller.soltName}}<text class="marLeft font36r">{{temp_ddate}}</text></view>
                </view>
				<view class="leftInfo font36r over">{{seller.tablesText}}</view>
				<view class="leftInfo font36r tables" wx:if="{{swich_phone!='0' && seller && seller.tel && seller.tel.length>0}}">预订台<block wx:for="{{seller.tel}}" wx:key="index"><text data-phone="{{item}}" bindtap="call">{{item}}</text>{{index==(seller.tel.length-1)?'':','}}</block></view>
			</view>
			<view class="infoBoxRight">
				邀请函
			</view>
		</view>
		<view wx:if="{{roomimage && roomimage.length>0}}" class="pageSpacing">
			<view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
				<image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
				<text>{{item.name}}</text>
			</view>
		</view>
	</view>
	<block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
		<view class="handleInfo">
			<image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" bindtap="lookImgs" data-url="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
			<view class="handle handlePhone">
				<view class="handleName">专属服务:{{staffinfo.name}}</view>
				<view class="handleBlower">服务电话:{{staffinfo.phone}}</view>
			</view>
			<view class="handle">
				<view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
				<view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信号</view>
			</view>
		</view>
	</block>
	<text space="nbsp" wx:if="{{reserve && reserve.swich_welcome == '1' && marketing && marketing.wecomle}}" class="welcome font32r">
		{{marketing.wecomle}}
	</text>
	<view class="positioning">
		<image src="{{themeColor == 'pearlWhite'?'https://nosqn.colorcun.com/mapIcon2.png':'https://nosqn.colorcun.com/mapIcon1.png'}}" />
		<text space="nbsp" class="font28r">{{seller.addr|| reserve.seller.map_address}}</text>
		<button bindtap="looklocation" class="flex-cc font24r mapBtn">
			导航到店
		</button>
	</view>
	<view class="preferentialCoupon" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
		<block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
			<navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
                <view class="preferentialItems">
                    <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="priceText" wx:if="{{item.price}}">
                            <view class="icons font40r">¥</view>{{item.price}}
                        </view>
                    </view>
                    <view class="itemRight">
                        <view class="btns">
                            <text class="font40r">{{item.aname}}</text>
                            <view class="font24r orderingFood">
                                抢购
                            </view>
                        </view>
                        <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>
                    </view>
                </view>
            </navigator>
		</block>
	</view>
	<view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
		<text wx:if="{{is_comments=='1' && (marketing.is_comments_coupon!='1' || couponData.showCoupon!='1')}}">想<text class="font36r">吐槽</text>?戳这里填写意见!--></text>
		<text wx:if="{{marketing.is_comments_coupon=='1' && couponData && couponData.showCoupon =='1'}}">想<text class="font36r">吐槽</text>?戳这里填写意见反馈赢好礼!</text>
		<image wx:if="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/evaluateWhite.png" mode="" />
		<image wx:elif="{{themeColor == 'turmeric' || themeColor == 'greenishYellow' || themeColor == 'golden'}}" src="https://nosqn.colorcun.com/evaluateYellow.png" mode="" />
		<image wx:else src="https://nosqn.colorcun.com/evaluate2.png" mode="" />
	</view>
	<view class="reserveBox" wx:if="{{reserveData && (reserveData.title || reserveData.content)}}">
		<view class="title font40r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>
		<block wx:for="{{reserveData.content}}" wx:key="index">
			<image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" bindtap="lookImgs" data-url="{{item.content}}" mode="widthFix" />
			<text space="nbsp" class="items font32r" wx:if="{{item.type == '2'}}">{{item.content}}</text>
		</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="{{themeColor}}" 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.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
					<text space="nbsp" class="texts">{{store.introduce}}</text>
				</view>
			</block>
			<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}}" mode="widthFix" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{store.images}}"/>
				</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>
		</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="{{themeColor}}" 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}}" mode="widthFix"  bindtap="lookImgs" data-url="{{chef.image}}"/>
			<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="{{themeColor}}" titleStyleType="{{titleType}}" titleText="{{signboard.title ? signboard.title : '特色菜品'}}"></titleStyle>
		</view>
		<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
			<image src="{{item}}" mode="widthFix" bindtap="lookImgs" data-url="{{item}}" data-imgs="{{signboard.images}}"/>
		</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="{{themeColor}}" 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="specialServices" wx:if="{{detail.status !='4' && options.isOrder != '1' && hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
		<view wx:if="{{titleType}}" class="chefText font36r">
			<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="提前点餐"></titleStyle>
		</view>
		<view class="endStyle">
			<view class="news font32r">
				现在提前点菜下单,到店时无需等待服务员点餐,直接享受就餐服务^_^
			</view>
			<view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" bindtap="cookbook" class="book-item-font flex-cc font30r cook" style="position: relative;">
				去点餐
			</view>
		</view>
	</view>
	<block wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data}}">
		<view wx:if="{{titleType}}" class="chefText font36r">
			<titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
		</view>
		<navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.name}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
            <view class="preferentialItems rechargeItems">
                <view class="itemLeft">
                    <view class="itemTop font36r">
                        {{recharge_data.rname}}
                    </view>
                    <view class="itemBottom 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>
	</block>
	<view class="vips {{(marketing.is_online_book=='1' && options.onlineReserve == '1') || (detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0') || (detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc)?'introduceBottom':''}}">
		<view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
			点击了解更多会员优惠政策
		</view>
		<view class="businessBox">
			周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>,餐厅入驻请点击
			<view bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</view>
		</view>
	</view>
	<view class="more" wx:if="{{showMoreTip}}">
		<view class="moreText">滑动查看更多</view>
		<image src="https://qn.colorcun.com/jt1.png" mode="" />
	</view>
	<view class="toastBox" wx:if="{{toastBool}}">
		{{toastText}}
	</view>
</scroll-view>
<!-- (开启在线预订 显示在线预订) || (未开启在线预订  显示再次预订(打商家电话)) -->
<!-- (未结束&&未取消 && 开启转发开关 显示 转发邀请函给客人) ||  (过了当前餐段结束时间||用餐完成||已取消 显示 转发店铺给好友) -->
<view wx:if="{{isMoreBtn || options.isOrder == '1' || (!isMoreBtn && seller.phone) || (detail.status !='4' && isPaymenBtn) || (detail.status !='4' && isShareItem)}}" class="flex-lr sharewidth {{themeColor}}">
	<view wx:if="{{isMoreBtn}}" class="flex-cc font30r moreBtn {{((detail.status !='4' && isPaymenBtn) && ((detail.status !='4' && isShareItem) || options.isOrder == '1')) ? 'threeBtn' : ''}}" bindtap="secondbook">再次预订</view>
	<view wx:if="{{!isMoreBtn && seller.phone}}" class="flex-cc font30r moreBtn {{((detail.status !='4' && isPaymenBtn) && ((detail.status !='4' && isShareItem) || options.isOrder == '1')) ? 'threeBtn' : ''}}" bindtap="call" data-phone="{{seller.phone}}">再次预订</view>
    <view wx:if="{{detail.status !='4' && isPaymenBtn}}" class="flex-cc font30r paymenBtn {{((isMoreBtn || (!isMoreBtn && seller.phone)) && ((detail.status !='4' && isShareItem) || options.isOrder == '1')) ? 'threeBtn' : ''}}" bindtap="paymentFun">支付定金</view>
	<button wx:if="{{detail.status !='4' && isShareItem}}" class="flex-cc font30r shareItem" open-type="share">转发邀请函给客人</button>
    <button wx:if="{{options.isOrder == '1'}}" class="flex-cc font30r shareItem" data-type="2" open-type="share">转发店铺给好友</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
	<view slot="modalName" class="titleModal">提示</view>
	<view slot="modalContent">
        <view class="explain">
            检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
        </view>
        <view class="screenshotBtns">
            <button  class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
            <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
        </view>
	</view>
</my-modal>