detail_owner_invitation10.wxml 21 KB
<!--pack-invitation/pages/detail_owner_invitation10.wxml-->
<import src="../../pages/tpl/invitation"></import>
<nav hasHome class="navhome" backgroundColor="#ffeddc" place="{{true}}"></nav>
<scroll-view scroll-y class="viewBox">
    <image wx:if="{{hasValueBroadcast && isVoice=='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.is_coupon=='1' && coupon_dataList.length>0) || (!is_user_comments && isComments =='1' && couponData.showCoupon =='1')  || (hasValueRecharge && marketing.is_recharge=='1' && recharge_data)}}" src="https://nosqn.colorcun.com/sellerGift.png" mode="" />
    <image wx:if="{{detail.status =='4'}}" class="cannotImg" src="https://qn.colorcun.com/cancelImg.png" />
    <image wx:if="{{options.isOrder == '1' && detail.status !='4'}}" class="cannotImg" src="https://qn.colorcun.com/overImg.png" />
    <view class="reservationInfo">
        <view class="infoTop">
            <text space="nbsp" class="font48r">{{seller.name||reserve.seller_name}}</text>
            <text space="nbsp" wx:if="{{reserve.swich_slogan == '1' && home.slogan}}" class="font28r">{{home.slogan}}</text>
        </view>
        <view class="infoItem">
            <text space="nbsp" wx:if="{{reserve.swich_booking=='1' && reserve.book_info}}" class="contentData font28r bookData">{{reserve.book_info}}</text>
        </view>
        <view class="infoItem" wx:if="{{detail.rnameStr && reserve.swich_customer == '1'}}">
            <view class="record font28r">预订贵宾:</view>
            <view class="contentData font28r">{{detail.rnameStr}}</view>
        </view>
        <view class="infoItem" wx:if="{{seller.date}}">
            <view class="record font28r">用餐日期:</view>
            <view class="contentData font28r">{{seller.date}}</view>
        </view>
        <view class="infoItem" wx:if="{{seller.tablesText}}">
            <view class="record font28r">用餐位置:</view>
            <view class="contentData font28r">{{seller.tablesText}}</view>
        </view>
        <view class="infoItem" wx:if="{{seller.soltName}}">
            <view class="record font28r">用餐时间:</view>
            <view class="arrivalBox">
                <view class="contentData font28r">{{seller.soltName}}<text class="marLeft font28r">{{temp_ddate}}</text></view>
                <picker wx:if="{{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>
        </view>
        <view class="infoItem" wx:if="{{swich_phone!='0' && seller.tel && seller.tel.length>0}}">
            <view class="record font28r">前台电话:</view>
            <view class="contentData font28r">
                <block wx:for="{{seller.tel}}" wx:key="index"><text data-phone="{{item}}" class="contentDataPhone" bindtap="call">{{item}}</text><text class="divider">{{index==(seller.tel.length-1)?'':','}}</text></block>
            </view>
        </view>
    </view>
    <view class="addressBox">
        <view class="positioning" bindtap="looklocation">
            <image src="https://qn.colorcun.com/invitation10Dw.png" mode="aspectFill" />
            <text space="nbsp" class="font32r positioningText">{{seller.addr || reserve.seller.map_address}}</text>
        </view>
        <map style="width:100%; height:300rpx;" longitude="{{seller.long}}" latitude="{{seller.lat}}" scale="15" markers="{{markers}}" bindmarkertap="navRoad" data-marker="{{markers[0]}}" show-location />
    </view>
    <view class="receptionBox" wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
        <view class="peopleInfo">
            <image bindtap="lookImgs" data-url="{{staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
            <view class="font26r">{{staffinfo.name}}</view>
            <view class="font26r">{{staffinfo.position}}</view>
        </view>
        <view class="handleInfo">
            <view class="font40r">尊敬的贵宾您好!</view>
            <view class="font26r texts">很荣幸能为您提供专属接待和服务</view>
            <view class="contactBtns">
                <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" data-phone="{{staffinfo.phone}}" bindtap="call">
                    <image src="https://qn.colorcun.com/invitation10Phone1.png" mode="" /><text>联系我</text>
                </view>
                <view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">
                    <image src="https://qn.colorcun.com/invitation10Wx1.png" mode="" /><text>加微信</text>
                </view>
            </view>
        </view>
    </view>
    <!-- 优惠券 -->
    <view class="publicModule couponBox" wx:if="{{hasValueCertificate && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
        <image class="titleImg5" src="https://qn.colorcun.com/invitation10Title1.png" mode="" />
        <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="purchase">
                        <view class="priceText" wx:if="{{item.price}}">
                            <view class="icons">¥<text class="priceText">{{item.price}}</text></view>
                        </view>
                        <image class="certificateImg" src="{{(item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount)?'https://qn.colorcun.com/invitation10certificate1.png':'https://qn.colorcun.com/invitation10certificate.png'}}" mode="" />
                        <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountInfo">{{item.discount}}折</text>
                    </view>
                    <view class="certificateInfo">
                        <view class="preferentialDetails">
                            <view class="information">
                                <text class="discountText font20r">{{item.use.is_cash=='1'?'代金券':item.use.is_discount=='1'?'超值折扣':item.use.is_dish=='1'?'特惠菜品':''}}</text>
                                <text class="ticketName font24r">{{item.aname}}</text>
                            </view>
                            <text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="limitation font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}</text>
                            <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="limitation font24r">
                                无限制
                            </view>
                            <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="limitation font24r">
                                会员生日当天可用
                            </view>
                            <view wx:if="{{item.desc}}" class="limitation showDesc">
                                <text class="font24r">消费要求</text>
                            </view>
                        </view>
                        <view class="limitationBtn">
                            <view class="font24r couponBtn">立即抢购</view>
                        </view>
                    </view>
                </view>
                <view wx:if="{{item.desc}}" class="bottomLimitation limitation font24r"><text></text>{{item.desc}}</view>
            </navigator>
        </block>
    </view>
    <!-- 充值 -->
    <view class="publicModule preferentialCoupon" wx:if="{{(hasValueRecharge && marketing.is_recharge=='1' && recharge_data) || (hasValueRecharge && marketing.is_link=='1')}}">
        <image class="titleImg6" src="https://qn.colorcun.com/invitation10Title2.png" mode="" />
        <navigator wx:if="{{hasValueRecharge && marketing.is_recharge=='1' && recharge_data}}" 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="rechargeItems">
                <image class="checkImg" src="https://qn.colorcun.com/invitation10vector1.png" mode="" />
                <view class="rechargeTitle font36r">{{recharge_data.rname}}</view>
                <view class="limitation font24r" wx:if="{{priceInfo}}">
                    {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
                </view>
                <view class="limitation font24r" wx:if="{{scoreInfo}}">
                    {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
                </view>
                <view class="limitation 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="rechargeBtn">
                <view class="font28r">立即充值</view>
            </view>
        </navigator>
        <view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
            了解更多会员优惠政策
        </view>
    </view>
    <!-- 评价券 -->
    <view class="publicModule couponBox" wx:if="{{!is_user_comments && isComments =='1' && couponData.showCoupon =='1'}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title3.png" mode="" />
        <view class="font28r evaluateTitleText">期待您的声音,帮助我们持续改进</view>
        <view class="couponInfo" bindtap="evaluateFun">
            <view class="preferentialItems">
                <view class="purchase">
                    <view class="priceText" wx:if="{{couponData.price}}">
                        <view class="icons">¥<text class="priceText">{{couponData.price}}</text></view>
                    </view>
                    <image class="certificateImg" src="{{(couponData.discount!='0.00' && (couponData.use.is_cash=='1' || couponData.use.is_cash) && couponData.discount)?'https://qn.colorcun.com/invitation10certificate1.png':'https://qn.colorcun.com/invitation10certificate.png'}}" mode="" />
                    <text wx:if="{{couponData.discount!='0.00' && (couponData.use.is_cash=='1' || couponData.use.is_cash) && couponData.discount}}" class="discountInfo">{{couponData.discount}}折</text>
                </view>
                <view class="certificateInfo">
                    <view class="preferentialDetails">
                        <view class="information">
                            <text class="discountText font20r">{{couponData.use.is_cash=='1'?'代金券':couponData.use.is_discount=='1'?'超值折扣':couponData.use.is_dish=='1'?'特惠菜品':''}}</text>
                            <text class="ticketName font24r">{{couponData.aname}}</text>
                        </view>
                        <text wx:if="{{couponData.exp_date.is_week=='1' || couponData.exp_date.is_week===true}}" class="limitation font24r">{{couponData.exp_date.week_show?couponData.exp_date.week_show+'可用':''}}</text>
                        <view wx:if="{{couponData.exp_date.is_none=='1' || couponData.exp_date.is_none===true}}" class="limitation font24r">
                            无限制
                        </view>
                        <view wx:if="{{couponData.exp_date.is_birthday=='1' || couponData.exp_date.is_birthday===true}}" class="limitation font24r">
                            会员生日当天可用
                        </view>
                        <view wx:if="{{couponData.desc}}" class="limitation showDesc">
                            <text class="font24r">消费要求</text>
                        </view>
                    </view>
                    <view class="limitationBtn">
                        <view class="font24r couponBtn">立即领取</view>
                    </view>
                </view>
            </view>
            <view wx:if="{{couponData.desc}}" class="bottomLimitation limitation font24r"><text></text>{{couponData.desc}}</view>
        </view>
    </view>
    <!-- 评价没有券 -->
    <view class="publicModule evaluateCoupon" wx:if="{{is_comments=='1' && (marketing.is_comments_coupon!='1' || couponData.showCoupon!='1')}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title3.png" mode="" />
        <view class="preferentialItems" bindtap="evaluateFun">
            <image class="evaluateImg" src="https://qn.colorcun.com/invitation10Union.png" mode="" />
            <view class="evaluateText">
                <text>期待您的声音</text>
                <text>帮助我们持续改进</text>
            </view>
            <view class="font24r couponBtn">去评价</view>
        </view>
    </view>
    <!-- 停车指引 -->
    <view class="publicModule" wx:if="{{reserve && (reserve.textInfo || reserve.videoImgsInfo.length>0)}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title4.png" mode="" />
        <view class="labelBox" wx:if="{{reserve.textInfo}}">
            <text class="texts font28r" space="nbsp">{{reserve.textInfo}}</text>
        </view>
        <swiper wx:if="{{reserve.videoImgsInfo.length>0}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
            <swiper-item wx:for="{{reserve.videoImgsInfo}}" wx:key="index">
                <video wx:if="{{item.type=='3'}}" class='boxBlock' id="video" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
                <image wx:if="{{item.type=='1'}}" mode="scaleToFill" class="detailBannerImg" src="{{item.content}}" bindtap="previewImage" data-url="{{item.content}}" data-imgs="{{reserve.imgsInfo}}"></image>
            </swiper-item>
        </swiper>
    </view>
    <!-- 餐厅介绍 -->
    <view class="publicModule" wx:if="{{store && (store.textInfo || store.videoImgsInfo.length>0)}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title5.png" mode="" />
        <view class="labelBox" wx:if="{{store.textInfo}}">
            <text class="texts font28r" space="nbsp">{{store.textInfo}}</text>
        </view>
        <swiper wx:if="{{store.videoImgsInfo.length>0}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
            <swiper-item wx:for="{{store.videoImgsInfo}}" wx:key="index">
                <video wx:if="{{item.type=='3'}}" class='boxBlock' id="video" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
                <image wx:if="{{item.type=='1'}}" mode="" class="detailBannerImg" src="{{item.content}}" bindtap="previewImage" data-url="{{item.content}}" data-imgs="{{store.imgsInfo}}"></image>
            </swiper-item>
        </swiper>
    </view>
    <!-- 招牌菜品 -->
    <view class="publicModule" wx:if="{{(signboard && signboard.textInfo || signboard.videoImgsInfo.length>0) || (hasValueOrder && openOrder == '1' && marketing.is_order=='1')}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title6.png" mode="" />
        <view class="labelBox" wx:if="{{signboard.textInfo}}">
            <text class="texts font28r" space="nbsp">{{signboard.textInfo}}</text>
        </view>
        <swiper wx:if="{{signboard.videoImgsInfo.length>0}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
            <swiper-item wx:for="{{signboard.videoImgsInfo}}" wx:key="index">
                <video wx:if="{{item.type=='3'}}" class='boxBlock' id="video" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
                <image wx:if="{{item.type=='1'}}" mode="" class="detailBannerImg" src="{{item.content}}" bindtap="previewImage" data-url="{{item.content}}" data-imgs="{{signboard.imgsInfo}}"></image>
            </swiper-item>
        </swiper>
        <view class="orderBox" wx:if="{{hasValueOrder && openOrder == '1' && marketing.is_order=='1'}}">
            <view class="font32r">提前点餐 到店不用等</view>
            <view bindtap="cookbook" class="font28r cook" style="position: relative;">
                去点餐
            </view>
        </view>
    </view>
    <!-- 主厨介绍 -->
    <view class="publicModule" wx:if="{{chef && (chef.textInfo || chef.videoImgsInfo.length>0)}}">
        <image class="titleImg4" src="https://qn.colorcun.com/invitation10Title7.png" mode="" />
        <view class="labelBox" wx:if="{{chef.textInfo}}">
            <text class="texts font28r" space="nbsp">{{chef.textInfo}}</text>
        </view>
        <swiper wx:if="{{chef.videoImgsInfo.length>0}}" class="detailBanner" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" circular="{{true}}" indicator-color="lightgray" indicator-active-color="#fff">
            <swiper-item wx:for="{{chef.videoImgsInfo}}" wx:key="index">
                <video wx:if="{{item.type=='3'}}" class='boxBlock' id="video" src="{{item.content}}" show-center-play-btn="{{true}}" autoplay='{{false}}' object-fit="cover" controls="{{true}}"></video>
                <image wx:if="{{item.type=='1'}}" mode="" class="detailBannerImg" src="{{item.content}}" bindtap="previewImage" data-url="{{item.content}}" data-imgs="{{chef.imgsInfo}}"></image>
            </swiper-item>
        </swiper>
    </view>
    <view class="businessBox font24r">
        周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>,餐厅入驻请点击
        <view bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</view>
    </view>
    <view class="{{(!marketing || (marketing.is_transpond!='1' && marketing.is_online_book!='1'))?'more more1':'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">
    <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>