1753 lines
52 KiB
Vue
1753 lines
52 KiB
Vue
<template name="commonTPL">
|
||
<view class="page inddex-store-container">
|
||
<view>
|
||
<view class="m-banner" v-if="loadStoreInfoComplete">
|
||
<image :src="store_info.BackGroundPath" />
|
||
<view class="m-content-box"> </view>
|
||
<view class="m-logo">
|
||
<image :src="store_info.WapLogoPath" />
|
||
</view>
|
||
<view class="m-shopinfo">
|
||
<view style="display: flex">
|
||
<view
|
||
style="
|
||
font-size: 36rpx;
|
||
color: #fff;
|
||
flex: 1;
|
||
height: 40rpx;
|
||
line-height: 40rpx;
|
||
"
|
||
>{{ store_info.store_name }}</view
|
||
>
|
||
<view class="iconfont icon-qijiandian" v-if="false"></view>
|
||
<view class="service-star-box" v-if="store_info.store_star_num > 0">
|
||
<view>{{ __("综合体验") }}</view>
|
||
<view
|
||
class="m-startBox"
|
||
v-for="(itemIndex, ii) in [1, 2, 3, 4, 5]"
|
||
:key="ii"
|
||
:class="[
|
||
'iconfont',
|
||
'icon-start',
|
||
itemIndex <= store_info.store_star_num ? 'sel' : '',
|
||
]"
|
||
>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view style="margin-left: 20rpx" v-if="false">{{
|
||
store_info.store_grade_name
|
||
}}</view>
|
||
<text
|
||
style="
|
||
width: 56%;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
"
|
||
v-if="store_info.store_slogan != ''"
|
||
>{{ sprintf(__("公告：%s"), store_info.store_slogan) }}</text
|
||
>
|
||
</view>
|
||
<view class="tag-view">
|
||
<uni-tag
|
||
:text="__('已收藏')"
|
||
mark="right"
|
||
type="gray"
|
||
size="normal"
|
||
inverted="1"
|
||
circle="true"
|
||
data-type="groupbuy"
|
||
v-if="store_info.analytics.store_collect"
|
||
@click="onUnlikeStore(store_info.store_id)"
|
||
></uni-tag>
|
||
|
||
<uni-tag
|
||
:text="__('收藏')"
|
||
mark="right"
|
||
type="lancerdt"
|
||
size="normal"
|
||
inverted="1"
|
||
circle="true"
|
||
data-type="groupbuy"
|
||
v-if="store_info.analytics.store_collect < 1"
|
||
@click="onLikeStore(store_info.store_id)"
|
||
></uni-tag>
|
||
|
||
<uni-tag
|
||
:text="
|
||
sprintf(__(' %d 次'), store_info.analytics.store_favorite_num)
|
||
"
|
||
mark="true"
|
||
type="lancerdt"
|
||
size="normal"
|
||
inverted="1"
|
||
circle="true"
|
||
data-type="groupbuy"
|
||
></uni-tag>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="loadStoreConfigComplete">
|
||
<diy
|
||
v-if="commonTPL.TemplateKey == 'shopdiy'"
|
||
:BgConfig="BgConfig"
|
||
:PageContent="PageContent"
|
||
:pageId="pageId"
|
||
:PageNav="PageNav"
|
||
:StoreInfo="commonTPL.shopInfo"
|
||
:loadPageFlag="loadPageFlag"
|
||
></diy>
|
||
|
||
<block v-if="commonTPL.TemplateKey != 'shopdiy'">
|
||
<view class="g-flex m-ba-tab" v-if="commonTPL.TemplateKey != ''">
|
||
<view
|
||
:class="[
|
||
'g-flex-item',
|
||
commonTPL.tapindex == 1 ? 'm-ba-item-select' : '',
|
||
]"
|
||
@click="clickRecommend"
|
||
v-if="commonTPL.TemplateKey != 'shop6'"
|
||
>
|
||
<!--我加的判断-->
|
||
<view class="m-ba-icon">
|
||
<label class="iconfont icon-discount"></label>
|
||
</view>
|
||
<view>{{ __("推荐") }}</view>
|
||
</view>
|
||
<view
|
||
:class="[
|
||
'g-flex-item',
|
||
commonTPL.tapindex == 2 ? 'm-ba-item-select' : '',
|
||
]"
|
||
@click="clickListAllProduct"
|
||
>
|
||
<view class="m-ba-icon">{{ commonTPL.shopInfo.AllProduct }}</view>
|
||
<view>{{ __("全部商品") }}</view>
|
||
</view>
|
||
<view
|
||
:class="[
|
||
'g-flex-item',
|
||
commonTPL.tapindex == 3 ? 'm-ba-item-select' : '',
|
||
]"
|
||
@click="clickListNewProduct"
|
||
>
|
||
<view class="m-ba-icon">{{ commonTPL.shopInfo.NewProduct }}</view>
|
||
<view>{{ __("上新") }}</view>
|
||
</view>
|
||
<view
|
||
:class="[
|
||
'g-flex-item',
|
||
commonTPL.tapindex == 4 ? 'm-ba-item-select' : '',
|
||
]"
|
||
@click="clickGetStoreData"
|
||
>
|
||
<view class="m-ba-icon">
|
||
<label class="iconfont icon-store"></label>
|
||
</view>
|
||
<view>{{ __("店铺简介") }}</view>
|
||
</view>
|
||
<view
|
||
:class="[
|
||
'g-flex-item',
|
||
commonTPL.tapindex == 4 ? 'm-ba-item-select hide' : 'hide',
|
||
]"
|
||
@click="showSupplyProducts"
|
||
>
|
||
<view class="m-ba-icon">
|
||
<label class="iconfont icon-store"></label>
|
||
</view>
|
||
<view>{{ __("供应商") }}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<shoptheme1
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop1'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme1>
|
||
<shoptheme2
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop2'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme2>
|
||
<shoptheme3
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop3'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme3>
|
||
<shoptheme4
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop4'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme4>
|
||
<shoptheme5
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop5'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme5>
|
||
<shoptheme6
|
||
v-if="commonTPL.tapindex == 1 && commonTPL.TemplateKey == 'shop6'"
|
||
:commonTPL="commonTPL"
|
||
>
|
||
</shoptheme6>
|
||
|
||
<view v-if="loadStoreCategoryComplete">
|
||
<shoptheme6
|
||
v-if="commonTPL.tapindex == 2 && commonTPL.TemplateKey == 'shop6'"
|
||
:commonTPL="commonTPL"
|
||
ref="shop6"
|
||
></shoptheme6>
|
||
<view v-else-if="commonTPL.tapindex == 2" class="m-scroll-box">
|
||
<scroll-view
|
||
scroll-y="true"
|
||
@scrolltolower="scrollbottom"
|
||
@scroll="scrollView"
|
||
@scrolltoupper="scrollTop"
|
||
class="m-product-all"
|
||
:class="[
|
||
'm-product-all',
|
||
'u-pa',
|
||
commonTPL.istop ? 'u-patop' : 'u-pabtn',
|
||
]"
|
||
>
|
||
<view class="m-tab">
|
||
<view class="m-navbar">
|
||
<view
|
||
class="m-navbar-item"
|
||
:class="[
|
||
'm-navbar-item',
|
||
commonTPL.post.orderby == 'product_sale_num'
|
||
? 'm-navbar-item-on'
|
||
: '',
|
||
]"
|
||
@click="clickSortBySaleNum"
|
||
>
|
||
{{ __("销量") }}
|
||
</view>
|
||
<view
|
||
class="m-navbar-item"
|
||
:class="[
|
||
'm-navbar-item',
|
||
commonTPL.post.orderby == 'product_add_time'
|
||
? 'm-navbar-item-on'
|
||
: '',
|
||
]"
|
||
@click="clickNewpd"
|
||
>
|
||
{{ __("新品") }}
|
||
</view>
|
||
<view
|
||
class="m-navbar-item"
|
||
:class="[
|
||
'm-navbar-item',
|
||
commonTPL.post.orderby == 'product_unit_price'
|
||
? 'm-navbar-item-on'
|
||
: '',
|
||
]"
|
||
@click="clickSortByPrice"
|
||
>
|
||
<label class="m-sort">
|
||
{{ __("价格") }}
|
||
<image
|
||
:src="
|
||
'https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/images/' +
|
||
(commonTPL.sort == 1 ? 'sort-desc' : 'sort-asc') +
|
||
'.png'
|
||
"
|
||
/>
|
||
</label>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view
|
||
:class="[
|
||
'm-product-list',
|
||
commonTPL.viewtype == 1 ? 'fadeIn animated m-listv' : '',
|
||
]"
|
||
>
|
||
<navigator
|
||
v-for="(item, i) in commonTPL.pdlist"
|
||
:key="i"
|
||
:url="
|
||
'/pages/product/detail?is_store_flag=' +
|
||
commonTPL.isStoreFlag +
|
||
'&pid=' +
|
||
item.id
|
||
"
|
||
class="m-product-item"
|
||
style="border-radius: 19rpx"
|
||
>
|
||
<view class="m-product-img">
|
||
<image
|
||
:src="item.ProductPic"
|
||
mode="aspectFill"
|
||
style="border-radius: 19rpx"
|
||
/>
|
||
</view>
|
||
<view class="m-product-info">
|
||
<view class="m-product-name">
|
||
<label>{{ item.SalesName }}</label>
|
||
</view>
|
||
<view class="m-product-price">
|
||
<block v-if="item.ItemSalePrice">
|
||
<label>{{ __("￥") }}</label
|
||
>{{ number_format(item.ItemSalePrice, 2) }}
|
||
</block>
|
||
|
||
<block v-if="item.product_unit_points">
|
||
<label style="margin: 0rpx 10rpx">+</label
|
||
><label style="font-size: 32rpx">{{
|
||
number_format(item.product_unit_points)
|
||
}}</label>
|
||
<label>{{ __("积分") }}</label>
|
||
</block>
|
||
|
||
<block v-if="item.product_unit_sp">
|
||
<label style="margin: 0rpx 10rpx">+</label
|
||
><label style="font-size: 32rpx">{{
|
||
item.product_unit_sp
|
||
}}</label>
|
||
<label>{{ __("众宝") }}</label>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
</view>
|
||
<view class="u-top-default">
|
||
<view class="u-view" @click="onViewType">
|
||
<label
|
||
:class="[
|
||
'iconfont zc',
|
||
commonTPL.viewtype == 1
|
||
? 'zc-viewlist'
|
||
: 'zc-viewgallery',
|
||
]"
|
||
></label>
|
||
</view>
|
||
<view class="u-back hide" @click="retruntop">
|
||
<label class="iconfont icon-fanhuidingbu"></label>
|
||
</view>
|
||
</view>
|
||
<view class="m-loading-box">
|
||
<block v-if="commonTPL.ispage">
|
||
<view class="u-loadmore">
|
||
<label class="u-loading"></label>
|
||
<text class="u-loadmore-tips">{{ __("正在加载") }}</text>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="u-loadmore u-loadmore-line">
|
||
<text class="u-loadmore-tips">{{
|
||
__("没有更多数据啦！")
|
||
}}</text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="loadStoreCategoryComplete">
|
||
<shoptheme6
|
||
v-if="commonTPL.tapindex == 3 && commonTPL.TemplateKey == 'shop6'"
|
||
:commonTPL="commonTPL"
|
||
@ckallPD6="ckallPD6"
|
||
>
|
||
</shoptheme6>
|
||
<scroll-view
|
||
v-else-if="commonTPL.tapindex == 3"
|
||
scroll-y="true"
|
||
@scrolltolower="scrollbottom"
|
||
@scrolltoupper="scrollTop"
|
||
@scroll="scrollView"
|
||
:class="[
|
||
'm-product-all u-pa',
|
||
commonTPL.istop ? 'u-patop' : 'u-pabtn',
|
||
]"
|
||
>
|
||
<view
|
||
:class="[
|
||
'm-product-list',
|
||
'no-tap',
|
||
commonTPL.viewtype == 1 ? 'fadeIn animated m-listv' : '',
|
||
]"
|
||
>
|
||
<block v-for="(item, i) in commonTPL.pdlist" :key="i">
|
||
<navigator
|
||
:url="
|
||
'/pages/product/detail?is_store_flag=' +
|
||
commonTPL.isStoreFlag +
|
||
'&pid=' +
|
||
item.id
|
||
"
|
||
class="m-product-item"
|
||
style="border-radius: 19rpx"
|
||
>
|
||
<view class="m-product-img">
|
||
<image
|
||
:src="item.ProductPic"
|
||
mode="aspectFill"
|
||
style="border-radius: 19rpx"
|
||
/>
|
||
</view>
|
||
<view class="m-product-info">
|
||
<view class="m-product-name">
|
||
<label>{{ item.SalesName }}</label>
|
||
</view>
|
||
<view class="m-product-price">
|
||
<block v-if="item.ItemSalePrice">
|
||
<label>{{ __("￥") }}</label
|
||
>{{ number_format(item.ItemSalePrice, 2) }}
|
||
</block>
|
||
|
||
<block v-if="item.product_unit_points">
|
||
<label style="margin: 0rpx 10rpx">+</label
|
||
><label style="font-size: 32rpx">{{
|
||
number_format(item.product_unit_points)
|
||
}}</label>
|
||
<label>{{ __("积分") }}</label>
|
||
</block>
|
||
|
||
<block v-if="item.product_unit_sp">
|
||
<label style="margin: 0rpx 10rpx">+</label
|
||
><label style="font-size: 32rpx">{{
|
||
item.product_unit_sp
|
||
}}</label>
|
||
<label>{{ __("众宝") }}</label>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
</block>
|
||
</view>
|
||
<view class="u-top-default">
|
||
<view
|
||
class="u-view"
|
||
@click="onViewType"
|
||
style="line-height: 96rpx"
|
||
>
|
||
<label
|
||
:class="[
|
||
'iconfont zc',
|
||
commonTPL.viewtype == 1
|
||
? 'zc-viewlist'
|
||
: 'zc-viewgallery',
|
||
]"
|
||
></label>
|
||
</view>
|
||
<view class="u-back hide" @click="retruntop">
|
||
<label class="iconfont icon-fanhuidingbu"></label>
|
||
</view>
|
||
</view>
|
||
<view class="m-loading-box">
|
||
<block v-if="commonTPL.ispage">
|
||
<view class="u-loadmore">
|
||
<label class="u-loading"></label>
|
||
<text class="u-loadmore-tips">{{ __("正在加载") }}</text>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="u-loadmore u-loadmore-line">
|
||
<text class="u-loadmore-tips">{{
|
||
__("没有更多数据啦！")
|
||
}}</text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
|
||
<view v-if="commonTPL.tapindex == 4" class="m-ShopProfile">
|
||
<view class="m-cells" style="">
|
||
<view class="shop-address-content">
|
||
<view
|
||
class="shop-address-left-content"
|
||
@click.stop="gotomap"
|
||
:data-lat="commonTPL.shopInfo.store_latitude"
|
||
:data-address="commonTPL.shopInfo.LegalAdress"
|
||
:data-name="commonTPL.shopInfo.store_name"
|
||
:data-lng="commonTPL.shopInfo.store_longitude"
|
||
>
|
||
<label class="zc zc-shouhuodizhi address-icon"></label>
|
||
<view class="address-info">
|
||
<view class="address-item">
|
||
<text style="font-weight: 700">{{
|
||
commonTPL.shopInfo.LegalAdress
|
||
}}</text>
|
||
<text
|
||
v-if="distance"
|
||
@click.stop="gotomap"
|
||
:data-lat="commonTPL.shopInfo.store_latitude"
|
||
:data-address="commonTPL.shopInfo.LegalAdress"
|
||
:data-name="commonTPL.shopInfo.store_name"
|
||
:data-lng="commonTPL.shopInfo.store_longitude"
|
||
style="color: #999; font-size: 20rpx"
|
||
>{{ sprintf(__("距您 %s"), distance) }}</text
|
||
>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<span>
|
||
<image
|
||
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/images/phone_sp.png"
|
||
style="width: 4rpx; height: 70rpx; border-radius: 24%"
|
||
/>
|
||
</span>
|
||
|
||
<view
|
||
class="shop-address-right-content"
|
||
@click="callPhone(commonTPL.shopInfo.LegalNumber)"
|
||
>
|
||
<view class="shop-address-right-item">
|
||
<image
|
||
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/images/phone.png"
|
||
class="phone-img"
|
||
/>
|
||
<text style="font-size: 12px">{{ __("联系商家") }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="m-cell">
|
||
<view class="m-cell-bd">
|
||
<!-- <text>{{sprintf(__('店铺介绍：%s'), commonTPL.shopInfo.VendorInfo)}}</text> -->
|
||
<wxParse
|
||
:content="commonTPL.shopInfo.VendorInfo || ' '"
|
||
:imageProp="{ padding: 0 }"
|
||
/>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="m-cell" v-if="false" style="margin: 0 20rpx">
|
||
<view class="m-cell-bd">
|
||
<swiper
|
||
indicator-dots="true"
|
||
autoplay="true"
|
||
interval="3000"
|
||
duration="300"
|
||
>
|
||
<swiper-item
|
||
v-for="(item, ii) in commonTPL.shopInfo.info.store_slide"
|
||
:key="ii"
|
||
v-if="item.check"
|
||
>
|
||
<image
|
||
lazy-load
|
||
class="slide-image"
|
||
mode="aspectFill"
|
||
:src="item.img"
|
||
:data-src="item.img"
|
||
@click="previewProductImg"
|
||
/>
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!--评论-->
|
||
<view v-if="commonTPL.tapindex == 5">
|
||
<block v-if="comment_row.length > 0">
|
||
<view class="uni-padding-wrap">
|
||
<view class="uni-comment">
|
||
<view
|
||
v-for="(comment, cc) in comment_row"
|
||
:key="cc"
|
||
class="uni-comment-list"
|
||
style="border-bottom: 1px solid #eee"
|
||
>
|
||
<view class="uni-comment-face">
|
||
<image :src="comment.user_avatar" mode="widthFix"></image>
|
||
</view>
|
||
<view class="uni-comment-body">
|
||
<view class="uni-comment-top">
|
||
<text>{{ comment.user_name }}</text>
|
||
</view>
|
||
<view class="uni-comment-date">
|
||
<text>{{ comment.comment_time }}</text>
|
||
</view>
|
||
<view class="uni-comment-content">{{
|
||
comment.comment_content
|
||
}}</view>
|
||
<view
|
||
v-if="comment.comment_image[0]"
|
||
class="m-cell-bd"
|
||
style="padding: 0; margin: 0; line-height: 1"
|
||
>
|
||
<view class="uni-uploader-body">
|
||
<view class="uni-uploader__files">
|
||
<block
|
||
v-for="(image, ii) in comment.comment_image"
|
||
:key="ii"
|
||
>
|
||
<view class="uni-uploader__file">
|
||
<image
|
||
class="uni-uploader__img"
|
||
:src="comment.comment_image[ii]"
|
||
></image>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<navigator
|
||
:url="'/pages/index/addcomment?is_store=' + options.store_id"
|
||
class="m-nullpage"
|
||
style="height: 286rpx; margin-top: 0%"
|
||
>
|
||
<view class="m-nullpage-middle">
|
||
<label class="iconfont icon-xiecomment"></label>
|
||
<view class="m-null-tip">
|
||
<text>{{ __("我也说两句~") }}</text>
|
||
<text>{{ __("去评论~") }}</text>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
</block>
|
||
<block v-else>
|
||
<navigator
|
||
:url="'/pages/index/addcomment?is_store=' + options.store_id"
|
||
class="m-nullpage"
|
||
>
|
||
<view class="m-nullpage-middle">
|
||
<label class="iconfont icon-xiecomment"></label>
|
||
<view class="m-null-tip">
|
||
<text>{{ __("暂时没有评论哦~") }}</text>
|
||
<text>{{ __("去评论~") }}</text>
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
</block>
|
||
</view>
|
||
|
||
<!--评论-->
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// 仅仅作为初始化数据结构使用
|
||
var thatProm = {
|
||
isStoreFlag: 1,
|
||
ProductInfo: {},
|
||
addCar: false,
|
||
count: 0,
|
||
windowHeight: 0,
|
||
categoryname: "",
|
||
click6: true,
|
||
cid: 0,
|
||
cartlist: {},
|
||
isdata: true,
|
||
select_cart_ids: [],
|
||
tapindex: 2,
|
||
viewtype: 1,
|
||
shopInfo: {
|
||
analytics: {
|
||
store_collect: 0,
|
||
},
|
||
store_slogan: "",
|
||
base: {},
|
||
info: {
|
||
store_slide: {},
|
||
},
|
||
VendorInfo: " ",
|
||
},
|
||
pdlist: [],
|
||
sort: 2,
|
||
ispage: true,
|
||
flag: true,
|
||
distance: 0,
|
||
istop: false,
|
||
TemplateKey: "",
|
||
smallCategory: [], // 店铺分类列表
|
||
loadStoreCategoryComplete: false, // 当前选中的店铺分类信息是否加载完成
|
||
currentCategoryId: 0, // 当前选中的店铺分类ID
|
||
currentCategoryName: "", // 当前选中的店铺分类名称
|
||
AdContent: {},
|
||
post: {
|
||
store_id: 0,
|
||
orderby: 1,
|
||
sort: 2,
|
||
isnew: false,
|
||
curpage: 1,
|
||
},
|
||
formdate: "",
|
||
pageId: 0,
|
||
};
|
||
import wxParse from "@/components/u-parse/u-parse.vue";
|
||
import paymentBox from "../../components/payment-box.vue";
|
||
|
||
import uniPopup from "../../components/uni-popup/uni-popup.vue";
|
||
|
||
import shoptheme1 from "../../components/themes/shoptheme1.vue";
|
||
import shoptheme2 from "../../components/themes/shoptheme2.vue";
|
||
import shoptheme3 from "../../components/themes/shoptheme3.vue";
|
||
import shoptheme4 from "../../components/themes/shoptheme4.vue";
|
||
import shoptheme5 from "../../components/themes/shoptheme5.vue";
|
||
import shoptheme6 from "../../components/themes/shoptheme6.vue";
|
||
import diy from "../../components/themes/diy.vue";
|
||
import uniTag from "@/components/uni-tag/uni-tag.vue";
|
||
|
||
import favorite from "@/helpers/favorite";
|
||
|
||
import { mapState, mapMutations } from "vuex";
|
||
|
||
export default {
|
||
data: function () {
|
||
return {
|
||
options: {},
|
||
Coupons: [],
|
||
isCancelSuccess: true,
|
||
isCancel: true,
|
||
CouponAmount: 0,
|
||
user_is_new: 0,
|
||
pageId: "",
|
||
loadPageFlag: false,
|
||
PageContent: [],
|
||
BgConfig: {
|
||
BackgroundObj: {
|
||
type: 1,
|
||
bgColor: "#ffffff",
|
||
pathColor: "#f8f8f8",
|
||
path: "",
|
||
},
|
||
},
|
||
PageNav: {
|
||
window: {
|
||
navigationBarBackgroundColor: "#ffffff",
|
||
navigationBarTextStyle: "black",
|
||
navigationBarTitleText: "",
|
||
backgroundColor: "#f8f8f8",
|
||
backgroundTextStyle: "dark",
|
||
},
|
||
},
|
||
AdContent: {},
|
||
TemplateKey: "",
|
||
commonTPL: Object.assign({}, thatProm),
|
||
indexArray: [],
|
||
splist: [],
|
||
splistStr: [],
|
||
pid: 0,
|
||
index: 0,
|
||
shareImg: "",
|
||
shareTitle: "",
|
||
refresh: true,
|
||
ispage: true,
|
||
flag: true,
|
||
w: 0,
|
||
comment_row: [],
|
||
latitude: 0,
|
||
longitude: 0,
|
||
distance: 0,
|
||
discountNum: 0,
|
||
discountNNum: 0,
|
||
initThatProm: Object.assign({}, thatProm),
|
||
initPageData: null,
|
||
store_id: 1001,
|
||
store_info: null,
|
||
loadStoreInfoComplete: false, // 加载店铺基本信息完成
|
||
loadStoreConfigComplete: false, // 加载店铺配置信息完成
|
||
loadStoreCategoryComplete: false, // 加载店铺配置信息完成
|
||
};
|
||
},
|
||
computed: mapState([
|
||
"Config",
|
||
"StateCode",
|
||
"notice",
|
||
"plantformInfo",
|
||
"shopInfo",
|
||
"userInfo",
|
||
"hasLogin",
|
||
]),
|
||
components: {
|
||
shoptheme1,
|
||
shoptheme2,
|
||
shoptheme3,
|
||
shoptheme4,
|
||
shoptheme5,
|
||
shoptheme6,
|
||
diy,
|
||
uniTag,
|
||
wxParse,
|
||
},
|
||
onLoad: function (options) {
|
||
this.initStorePageData(options);
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow: function () {
|
||
this.reloadShop6Data();
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面卸载
|
||
*/
|
||
onUnload: function () {
|
||
// 离开页面，注销事件
|
||
var that = this;
|
||
|
||
that.setData({
|
||
commonTPL: thatProm,
|
||
});
|
||
|
||
this.notice.removeNotification("RefreshProduct", that);
|
||
},
|
||
|
||
/**
|
||
* 页面相关事件处理函数--监听用户下拉动作
|
||
*/
|
||
onPullDownRefresh: async function () {
|
||
this.reloadShop6Data();
|
||
},
|
||
|
||
/**
|
||
* 页面上拉触底事件的处理函数
|
||
*/
|
||
onReachBottom: function () {},
|
||
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage: function () {
|
||
// #ifdef MP-WEIXIN
|
||
wx.showShareMenu({
|
||
withShareTicket: true,
|
||
menus: ["shareAppMessage", "shareTimeline"],
|
||
});
|
||
// #endif
|
||
|
||
return {
|
||
title: this.shareTitle,
|
||
imageUrl: this.shareImg,
|
||
path:
|
||
"/pagesub/index/store?store_id=" +
|
||
this.options.store_id +
|
||
"&uid=" +
|
||
this.userInfo.user_id,
|
||
};
|
||
},
|
||
|
||
/**
|
||
* 用户点击右上角分享朋友圈
|
||
*/
|
||
onShareTimeline: function () {
|
||
return {
|
||
title: this.shareTitle,
|
||
query: {
|
||
uid: this.userInfo.user_id,
|
||
store_id: this.options.store_id,
|
||
},
|
||
imageUrl: this.shareImg,
|
||
};
|
||
},
|
||
|
||
/**
|
||
* 页面滚动触发事件的处理函数
|
||
*/
|
||
onPageScroll: function () {},
|
||
|
||
methods: {
|
||
...mapMutations([
|
||
"logout",
|
||
"getPlantformInfo",
|
||
"forceUserInfo",
|
||
"getStoreInfo",
|
||
]),
|
||
ckLabel: function (e) {},
|
||
reloadShop6Data: function () {
|
||
let that = this;
|
||
if (this.$refs.shop6) {
|
||
this.$refs.shop6.reloadCategoryProduct();
|
||
}
|
||
|
||
that.$.stopPullDownRefresh();
|
||
that.$.hideLoading();
|
||
},
|
||
initStorePageData: function (options) {
|
||
var that = this;
|
||
|
||
that.$.showLoading();
|
||
|
||
//that.commonTPL 全局有效，状态保留了。 清除上次数据
|
||
that.$set(that.commonTPL, "istop", false);
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
|
||
this.setData({
|
||
options: options,
|
||
distance: options.d || 0,
|
||
store_id: options.store_id || 1001,
|
||
});
|
||
|
||
var w = that.$.getSystemInfoSync().windowWidth;
|
||
that.setData({
|
||
w: w,
|
||
});
|
||
|
||
this.notice.addNotification("RefreshProduct", that.RefreshProduct, that);
|
||
|
||
// 执行获取店铺信息的回调函数
|
||
this.getStoreInfo({
|
||
callback: async function (store) {
|
||
uni.setNavigationBarTitle({
|
||
title: store.store_name,
|
||
});
|
||
|
||
let tmp = Object.assign({}, store);
|
||
let coord = that.$.bMapTransQQMap(
|
||
tmp["store_longitude"],
|
||
tmp["store_latitude"]
|
||
);
|
||
tmp["store_longitude"] = coord.lng;
|
||
tmp["store_latitude"] = coord.lat;
|
||
|
||
let tmpThatProm = that.commonTPL;
|
||
|
||
tmpThatProm.shopInfo = tmp;
|
||
|
||
that.setData({
|
||
shareImg: store.WapLogoPath,
|
||
shareTitle: store.store_name,
|
||
store_info: store,
|
||
loadStoreInfoComplete: true,
|
||
});
|
||
try {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"windowHeight",
|
||
that.$.getSystemInfoSync().windowHeight - 50
|
||
);
|
||
} catch (n) {
|
||
//console.log(" Do something when catch error", n)
|
||
}
|
||
|
||
//店铺分类数据
|
||
await that.getStoreConfig();
|
||
await that.getStoreCategory();
|
||
|
||
setTimeout(function () {
|
||
//初始化微信分享
|
||
let $title = store.store_name;
|
||
let $desc = "";
|
||
let $link = that.$.sprintf(
|
||
"%s/h5/pagesub/index/store?store_id=%s",
|
||
that.Config.SiteUrl,
|
||
options.store_id
|
||
);
|
||
let $img_url = store.WapLogoPath;
|
||
|
||
//初始化微信分享
|
||
that.$.wxShare($title, $desc, $link, $img_url);
|
||
}, 100);
|
||
|
||
that.$.getLocation({
|
||
type: "wgs84",
|
||
success: function (response) {
|
||
that.setData({
|
||
latitude: response.latitude,
|
||
longitude: response.longitude,
|
||
});
|
||
console.info("手机定位:");
|
||
console.info(JSON.stringify(response));
|
||
|
||
//计算距离 shopInfo
|
||
|
||
/**
|
||
* 计算两个经纬度的距离(米)
|
||
*/
|
||
let getDistance = function (lat1, lng1, lat2, lng2) {
|
||
var radLat1 = (lat1 * Math.PI) / 180.0;
|
||
var radLat2 = (lat2 * Math.PI) / 180.0;
|
||
var a = radLat1 - radLat2;
|
||
var b = (lng1 * Math.PI) / 180.0 - (lng2 * Math.PI) / 180.0;
|
||
var s =
|
||
2 *
|
||
Math.asin(
|
||
Math.sqrt(
|
||
Math.pow(Math.sin(a / 2), 2) +
|
||
Math.cos(radLat1) *
|
||
Math.cos(radLat2) *
|
||
Math.pow(Math.sin(b / 2), 2)
|
||
)
|
||
);
|
||
s = s * 6378.137; // EARTH_RADIUS;
|
||
s = Math.round(s * 10000) / 10;
|
||
return s;
|
||
};
|
||
|
||
let d = getDistance(
|
||
that.latitude,
|
||
that.longitude,
|
||
coord.lat,
|
||
coord.lng
|
||
);
|
||
|
||
if (d) {
|
||
d = that.$.distanceFormat(d || 0);
|
||
}
|
||
|
||
that.setData({
|
||
distance: d || 0,
|
||
});
|
||
|
||
that.getNearbylist();
|
||
},
|
||
fail: function () {
|
||
that.$.confirm("手机定位失败");
|
||
|
||
that.getNearbylist();
|
||
},
|
||
});
|
||
},
|
||
store_id: options.store_id,
|
||
});
|
||
|
||
//存入本地
|
||
uni.setStorageSync("store_id", options.store_id);
|
||
},
|
||
|
||
//读取diy内容
|
||
getDivModel: function () {
|
||
var that = this,
|
||
param = {
|
||
store_id: this.store_id,
|
||
};
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.store.index_diy,
|
||
data: param,
|
||
loading: false,
|
||
success: function (data, status, msg, code) {
|
||
that.setData({
|
||
loadPageFlag: true,
|
||
pageId: data.page_id,
|
||
PageContent: that.$.parseJSON(data.page_code),
|
||
BgConfig: that.$.parseJSON(data.page_config),
|
||
shareImg: data.page_share_image,
|
||
shareTitle: data.page_share_title,
|
||
});
|
||
},
|
||
});
|
||
},
|
||
|
||
RefreshProduct: function (e) {
|
||
e
|
||
? this.setData({
|
||
refresh: true,
|
||
})
|
||
: this.setData({
|
||
refresh: false,
|
||
});
|
||
},
|
||
|
||
//初始化数据，获取店铺分类
|
||
getStoreCategory: function () {
|
||
var that = this;
|
||
|
||
var param = {
|
||
store_id: that.store_id,
|
||
};
|
||
|
||
return new Promise((resolve, reject) => {
|
||
that.$.request({
|
||
url: that.Config.URL.store.product_category,
|
||
data: param,
|
||
loading: false,
|
||
ajaxCache: {
|
||
timeout: that.Config.CACHE_EXPIRE,
|
||
},
|
||
success: function (data, status, msg, code) {
|
||
let tmp = that.commonTPL;
|
||
|
||
that.$set(that.commonTPL, "smallCategory", data.leaf);
|
||
that.$set(that.commonTPL, "loadStoreCategoryComplete", true);
|
||
that.setData({
|
||
loadStoreCategoryComplete: true,
|
||
});
|
||
|
||
if (data.leaf.length > 0) {
|
||
that.$set(that.commonTPL, "cid", data.leaf[0].id);
|
||
that.$set(that.commonTPL, "currentCategoryId", data.leaf[0].id);
|
||
that.$set(
|
||
that.commonTPL,
|
||
"categoryname",
|
||
data.leaf[0].store_product_cat_name
|
||
);
|
||
that.$set(
|
||
that.commonTPL,
|
||
"currentCategoryName",
|
||
data.leaf[0].store_product_cat_name
|
||
);
|
||
}
|
||
|
||
if (1 == that.commonTPL.tapindex) {
|
||
} else if (2 == that.commonTPL.tapindex) {
|
||
that.listAllProduct();
|
||
} else if (3 == that.commonTPL.tapindex) {
|
||
that.listNewProduct();
|
||
} else if (4 == that.commonTPL.tapindex) {
|
||
that.getStoreData();
|
||
} else if (5 == that.commonTPL.tapindex) {
|
||
}
|
||
|
||
that.$.stopPullDownRefresh();
|
||
that.$.hideLoading();
|
||
},
|
||
|
||
fail: function (err) {},
|
||
});
|
||
});
|
||
//读取店铺商品分类 todo 根据需要读取。
|
||
},
|
||
|
||
// 点击推荐
|
||
clickRecommend: function () {
|
||
this.$set(this.commonTPL, "tapindex", 1);
|
||
},
|
||
clickListAllProduct: function () {
|
||
this.$set(this.commonTPL, "tapindex", 2);
|
||
this.listAllProduct();
|
||
},
|
||
// 全部商品
|
||
listAllProduct: function (e) {
|
||
let that = this;
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
// 使用了模块shopthemes，在模块中加载数据
|
||
if (that.commonTPL.TemplateKey === "shop6") {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
store_category_ids: that.commonTPL.currentCategoryId,
|
||
store_id: this.store_id,
|
||
orderby: 1,
|
||
sort: 2,
|
||
isnew: false,
|
||
curpage: 1,
|
||
})
|
||
);
|
||
} else {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
store_id: this.store_id,
|
||
orderby: 1,
|
||
sort: 2,
|
||
isnew: false,
|
||
curpage: 1,
|
||
is_activity: 3,
|
||
})
|
||
);
|
||
that.getProductList();
|
||
}
|
||
},
|
||
clickListNewProduct: function () {
|
||
let that = this;
|
||
that.$set(that.commonTPL, "tapindex", 3);
|
||
|
||
this.listNewProduct();
|
||
},
|
||
// 新品上市
|
||
listNewProduct: function () {
|
||
let that = this;
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
|
||
// 使用了模块shopthemes，在模块中加载数据
|
||
if (that.commonTPL.TemplateKey === "shop6") {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
store_category_ids: that.commonTPL.currentCategoryId,
|
||
store_id: this.store_id,
|
||
sidx: "product_add_time",
|
||
sord: "DESC",
|
||
orderby: 1,
|
||
sort: 2,
|
||
isnew: true,
|
||
curpage: 1,
|
||
store_id: this.store_id,
|
||
})
|
||
);
|
||
} else {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
store_id: that.store_id,
|
||
sidx: "product_add_time",
|
||
sord: "DESC",
|
||
orderby: 2,
|
||
sort: 2,
|
||
isnew: true,
|
||
curpage: 1,
|
||
is_activity: 1,
|
||
})
|
||
);
|
||
this.getProductList();
|
||
}
|
||
},
|
||
clickGetStoreData: function () {
|
||
let that = this;
|
||
that.$set(that.commonTPL, "tapindex", 4);
|
||
|
||
that.getStoreData();
|
||
},
|
||
// 查看店铺简介
|
||
getStoreData: function () {},
|
||
// 切换商品显示方式
|
||
onViewType: function () {
|
||
var that = this;
|
||
|
||
that.$set(
|
||
that.commonTPL,
|
||
"viewtype",
|
||
that.commonTPL.viewtype === 0 ? 1 : 0
|
||
);
|
||
},
|
||
|
||
clickSortBySaleNum: function () {
|
||
this.sortBySaleNum();
|
||
},
|
||
/**
|
||
* 销量排序
|
||
*/
|
||
sortBySaleNum: function () {
|
||
var that = this;
|
||
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
sidx: "product_sale_num",
|
||
sord: "DESC",
|
||
curpage: 1,
|
||
})
|
||
);
|
||
|
||
this.getProductList();
|
||
},
|
||
|
||
clickNewpd: function () {
|
||
this.newpd();
|
||
},
|
||
|
||
/**
|
||
* 新品排序
|
||
*/
|
||
newpd: function () {
|
||
var that = this;
|
||
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
sidx: "product_add_time",
|
||
sord: "DESC",
|
||
curpage: 1,
|
||
})
|
||
);
|
||
|
||
this.getProductList();
|
||
},
|
||
|
||
clickSortByPrice: function () {
|
||
this.sortByPrice();
|
||
},
|
||
|
||
/**
|
||
* 价格排序
|
||
*/
|
||
sortByPrice: function () {
|
||
let that = this;
|
||
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
sidx: "product_unit_price",
|
||
sord: that.commonTPL.sort === 1 ? "DESC" : "ASC",
|
||
curpage: 1,
|
||
})
|
||
);
|
||
|
||
that.$set(that.commonTPL, "sort", that.commonTPL.sort == 1 ? 2 : 1);
|
||
that.$set(that.commonTPL, "pdlist", []);
|
||
|
||
this.getProductList();
|
||
},
|
||
scrollbottom: function (e) {
|
||
let that = this;
|
||
if (that.commonTPL.flag) {
|
||
that.setData({
|
||
flag: false,
|
||
}),
|
||
clearTimeout(n);
|
||
var n = setTimeout(function () {
|
||
that.$set(
|
||
that.commonTPL,
|
||
"post",
|
||
Object.assign({}, that.commonTPL.post, {
|
||
curpage: that.commonTPL.post.curpage + 1,
|
||
})
|
||
);
|
||
that.getProductList();
|
||
}, 500);
|
||
}
|
||
},
|
||
|
||
getProductList: function () {
|
||
let that = this;
|
||
|
||
that.$set(that.commonTPL, "flag", false);
|
||
|
||
let params = Object.assign({}, that.commonTPL.post, {
|
||
isnew: that.commonTPL.post.isnew ? 1 : 0,
|
||
user_cart_quantity: that.commonTPL.TemplateKey === "shop6" ? 1 : 0,
|
||
});
|
||
that.$.request({
|
||
url: this.Config.URL.store.product,
|
||
loading: true,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
for (var i = 0; i < data.items.length; i++) {
|
||
data.items[i]["id"] = data.items[i]["item_id"];
|
||
data.items[i]["DefaultProductSkuId"] = data.items[i]["item_id"];
|
||
data.items[i]["productName"] = data.items[i]["product_name"];
|
||
data.items[i]["SalesName"] = data.items[i]["product_name"];
|
||
data.items[i]["ProductPic"] = data.items[i]["product_image"];
|
||
data.items[i]["ItemSalePrice"] =
|
||
data.items[i]["product_unit_price"];
|
||
data.items[i]["SaleNum"] = data.items[i]["product_sale_num"];
|
||
data.items[i]["Stock"] = data.items[i]["product_quantity"];
|
||
data.items[i]["HasManualSku"] =
|
||
data.items[i]["item_color"].length > 1;
|
||
data.items[i]["DefaultProductSkuId"] = data.items[i]["item_id"];
|
||
//data.items[i]['user_cart_quantity'] = 1;
|
||
}
|
||
|
||
if (data.items.length > 0) {
|
||
if (that.commonTPL.post.curpage == 1 && data.items.length < 10) {
|
||
that.$set(that.commonTPL, "flag", false);
|
||
that.$set(that.commonTPL, "ispage", false);
|
||
} else {
|
||
that.$set(that.commonTPL, "flag", true);
|
||
that.$set(that.commonTPL, "ispage", true);
|
||
}
|
||
that.$set(
|
||
that.commonTPL,
|
||
"pdlist",
|
||
that.commonTPL.pdlist.concat(data.items)
|
||
);
|
||
} else {
|
||
that.$set(that.commonTPL, "flag", false);
|
||
that.$set(that.commonTPL, "ispage", false);
|
||
}
|
||
},
|
||
});
|
||
},
|
||
scrollView: function (e) {
|
||
let that = this;
|
||
if (e.detail.deltaY < -305) {
|
||
that.$set(that.commonTPL, "distance", e.detail.deltaY);
|
||
that.$set(that.commonTPL, "istop", true);
|
||
}
|
||
},
|
||
scrollTop: function () {
|
||
let that = this;
|
||
|
||
that.$set(that.commonTPL, "istop", false);
|
||
},
|
||
returnTop: function () {
|
||
let that = this;
|
||
|
||
that.$set(that.commonTPL, "distance", 0);
|
||
},
|
||
showSupplyProducts: function () {
|
||
this.$.gopage("/pages/product/list?store_type=2");
|
||
},
|
||
//店铺首页信息数据读取
|
||
getStoreConfig: function () {
|
||
var that = this;
|
||
var param = {
|
||
store_id: this.store_id,
|
||
};
|
||
return new Promise((resolve, reject) => {
|
||
that.$.request({
|
||
url: this.Config.URL.store.contents,
|
||
data: param,
|
||
loading: false,
|
||
success: function (data, status, msg, code) {
|
||
that.setData({
|
||
loadStoreConfigComplete: true,
|
||
});
|
||
|
||
that.$set(
|
||
that.commonTPL,
|
||
"TemplateKey",
|
||
data.store_template > 1000 || data.store_template === "shop7"
|
||
? "shopdiy"
|
||
: data.store_template
|
||
);
|
||
|
||
if ("shopdiy" == that.commonTPL.TemplateKey) {
|
||
} else {
|
||
for (
|
||
var i = 0;
|
||
i < data.contents["F1ProductContents"].length;
|
||
i++
|
||
) {
|
||
data.contents["F1ProductContents"][i]["ProductContentID"] =
|
||
data.contents["F1ProductContents"][i]["item_id"];
|
||
data.contents["F1ProductContents"][i]["ProductName"] =
|
||
data.contents["F1ProductContents"][i]["product_name"];
|
||
data.contents["F1ProductContents"][i]["Price"] =
|
||
data.contents["F1ProductContents"][i]["product_unit_price"];
|
||
data.contents["F1ProductContents"][i]["ImagePath"] =
|
||
data.contents["F1ProductContents"][i]["product_image"];
|
||
data.contents["F1ProductContents"][i]["TitleType"] =
|
||
data.contents["F1TitleType"];
|
||
}
|
||
|
||
for (
|
||
var i = 0;
|
||
i < data.contents["F2ProductContents"].length;
|
||
i++
|
||
) {
|
||
data.contents["F2ProductContents"][i]["ProductContentID"] =
|
||
data.contents["F2ProductContents"][i]["item"];
|
||
data.contents["F2ProductContents"][i]["ProductName"] =
|
||
data.contents["F2ProductContents"][i]["name"];
|
||
data.contents["F2ProductContents"][i]["Price"] =
|
||
data.contents["F2ProductContents"][i]["product_unit_price"];
|
||
data.contents["F2ProductContents"][i]["ImagePath"] =
|
||
data.contents["F2ProductContents"][i]["img"];
|
||
data.contents["F2ProductContents"][i]["TitleType"] =
|
||
data.contents["F2TitleType"];
|
||
data.contents["F2ProductContents"][i]["ProductLinkUrl"] =
|
||
data.contents["F2ProductContents"][i]["url"];
|
||
}
|
||
|
||
for (
|
||
var i = 0;
|
||
i < data.contents["F3ProductContents"].length;
|
||
i++
|
||
) {
|
||
data.contents["F3ProductContents"][i]["ProductContentID"] =
|
||
data.contents["F3ProductContents"][i]["item_id"];
|
||
data.contents["F3ProductContents"][i]["ProductName"] =
|
||
data.contents["F3ProductContents"][i]["product_name"];
|
||
data.contents["F3ProductContents"][i]["Price"] =
|
||
data.contents["F3ProductContents"][i]["product_unit_price"];
|
||
data.contents["F3ProductContents"][i]["ImagePath"] =
|
||
data.contents["F3ProductContents"][i]["product_image"];
|
||
data.contents["F3ProductContents"][i]["TitleType"] =
|
||
data.contents["F3ProductContents"][i]["title"];
|
||
data.contents["F3ProductContents"][i]["ProductLinkUrl"] =
|
||
data.contents["F3ProductContents"][i]["link_url"];
|
||
}
|
||
}
|
||
that.$set(that.commonTPL, "AdContent", data.contents);
|
||
|
||
that.setData({
|
||
AdContent: data.contents,
|
||
TemplateKey: that.commonTPL.TemplateKey,
|
||
commonTPL: that.commonTPL,
|
||
discountNum: data.discount_num,
|
||
discountNNum: data.no_discount_num,
|
||
});
|
||
if (
|
||
that.commonTPL.smallCategory.length > 0 &&
|
||
that.commonTPL.TemplateKey == "shop6"
|
||
) {
|
||
that.$set(that.commonTPL, "tapindex", 2);
|
||
}
|
||
|
||
that.commonTPL.TemplateKey == "shopdiy" && that.getDivModel(); //shopdiy用户自定义UI
|
||
resolve("success");
|
||
},
|
||
complete: function (res, status) {},
|
||
});
|
||
});
|
||
//读取店铺商品分类
|
||
},
|
||
|
||
sao: function () {
|
||
let that = this;
|
||
that.$.scanCode({
|
||
success: function (e) {
|
||
var t = e.result.split("=");
|
||
t.length > 2 || t.length < 2
|
||
? that.$.alert("无法识别")
|
||
: t[0] == "productId"
|
||
? that.$.isNull(t[1])
|
||
? that.$.alert("无法识别")
|
||
: that.$.navigateTo("/pages/product/detail?pid=" + t[1])
|
||
: t[0] == "eventId"
|
||
? that.$.isNull(t[1])
|
||
? that.$.alert("无法识别")
|
||
: that.$.navigateTo(
|
||
"../activitycheckin/activitycheckin?eventId=" + t[1]
|
||
)
|
||
: that.$.alert("无法识别");
|
||
},
|
||
fail: function (e) {
|
||
that.$.alert("无法识别");
|
||
},
|
||
});
|
||
},
|
||
doReceive: function () {
|
||
this.cancel(), this.userReceiveCoupon();
|
||
},
|
||
cancel: function () {
|
||
this.setData({
|
||
isCancel: false,
|
||
});
|
||
},
|
||
cancelsuccess: function () {
|
||
this.setData({
|
||
isCancelSuccess: true,
|
||
});
|
||
},
|
||
userReceiveCoupon: function () {
|
||
var e = {
|
||
CouponIds: "",
|
||
|
||
user_is_new: this.user_is_new,
|
||
},
|
||
that = this;
|
||
that.$.xsr(that.$.makeUrl(userapi.UserReceiveCoupon, e), function (e) {
|
||
e.Code == 0
|
||
? that.setData({
|
||
isCancelSuccess: false,
|
||
Coupons: e.Info,
|
||
})
|
||
: that.$.alert(e.Msg);
|
||
});
|
||
},
|
||
|
||
onLikeStore: function (store_id) {
|
||
favorite.onLikeStore(store_id, (flag) => {
|
||
this.commonTPL.shopInfo.analytics.store_collect = 1;
|
||
this.commonTPL.shopInfo.analytics.store_favorite_num++;
|
||
});
|
||
},
|
||
|
||
onUnlikeStore: function (store_id) {
|
||
favorite.onUnlikeStore(store_id, (flag) => {
|
||
this.commonTPL.shopInfo.analytics.store_collect = 0;
|
||
this.commonTPL.shopInfo.analytics.store_favorite_num--;
|
||
});
|
||
},
|
||
previewProductImg: function (e) {
|
||
var that = this,
|
||
n = [];
|
||
for (var r in this.commonTPL.shopInfo.info.store_slide) {
|
||
if (this.ProductInfo.productPicList[r].check) {
|
||
n.push(this.ProductInfo.productPicList[r].img);
|
||
}
|
||
}
|
||
|
||
var i = e.target.dataset.src;
|
||
|
||
that.$.previewImage({
|
||
current: i,
|
||
urls: n,
|
||
});
|
||
},
|
||
callPhone: function (e) {
|
||
var that = this;
|
||
uni.makePhoneCall({ phoneNumber: e + "" });
|
||
},
|
||
gotomap: function (e) {
|
||
var that = this;
|
||
that.$.openLocation({
|
||
latitude: parseFloat(e.currentTarget.dataset.lat),
|
||
longitude: parseFloat(e.currentTarget.dataset.lng),
|
||
name: e.currentTarget.dataset.name,
|
||
address: e.currentTarget.dataset.address,
|
||
scale: 28,
|
||
});
|
||
},
|
||
getNearbylist: function () {
|
||
var post = this.post;
|
||
var that = this;
|
||
|
||
var params = {
|
||
lat: that.latitude,
|
||
lng: that.longitude,
|
||
store_id: that.options.store_id,
|
||
is_store: 1,
|
||
city: that.$.getStorageSync("city"),
|
||
};
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
|
||
<style lang="scss">
|
||
@import "../../styles/_variables";
|
||
@import "../../styles/layout.scss";
|
||
@import "../../styles/store_themes.scss";
|
||
@import "../../styles/store_tpl.scss";
|
||
|
||
.inddex-store-container {
|
||
.shop-address-content {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin: 20px 10px 0 10px;
|
||
|
||
.shop-address-left-content {
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
width: 78%;
|
||
justify-content: space-around;
|
||
|
||
.address-icon {
|
||
width: 45px;
|
||
height: 45px;
|
||
text-align: center;
|
||
color: red;
|
||
}
|
||
|
||
.address-info {
|
||
max-width: 75%;
|
||
line-height: 44rpx;
|
||
|
||
.address-item {
|
||
display: flex;
|
||
flex-flow: column;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.shop-address-right-content {
|
||
width: 20%;
|
||
height: 40px;
|
||
text-align: center;
|
||
|
||
.shop-address-right-item {
|
||
display: flex;
|
||
flex-flow: column;
|
||
align-items: center;
|
||
line-height: 40px;
|
||
|
||
.phone-img {
|
||
width: 22px;
|
||
height: 22px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.tag-view {
|
||
position: absolute;
|
||
bottom: 20rpx;
|
||
right: 20rpx;
|
||
z-index: 100;
|
||
display: inline-flex;
|
||
}
|
||
|
||
.tag-mark-right {
|
||
border-top-left-radius: 15px;
|
||
border-bottom-left-radius: 15px;
|
||
border-top-right-radius: 0;
|
||
border-bottom-right-radius: 0;
|
||
}
|
||
|
||
.m-shopinfo {
|
||
width: 556rpx;
|
||
display: flex;
|
||
flex-flow: column;
|
||
|
||
.iconfont {
|
||
color: #fff;
|
||
margin-left: 0px;
|
||
|
||
&.icon-start {
|
||
top: 0;
|
||
margin-left: 4rpx;
|
||
}
|
||
|
||
&.sel {
|
||
color: $default-skin-bg;
|
||
}
|
||
}
|
||
|
||
.service-star-box {
|
||
background-color: gray;
|
||
line-height: 32rpx;
|
||
height: 32rpx;
|
||
border-radius: 20rpx;
|
||
|
||
font-size: 12px;
|
||
color: white;
|
||
width: 240rpx;
|
||
padding: 0rpx 6rpx;
|
||
margin-left: 0rpx;
|
||
float: right;
|
||
text-align: center;
|
||
|
||
display: flex;
|
||
|
||
.m-startBox {
|
||
display: inline-block;
|
||
line-height: 30rpx;
|
||
height: 30rpx;
|
||
font-size: 20rpx;
|
||
}
|
||
.m-startBox label {
|
||
font-size: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.u-pa .m-product-list {
|
||
padding-top: calc(82rpx) !important;
|
||
}
|
||
|
||
.uni-comment-date {
|
||
font-size: 10px;
|
||
color: #999999;
|
||
}
|
||
|
||
.t {
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
/* left: 0px; */
|
||
position: absolute;
|
||
top: 18rpx;
|
||
}
|
||
|
||
.uni-uploader__img {
|
||
display: block;
|
||
width: 182rpx;
|
||
height: 182rpx;
|
||
}
|
||
|
||
.uni-uploader__file {
|
||
margin: 9rpx;
|
||
width: 182rpx;
|
||
height: 182rpx;
|
||
}
|
||
</style>
|