248 lines
13 KiB
Plaintext
248 lines
13 KiB
Plaintext
<!--packageG/independent_store/index/index.wxml-->
|
|
<view wx:if="{{store_components && store_components.length>0}}">
|
|
<!--开启了门店装修-->
|
|
<template name="backup">
|
|
<backup datas="{{remote_data}}" component_id="{{id}}"></backup>
|
|
</template>
|
|
<template name="blank">
|
|
<blank datas="{{remote_data}}" component_id="{{id}}"></blank>
|
|
</template>
|
|
<template name="buttons">
|
|
<buttons datas="{{remote_data}}" component_id="{{id}}"></buttons>
|
|
</template>
|
|
<template name="community">
|
|
<community datas="{{remote_data}}" component_id="{{id}}" store_id="{{store_id}}"></community>
|
|
</template>
|
|
<template name="cube">
|
|
<cube datas="{{remote_data}}" component_id="{{id}}"></cube>
|
|
</template>
|
|
<template name="goods">
|
|
<goods datas="{{remote_data}}" component_id="{{id}}" page_id="{{page_id}}" index="{{index}}" bottomShowBolIndex="{{bottomShowBolIndex}}" bottomShowBol="{{bottomShowBol}}"></goods>
|
|
</template>
|
|
<template name="line">
|
|
<line datas="{{remote_data}}" component_id="{{id}}"></line>
|
|
</template>
|
|
<template name="location">
|
|
<location datas="{{remote_data}}" component_id="{{id}}" page_id="{{page_id}}"></location>
|
|
</template>
|
|
<template name="maps">
|
|
<maps datas="{{remote_data}}" component_id="{{id}}"></maps>
|
|
</template>
|
|
<template name="notice">
|
|
<notice datas="{{remote_data}}" component_id="{{id}}"></notice>
|
|
</template>
|
|
<template name="richtext">
|
|
<richtext datas="{{remote_data}}" component_id="{{id}}"></richtext>
|
|
</template>
|
|
<template name="simplegraph">
|
|
<simplegraph datas="{{remote_data}}" component_id="{{id}}"></simplegraph>
|
|
</template>
|
|
<template name="slideshow">
|
|
<slideshow datas="{{remote_data}}" component_id="{{id}}"></slideshow>
|
|
</template>
|
|
<template name="suspendbutton">
|
|
<suspendbutton datas="{{remote_data}}" component_id="{{id}}"></suspendbutton>
|
|
</template>
|
|
<template name="title">
|
|
<title datas="{{remote_data}}" component_id="{{id}}"></title>
|
|
</template>
|
|
<template name="videos">
|
|
<videos datas="{{remote_data}}" component_id="{{id}}"></videos>
|
|
</template>
|
|
<template name="integral">
|
|
<integral datas="{{remote_data}}" component_id="{{id}}"></integral>
|
|
</template>
|
|
|
|
<view>
|
|
<block wx:for="{{store_components}}" wx:key="index">
|
|
<template wx:if="{{item.component_key =='U_backup' && btnFlag}}" is="backup" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_blank'}}" is="blank" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_button'}}" is="buttons" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_community'}}" is="community" data="{{...item,store_id}}" />
|
|
<template wx:if="{{item.component_key =='U_cube'}}" is="cube" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_goods'}}" is="goods" data="{{...item,page_id,bottomShowBolIndex,bottomShowBol,index}}" />
|
|
<template wx:if="{{item.component_key =='U_line'}}" is="line" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_location'}}" is="location" data="{{...item,page_id}}" />
|
|
<template wx:if="{{item.component_key =='U_maps'}}" is="maps" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_notice'}}" is="notice" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_richtext'}}" is="richtext" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_simplegraph'}}" is="simplegraph" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_slideshow'}}" is="slideshow" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_suspendbutton'}}" is="suspendbutton" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_title'}}" is="title" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_video'}}" is="videos" data="{{...item}}" />
|
|
<template wx:if="{{item.component_key =='U_integral'}}" is="integral" data="{{...item}}" />
|
|
</block>
|
|
|
|
</view>
|
|
|
|
<U_foot isDiy="{{true}}" foot_type="{{foot_type}}" datas="{{bottom_info}}" wx:if="{{foot_type}}"></U_foot>
|
|
|
|
</view>
|
|
|
|
<view wx:elif="{{storeInfo}}">
|
|
<!--默认独立门店页面-->
|
|
<view class="top-containe">
|
|
<block wx:if="{{albumList.length > 0}}">
|
|
<swiper class="top-swiper" current="{{swiperIndex}}" previous-margin="80rpx" next-margin="50rpx" snap-to-edge="{{false}}"
|
|
bindchange="swiperChange">
|
|
<swiper-item wx:for="{{albumList}}" wx:key="index" class="swiper-item" data-index="{{index}}">
|
|
<view class="swiper-items-box {{swiperIndex === index ? 'active-swiper-item' : ''}}" wx:if="{{item.label_data_count}}">
|
|
<block wx:if="{{item.data_type == 0}}">
|
|
<image class="img" mode="widthFix" src="{{item.image_src}}"></image>
|
|
</block>
|
|
<block wx:else>
|
|
<video
|
|
controls="{{true}}"
|
|
src="{{item.video_src}}"
|
|
object-fit="contain"
|
|
show-mute-btn="{{true}}"
|
|
poster="{{item.video_img_src}}"
|
|
></video>
|
|
</block>
|
|
</view>
|
|
<view wx:if="{{index == 5}}" class="right-load-moer {{showMoreAlbum ? 'featIn' : ''}}">查看更多<van-icon name="arrow" /></view>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="albums-icon">
|
|
<view class="icon-imgs" catchtap="goStoreAlbums">
|
|
<van-icon class="icon-img" name="photo-o" wx:if="{{albumList[0].image_count > 0}}"></van-icon>
|
|
<van-icon class="icon-img" name="video-o" wx:if="{{albumList[0].video_count > 0}}"/>
|
|
<text>{{albumList[0].label_data_count}}</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view class="notice-box" wx:if="{{storeInfo.affiche}}">
|
|
<van-notice-bar left-icon="volume-o" text="{{storeInfo.affiche}}" custom-class="notice-bar">
|
|
</van-notice-bar>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="center-containe">
|
|
<!-- 商品信息 -->
|
|
<view class="store-box" catchtap="goO2oStore" data-type="store">
|
|
<view class="store-img">
|
|
<image src="{{storeInfo.store_thumb}}"></image>
|
|
</view>
|
|
<view class="store-info">
|
|
<view class="store-title line-2">{{storeInfo.store_name}}</view>
|
|
<view class="bottom">
|
|
<view class="time" wx:if="{{storeInfo.business_hours}}">
|
|
<van-icon class="iconfont icon-qhm_record"></van-icon>
|
|
<view class="text">{{storeInfo.business_hours}}</view>
|
|
</view>
|
|
<view class="distribution-type" wx:if="{{storeInfo.dispatch}}">
|
|
<van-icon class="iconfont icon-fontclass-daishouhuo"></van-icon>
|
|
<view class="text">{{storeInfo.dispatch}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 联系地址 -->
|
|
<view class="addr-box">
|
|
<view class="addr" catchtap="goToAdress">
|
|
<van-icon name="location" color="#333" size='32rpx' />
|
|
<view class="address">
|
|
<view class="store-address">{{storeInfo.store_address}}</view>
|
|
<view class="store-area">{{storeInfo.store_area}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="contact">
|
|
<view class="service" bindtap="showServicePopup" wx:if="{{storeInfo.cservice}}">
|
|
<van-icon class="iconfont icon-member_kefu" style="font-size: 30px"></van-icon>
|
|
</view>
|
|
<view class="col" wx:if="{{storeInfo.cservice && storeInfo.mobile}}">|</view>
|
|
<view class="iphone" bindtap="showContactPopup" wx:if="{{storeInfo.mobile}}" data-mobile="{{storeInfo.mobile}}" data-name="{{storeInfo.hasOneMember ? storeInfo.hasOneMember.nickname : ''}}">
|
|
<van-icon class="iconfont icon-zx_map_tel" style="font-size: 22px"></van-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="br"></view>
|
|
|
|
<!-- 优惠活动 -->
|
|
<view class="discount" wx:if="{{storeInfo.store_discount.length > 0}}">
|
|
<text style="margin-right: 20rpx;font-size: 16px">优惠</text>
|
|
<view class="discount-tag" wx:for="{{storeInfo.store_discount}}" wx:key="index">{{item}}</view>
|
|
</view>
|
|
<view class="br"></view>
|
|
|
|
<!-- 门店优惠券 -->
|
|
<view class="store-coupons" wx:if="{{coupons.length > 0}}">
|
|
<view class="coupons-top">
|
|
<view class="title">店铺优惠券</view>
|
|
<view class="more" wx:if="{{coupons.length > 2}}" bindtap="goCouponStore">查看更多<van-icon name="arrow" /></view>
|
|
</view>
|
|
<scroll-view scroll-x="true" class="scrollX" style="width: 100%;height: 143rpx;white-space: nowrap;">
|
|
<block >
|
|
<view class="coupon size-cov" wx:if="{{item.available}}" wx:for="{{coupons}}" wx:key="index" bindtap="collectCoupons" data-item="{{item}}">
|
|
<view class="left-text" wx:if="{{item.api_availability==1}}">立即领取</view>
|
|
<view class="left-text" wx:if="{{item.api_availability==2}}">已领取</view>
|
|
<view class="left-text" wx:if="{{item.api_availability==3}}">已抢光</view>
|
|
<view class="right-text">
|
|
<view class="coupon-amount" wx:if="{{item.coupon_method === 1}}">￥{{item.discount}}</view>
|
|
<view class="coupon-amount" wx:else>{{item.discount}}折</view>
|
|
<view class="message">满{{item.name}}</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 精选口碑 -->
|
|
<view class="store-evaluate" wx:if="{{storeInfo.comment}}">
|
|
<view class="top-title">
|
|
<view class="title">
|
|
<text style="font-size:16px;">精选口碑</text> <text style="color: #6f6f6f;font-size:12px">好评率 <text style="color: #f64747;">{{storeInfo.comment.average_score}}</text></text>
|
|
</view>
|
|
<view class="more" bindtap="goO2oStore" data-type="comment">查看全部({{storeInfo.comment.comment_total}})<van-icon name="arrow" /></view>
|
|
</view>
|
|
<scroll-view scroll-x="true" style="width: 100%;height: 200rpx;white-space: nowrap; margin-top: 30rpx;">
|
|
<view class="evaluate-box" wx:for="{{storeInfo.comment.new_comment}}" wx:key="index">
|
|
<view class="user-info">
|
|
<image class="left-avatar" src="{{item.head_img_url}}"></image>
|
|
<view class="right">
|
|
<view class="username">{{item.nick_name}}</view>
|
|
<view class="icon-link">
|
|
<van-icon wx:for="{{item.level}}" wx:key="index" class="iconfont icon-fontclass-pingfen"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="message line-2">{{item.content}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bottom-containe" wx:if="{{tabList.length > 0}}">
|
|
<van-tabs id="tabs" active="{{active}}" sticky nav-class="tabs" tab-class="tab" tab-active-class="tab-active" bind:change="changeTab">
|
|
<van-tab wx:for="{{tabList}}" wx:key="index" title="{{item.name}}" name="{{item.code}}">
|
|
<sotreInfo wx:if="{{active === 'store_info'}}" datas="{{storeInfo}}" bind:contactPopup="contactStaff"></sotreInfo>
|
|
<goods id="recommend_goods" wx:if="{{active==='recommend_goods' && goodsData.list}}" bind:setLoadMore="setLoadMore" datas="{{goodsData}}" component_id="{{'1'}}" U_tabcontrol="{{U_tabcontrol}}" plugin_active="{{active}}" store_alone_temp="{{2}}"></goods>
|
|
|
|
<!--<goodsrush id="limitBuy_goods" wx:if="{{active==='limitBuy_goods' && limitData.list}}" bind:setLoadMore="setLoadMore" datas="{{limitData}}" component_id="{{'1'}}" U_tabcontrol="{{U_tabcontrol}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></goodsrush>-->
|
|
<!--<fight_group wx:if="{{active==='fight-groups'}}" list="{{groupList}}" store_alone_temp="{{store_alone_temp}}"></fight_group>-->
|
|
<!--<shortvideo id="video_share" wx:if="{{active==='video-share' && videoData.list}}" bind:setLoadMore="setLoadMore" datas="{{videoData}}" component_id="{{'1'}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></shortvideo>-->
|
|
<!--<community id="micro_communities" wx:if="{{active==='micro-communities' && communityData.list}}" bind:setLoadMore="setLoadMore" datas="{{communityData}}" U_tabcontrol="{{U_tabcontrol}}" component_id="{{'1'}}" plugin_active="{{plugin_active}}" store_alone_temp="{{store_alone_temp}}"></community>-->
|
|
</van-tab>
|
|
</van-tabs>
|
|
|
|
</view>
|
|
|
|
<!-- 客服弹框 -->
|
|
<block wx:if="{{storeInfo.cservice}}">
|
|
<connect-customer-service show="{{ showServicePopup }}" customer_open="{{storeInfo.cservice.customer_open}}" online="{{ storeInfo.cservice.cservice }}" tel="{{ storeInfo.cservice.service_mobile }}" qrcode="{{ storeInfo.cservice.service_QRcode }}"></connect-customer-service>
|
|
</block>
|
|
|
|
<!-- 通讯录弹框 -->
|
|
<van-popup show="{{ showContactPopup }}" bind:close="closeContactPopup" round custom-class="contact-popup">
|
|
<view class="phone-call cell" catchtap="callPhone">呼叫</view>
|
|
<view class="phone-copy cell" catchtap="copyPhone">复制</view>
|
|
<view class="phone-add cell" catchtap="addPhone">添加到手机通讯录</view>
|
|
</van-popup>
|
|
<shopfoot></shopfoot>
|
|
</view>
|
|
|