mkm/new_shop_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-04-26 11:11:53 +08:00
parent f37a2255f0
commit edc43e0227
1 changed files with 2672 additions and 2609 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

197
pages/goods_details/index.vue
View File

@ -26,11 +26,13 @@
<productConSwiper :imgUrls="storeInfo.slider_image" :videoCoverImg="videoCoverImg"
:videoline="storeInfo.video_link"></productConSwiper>
<!--有氛围图-->
<view v-if="storeInfo.atmosphere_pic" :style="{ backgroundImage: `url(${storeInfo.atmosphere_pic})` }"
<view v-if="storeInfo.atmosphere_pic"
:style="{ backgroundImage: `url(${storeInfo.atmosphere_pic})` }"
class='nav acea-row row-between-wrapper'>
<view class='money skeleton-rect'>￥<text class='num'>{{storeInfo.price}}</text>
<text v-if="!svipData" class='y-money'>￥{{storeInfo.ot_price}}</text>
<view class="atmosphere" v-if="svipData && svipData.show_svip_price && svipData.show_svip"
<view class="atmosphere"
v-if="svipData && svipData.show_svip_price && svipData.show_svip"
style="display: inline-block;">
<text class="vip-money">￥{{storeInfo.svip_price}}</text>
<image class="vip-image" :src="`${domain}/static/images/svip.png`"></image>
@ -48,12 +50,15 @@
</view>
<view class="fenxiang_btn">
<view @click="setCollect"><text class="iconfont"
:class="storeInfo.isRelation ? 'icon-yishoucang2' : 'icon-shoucang4'"></text><br />收藏</view>
<view @click="listenerActionSheet"><text class="iconfont icon-fenxiang4"></text><br />分享</view>
:class="storeInfo.isRelation ? 'icon-yishoucang2' : 'icon-shoucang4'"></text><br />收藏
</view>
<view @click="listenerActionSheet"><text
class="iconfont icon-fenxiang4"></text><br />分享</view>
</view>
</view>
<view v-if="storeInfo.atmosphere_pic" class='integral_count skeleton-rect'>
<text v-if="storeInfo.max_integral > 0" class='integral'>积分最高可抵扣{{storeInfo.max_integral}}元</text>
<text v-if="storeInfo.max_integral > 0"
class='integral'>积分最高可抵扣{{storeInfo.max_integral}}元</text>
<text v-if="storeInfo.delivery_free == 1" class='integral'>包邮</text>
</view>
<!--无氛围图-->
@ -61,7 +66,8 @@
<view class='money p-color skeleton-rect' style="min-width: 70rpx;">
￥
<text class='num'>{{storeInfo.price}}</text>
<text style="color: #000;font-weight: 500;" v-if="storeInfo.attr&&storeInfo.attr.length==0&&storeInfo.unit_name!='无'">/{{ storeInfo.unit_name}}</text>
<text style="color: #000;font-weight: 500;"
v-if="storeInfo.attr&&storeInfo.attr.length==0&&storeInfo.unit_name!='无'">/{{ storeInfo.unit_name}}</text>
<text style="color: #000;font-weight: 500;" v-else>{{" 起 "}}</text>
<view v-if="svipData && svipData.show_svip_price && svipData.show_svip"
style="display: inline-block;">
@ -73,7 +79,8 @@
<view @click="setCollect"
style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
<!-- <text class="iconfont" :class="storeInfo.isRelation ? 'icon-yishoucang2' : 'icon-shoucang4'"></text><br/> -->
<u-icon :name="storeInfo.isRelation?'star-fill':'star'" color="#F55726"></u-icon>
<u-icon :name="storeInfo.isRelation?'star-fill':'star'"
color="#F55726"></u-icon>
收藏
</view>
<!-- <view @click="listenerActionSheet"><text class="iconfont icon-fenxiang4"></text><br/>分享</view> -->
@ -81,15 +88,18 @@
</view>
<view v-if="!storeInfo.atmosphere_pic" class='integral_count skeleton-rect'
style="">
<text v-if="storeInfo.max_integral > 0" class='integral' style="margin-top: 0;">积分最高可抵扣{{storeInfo.max_integral}}元</text>
<text v-if="storeInfo.delivery_free == 1" class='integral' style="margin-top: 0;">包邮</text>
<view v-if="!storeInfo.atmosphere_pic" class='integral_count skeleton-rect' style="">
<text v-if="storeInfo.max_integral > 0" class='integral'
style="margin-top: 0;">积分最高可抵扣{{storeInfo.max_integral}}元</text>
<text v-if="storeInfo.delivery_free == 1" class='integral'
style="margin-top: 0;">包邮</text>
</view>
<view v-if="showPriceTabs" class='share acea-row row-top' style="flex-wrap: wrap;padding-top: 0rpx;">
<view v-if="showPriceTabs" class='share acea-row row-top'
style="flex-wrap: wrap;padding-top: 0rpx;">
<view class='money p-color skeleton-rect price-tab'>规格: </view>
<view class='money p-color skeleton-rect price-tab' v-for="(item, index) in storeInfo.sku" @click="selecAttr">
<view class='money p-color skeleton-rect price-tab'
v-for="(item, index) in storeInfo.sku" @click="selecAttr">
￥
<text class='num' style="font-size: 28rpx;">{{item.price}}</text>
<text style="font-size: 26rpx;">{{"/"}}{{ item.sku || storeInfo.unit_name}}</text>
@ -101,7 +111,8 @@
<view class="acea-row row-between-wrapper">
<image :src="`${domain}/static/images/svip_user.png`"></image>
<view class="">开通 SVIP会员
<block v-if="svipData.show_svip_price">立省<text>{{svipData.save_money}}元</text></block>
<block v-if="svipData.show_svip_price">立省<text>{{svipData.save_money}}元</text>
</block>
<block v-else><text>省钱多多，权益多多</text></block>
</view>
</view>
@ -110,7 +121,8 @@
<text class="iconfont icon-jiantou"></text>
</navigator>
</view>
<view v-if="!storeInfo.atmosphere_pic" class='introduce skeleton-rect' style="padding-bottom: 20rpx;margin-top: 10rpx;">
<view v-if="!storeInfo.atmosphere_pic" class='introduce skeleton-rect'
style="padding-bottom: 20rpx;margin-top: 10rpx;">
<!-- <text v-if="storeInfo.merchant.type_name" class="font-bg-red bt-color">{{storeInfo.merchant.type_name}}</text>
<text v-else-if="storeInfo.merchant.is_trader" class="font-bg-red bt-color">自营</text> -->
{{storeInfo.store_name || ''}}
@ -142,9 +154,9 @@
</view>
<view class='wrapper' v-if="storeInfo.store_info" style="padding: 28rpx;">
<view style="padding-bottom: 20rpx;">基础信息</view>
<view
style="white-space: pre-wrap;color: #666666;font-size: 26rpx;border-radius: 14rpx;">
{{storeInfo.store_info}}</view>
<view style="white-space: pre-wrap;color: #666666;font-size: 26rpx;border-radius: 14rpx;">
{{storeInfo.store_info}}
</view>
</view>
<!-- <view class='attribute acea-row row-between-wrapper skeleton-rect'>
<view class="acea-row row-between-wrapper">{{attrTxt}}：
@ -152,8 +164,8 @@
</view>
<view class='iconfont icon-jiantou'></view>
</view> -->
<view v-if="specsInfo.params && specsInfo.params.length>0" class="attribute acea-row row-between-wrapper"
@click="seeSpecs">
<view v-if="specsInfo.params && specsInfo.params.length>0"
class="attribute acea-row row-between-wrapper" @click="seeSpecs">
<view class="acea-row row-middle">
参数：
<view class="list line1">
@ -165,7 +177,8 @@
<view class="iconfont icon-jiantou"></view>
</view>
<!--运费-->
<view v-if="shipping || shippingValue" class='attribute acea-row row-between-wrapper' @click="showShip">
<view v-if="shipping || shippingValue" class='attribute acea-row row-between-wrapper'
@click="showShip">
<view class="acea-row row-between-wrapper">运费：
<text class='atterTxt'>{{shippingValue}}</text>
</view>
@ -198,7 +211,8 @@
show-scrollbar="false">
<view class="img-box">
<view class="combo_item" v-for="(item,index) in comboList" :key="index">
<view class="img-item" v-for="(itemn,indexn) in item.discountsProduct" :key="indexn">
<view class="img-item" v-for="(itemn,indexn) in item.discountsProduct"
:key="indexn">
<image :src="itemn.image" mode="" @click="openCombo"></image>
<text v-if="indexn != item.count-1" class="iconfont icon-jiahao2"></text>
</view>
@ -234,10 +248,11 @@
</navigator>
</view>
<view class="imgList acea-row">
<view class="pictrue" v-for="(item, index) in storeInfo.community" :key="index" v-if="index<=2"
@click="goPlant(item)">
<view class="pictrue" v-for="(item, index) in storeInfo.community" :key="index"
v-if="index<=2" @click="goPlant(item)">
<image :src="item.image[0]" class="image"></image>
<image v-if="item.is_type == 2" class="video_img" src="@/static/images/stop.png" mode=""></image>
<image v-if="item.is_type == 2" class="video_img" src="@/static/images/stop.png"
mode=""></image>
</view>
</view>
</view>
@ -245,15 +260,18 @@
<view class="store-wrapper" v-if="storeInfo.merchant && hide_mer_status !=1">
<view class="store-hd skeleton-rect">
<view v-if="storeInfo.merchant&&hide_mer_status != 1" class="store-info">
<navigator :url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
<navigator
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
hover-class="none" class="logo">
<image :src="storeInfo.merchant.mer_avatar" mode=""></image>
</navigator>
<navigator :url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
<navigator
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
hover-class="none" class="info">
<view class="name line1">
<text>{{storeInfo.merchant.mer_name ? storeInfo.merchant.mer_name : ''}}</text>
<image v-if="margin_ico_switch==1 && margin_ico && storeInfo.merchant.is_margin == 10"
<image
v-if="margin_ico_switch==1 && margin_ico && storeInfo.merchant.is_margin == 10"
:src="margin_ico" class="store-margin"></image>
<!-- <text v-if="storeInfo.merchant.type_name" class="font-bg-red ml8 bt-color">{{storeInfo.merchant.type_name}}</text>
<text v-else-if="storeInfo.merchant.is_trader" class="font-bg-red ml8 bt-color">自营</text> -->
@ -264,8 +282,8 @@
<view v-else class="txt">0人关注</view> -->
</navigator>
<navigator v-if="hide_mer_status != 1"
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`" class="link"
hover-class="none">进店</navigator>
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
class="link" hover-class="none">进店</navigator>
</view>
<view class="score-wrapper">
<view class="item">
@ -283,17 +301,20 @@
<view class="acea-row row-between">
<view class="title">店铺推荐</view>
<navigator v-if="hide_mer_status!=1" class="moer-btn"
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`" hover-class="none">
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
hover-class="none">
查看更多<text class='iconfont icon-jiantou'></text></navigator>
</view>
<view class="swiper page_swiper">
<swiper indicator-dots="true" :autoplay="false" :circular="circular" :interval="interval"
:duration="duration" :current="swiperCur" style="750rpx;">
<swiper indicator-dots="true" :autoplay="false" :circular="circular"
:interval="interval" :duration="duration" :current="swiperCur" style="750rpx;">
<block v-for="(item,index) in recommend" :key="index">
<swiper-item class="swiper-item">
<view class="img-box">
<view class="img-item" v-for="(itm,idx) in item" :key="idx" @click="goProDetail(itm)">
<easy-loadimage mode="widthFix" :image-src="itm.image"></easy-loadimage>
<view class="img-item" v-for="(itm,idx) in item" :key="idx"
@click="goProDetail(itm)">
<easy-loadimage mode="widthFix"
:image-src="itm.image"></easy-loadimage>
<view class="txt">
<view class="title line1">{{itm.store_name}}</view>
<view class="price">
@ -312,7 +333,8 @@
<view class='conter' v-if="description">
<!-- #ifndef APP-PLUS -->
<jyf-parser v-if="description.type == 0" :domain='domain'
:html="description.content.replace(/<br\/>/ig, '')" ref="article" :tag-style="tagStyle"></jyf-parser>
:html="description.content.replace(/<br\/>/ig, '')" ref="article"
:tag-style="tagStyle"></jyf-parser>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<view v-if="description.type == 0" class="description"
@ -320,10 +342,12 @@
<!-- #endif -->
<view v-else class="product_content">
<view v-if="description.content && description.content.title" class="title">
{{description.content.title}}</view>
{{description.content.title}}
</view>
<view v-if="description.content && description.content.image" class="pictures">
<image mode="widthFix" style="width: 100%;" v-for="(item,index) in description.content.image"
:key="index" :src="item"></image>
<image mode="widthFix" style="width: 100%;"
v-for="(item,index) in description.content.image" :key="index" :src="item">
</image>
</view>
</view>
</view>
@ -344,7 +368,8 @@
</view>
<view class='footer acea-row row-between-wrapper' :class="{'footpl':hide_mer_status==1}">
<navigator v-if="hide_mer_status !=1"
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`" class='item skeleton-rect'>
:url="`/pages/store/home/index?id=${storeInfo.mer_id}&sale_type=${sale_type||1}`"
class='item skeleton-rect'>
<view class='iconfont icon-dianpu'></view>
<view>店铺</view>
</navigator>
@ -359,8 +384,8 @@
</view>
</block>
<navigator open-type='switchTab' class="animated item skeleton-rect" :class="animated==true?'bounceIn':''"
url='/pages/order_addcart/order_addcart' hover-class="none">
<navigator open-type='switchTab' class="animated item skeleton-rect"
:class="animated==true?'bounceIn':''" url='/pages/order_addcart/order_addcart' hover-class="none">
<view class='iconfont icon-gouwuche1'>
<text v-if="CartCount>0" class='num'>{{CartCount || 0}}</text>
</view>
@ -368,8 +393,8 @@
</navigator>
<view v-if="attr.productSelect.stock != 0" class='bnt acea-row skeleton-rect'>
<form @submit="joinCart" report-submit='true'>
<button v-if="storeInfo.type != 1&&storeInfo.type != 2&&!storeInfo.mer_form_id" class='joinCart bnts'
form-type="submit">加入购物车</button>
<button v-if="storeInfo.type != 1&&storeInfo.type != 2&&!storeInfo.mer_form_id"
class='joinCart bnts' form-type="submit">加入购物车</button>
</form>
<form @submit="goBuy" report-submit='true' v-if="attr.productSelect">
<button class='buy bnts'
@ -402,8 +427,8 @@
<!-- 分享按钮 -->
<view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''">
<!-- #ifndef MP -->
<button class="item" :class="weixinStatus ? 'item3' : ''" hover-class='none' v-if="weixinStatus === true"
@click="H5ShareBox = true">
<button class="item" :class="weixinStatus ? 'item3' : ''" hover-class='none'
v-if="weixinStatus === true" @click="H5ShareBox = true">
<view class="iconfont icon-weixin3"></view>
<view class="">发送给朋友</view>
</button>
@ -473,7 +498,9 @@
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
var sysHeight = uni.getSystemInfoSync().statusBarHeight;
import { arrivalSubscribe } from '@/utils/SubscribeMessage.js';
import {
arrivalSubscribe
} from '@/utils/SubscribeMessage.js';
import {
getProductDetail,
getProductParmas,
@ -486,13 +513,29 @@
getDiscountsLst,
priceRuleApi
} from '@/api/store.js';
import { getOrderConfirm } from '@/api/order.js';
import { getUserInfo, imgToBase } from '@/api/user.js';
import { getCoupons, getShopCoupons } from '@/api/api.js';
import { getCartCounts } from '@/api/order.js';
import { mapGetters } from "vuex";
import { configMap } from "@/utils";
import { imageBase64 } from "@/api/public";
import {
getOrderConfirm
} from '@/api/order.js';
import {
getUserInfo,
imgToBase
} from '@/api/user.js';
import {
getCoupons,
getShopCoupons
} from '@/api/api.js';
import {
getCartCounts
} from '@/api/order.js';
import {
mapGetters
} from "vuex";
import {
configMap
} from "@/utils";
import {
imageBase64
} from "@/api/public";
import productConSwiper from '@/components/productConSwiper';
import couponListWindow from '@/components/couponListWindow';
import copyPassword from '@/components/copyPassword';
@ -500,13 +543,19 @@
import userEvaluation from '@/components/userEvaluation';
import shareRedPackets from '@/components/shareRedPackets';
import specs from '@/components/specs/index.vue';
import { toLogin } from '@/libs/login.js';
import {
toLogin
} from '@/libs/login.js';
// #ifndef H5
import passwordPopup from '@/components/passwordPopup';
// #endif
import { HTTP_REQUEST_URL } from '@/config/app';
import {
HTTP_REQUEST_URL
} from '@/config/app';
import home from '@/components/home';
import { silenceBindingSpread } from "@/utils";
import {
silenceBindingSpread
} from "@/utils";
import parser from "@/components/jyf-parser/jyf-parser";
import history from "@/mixins/history";
import shareScence from "@/libs/spread";
@ -849,7 +898,11 @@
typeValue = 1
}
// #endif
arrivalNoticeApi({ unique: uniqueValue, type: typeValue, product_id: that.id }).then(res => {
arrivalNoticeApi({
unique: uniqueValue,
type: typeValue,
product_id: that.id
}).then(res => {
return that.$util.Tips({
title: res.message
})
@ -912,12 +965,15 @@
},
/*获取套餐列表数据*/
getDiscountsData() {
getDiscountsLst({ product_id: this.id }).then(res => {
getDiscountsLst({
product_id: this.id
}).then(res => {
this.comboTotal = res.data.count;
res.data.list.forEach((item, index) => {
item.save_price = 0;
item.discountsProduct.forEach((v, i) => {
item.save_price += parseFloat(v.product.ot_price) - parseFloat(v.product.price)
item.save_price += parseFloat(v.product.ot_price) - parseFloat(v
.product.price)
})
})
this.comboList = res.data.list;
@ -990,7 +1046,8 @@
this.$set(this, 'toView', id);
this.$set(this, 'navActive', index);
this.$set(this, 'lock', true);
this.$set(this, 'scrollTop', index > 0 ? that.topArr[index] - (app.globalData.navHeight / 2) : that.topArr[
this.$set(this, 'scrollTop', index > 0 ? that.topArr[index] - (app.globalData.navHeight / 2) : that
.topArr[
index]);
},
scroll: function(e) {
@ -1037,7 +1094,8 @@
this.$set(this.attr.productSelect, "cart_num", stock);
this.$set(this, "cart_num", stock);
}
if (num.cart_num > this.storeInfo.once_max_count && this.storeInfo.once_max_count != 0 && this.storeInfo
if (num.cart_num > this.storeInfo.once_max_count && this.storeInfo.once_max_count != 0 && this
.storeInfo
.pay_limit != 0) {
this.$set(this.attr.productSelect, "cart_num", this.storeInfo.once_max_count);
this.$set(this, "cart_num", this.storeInfo.once_max_count);
@ -1072,7 +1130,8 @@
let productSelect = this.productValue[res];
if (productSelect) this.$set(this, "uniqueValue", productSelect.unique);
if (productSelect && productSelect.stock > 0) {
this.$set(this.attr.productSelect, "image", productSelect.image ? productSelect.image : this.storeInfo
this.$set(this.attr.productSelect, "image", productSelect.image ? productSelect.image : this
.storeInfo
.image);
this.$set(this.attr.productSelect, "price", productSelect.price);
this.$set(this.attr.productSelect, "svip_price", productSelect.svip_price);
@ -1153,7 +1212,8 @@
that.$set(that, 'pay_limit', res.data.pay_limit);
that.$set(that, 'min_count', res.data.once_min_count);
that.$set(that, 'svipData', res.data.show_svip_info || null);
that.$set(that, 'svipPrice', res.data.show_svip_info && res.data.show_svip_info.show_svip_price ||
that.$set(that, 'svipPrice', res.data.show_svip_info && res.data.show_svip_info
.show_svip_price ||
false);
uni.setNavigationBarTitle({
title: storeInfo.store_name.substring(0, 7) + "..."
@ -1259,7 +1319,8 @@
"store_name",
this.storeInfo.store_name
);
this.$set(this.attr.productSelect, "image", productSelect.image ? productSelect.image : this.storeInfo
this.$set(this.attr.productSelect, "image", productSelect.image ? productSelect.image : this
.storeInfo
.image);
this.$set(this.attr.productSelect, "price", productSelect.price);
this.$set(this.attr.productSelect, "svip_price", productSelect.svip_price);
@ -1474,7 +1535,8 @@
is_new: news === undefined ? 0 : 1,
product_id: that.id,
cart_num: that.attr.productSelect.cart_num,
product_attr_unique: that.attr.productSelect !== undefined ? that.attr.productSelect.unique : "",
product_attr_unique: that.attr.productSelect !== undefined ? that.attr.productSelect.unique :
"",
source: this.source,
product_type: 0,
spread_id: this.currSpid,
@ -1625,7 +1687,8 @@
];
// #endif
//生成推广海报
that.$util.goodsPosterCanvas(arr2, that.storeInfo.store_name, that.storeInfo.price, that.site_name, that
that.$util.goodsPosterCanvas(arr2, that.storeInfo.store_name, that.storeInfo.price, that.site_name,
that
.storeInfo.ot_price,
function(tempFilePath) {
that.$set(that, 'posterImage', tempFilePath);