shopHome.wxml 17.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>
                <view class="park font20r" wx:if="{{seller.is_parking == '1'}}">可停车</view>
            </view>
            <view class="flex-lr distanceMar">
                <view class="flex-lr">
                    <view class="news font24r">{{seller.cate}}</view>
                    <view class="news font24r" wx:if="{{seller.average && seller.average>0}}">人均{{seller.average}}</view>
                </view>
                <view class="font24r news">{{distance}}</view>
            </view>
            <view class="bottom_btns">
                <view class="book font24r">订过</view>
                <view class="book font24r">去过</view>
                <view class="book font24r">好友订过</view>
                <view class="book font24r">我有券</view>
            </view>
            <view class="bottom_btns font24r">
                营业时间:{{seller.daily}}
            </view>
            <view class="colorFive font28r flex-lr">
                <text class="font28r">{{seller.address}}</text>
                <view class="">
                    <image class="img2" bindtap="call" data-info="{{seller.seller_tel}}" src="https://qn.colorcun.com/phoneIcon.png" />
                    <image class="img2" bindtap="looklocation" src="https://qn.colorcun.com/navigationIcon.png" />
                </view>
            </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 == '1' || item.is_type != '3'}}" url="/pack-activity/pack/receiveCoupon?id={{item.id}}&name={{seller.sellName}}&use={{item.stringifyUse}}&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 orderingFood1">已领取</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 class="chefText font28r">
                    <text></text>{{store.title ? store.title : '餐厅介绍'}}
                </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 font24r">{{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 class="chefText font28r">
                <text></text>{{chef.title ? chef.title : '主厨介绍'}}
            </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 font24r">{{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 class="chefText font28r">
            <text></text>{{signboard.title ? signboard.title : '主厨介绍'}}
        </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 font24r">{{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 class="chefText font28r">
            <text></text>{{reserve.title ? reserve.title : '主厨介绍'}}
        </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 font24r">{{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="vipRechargeBox" wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data && recharge_data.id}}">
        <view class="chefText font28r">
            <text></text>会员招募
        </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="couponWrap">
                <view class="itemLeft font20r">
                    <view class="priceText"><view class="icons font24r">¥</view><text class="font48r">{{recharge_data.recharge_money}}</text></view>
                </view>
                <view class="couponLine"></view>
                <view class="itemRight">
                    <view class="btns">
                        <view class="bottom 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="btnBox">
                        <view class="font24r orderingFood">
                            充值
                        </view>
                    </view>
                </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">
        <view class="leftBtn">
            <button class="btn1"  bindtap="follow">
                <image wx:if="{{IsCollectionSeller}}" class="img1" src="https://qn.colorcun.com/collect.png" />
                <image wx:else class="img1" src="https://qn.colorcun.com/collectSelect.png" />
                <view class="font24r">收藏</view>
            </button>
            <button class="shareItem btn1" open-type="share">
                <image src="https://qn.colorcun.com/voucherIcon2.png" mode="" />
                <view class="font24r">分享</view>
            </button>
        </view>
        <block wx:if="{{seller.is_online_reserve == '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>
    </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/closeOutline.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>
        <view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
    </view>
</my-modal>