|
|
|
|
@ -6,8 +6,15 @@
|
|
|
|
|
<view class="money font-color-red"> |
|
|
|
|
<text>￥</text> |
|
|
|
|
<text class="num">{{ storeInfo.price }}</text> |
|
|
|
|
<text class="vip-money" v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0">￥{{ storeInfo.vipPrice }}</text> |
|
|
|
|
<image src="@/static/images/vip.png" class="image" v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" /> |
|
|
|
|
<text |
|
|
|
|
class="vip-money" |
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
>￥{{ storeInfo.vipPrice }}</text> |
|
|
|
|
<image |
|
|
|
|
src="@/static/images/vip.png" |
|
|
|
|
class="image" |
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
/> |
|
|
|
|
</view> |
|
|
|
|
<view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view> |
|
|
|
|
</view> |
|
|
|
|
@ -20,7 +27,11 @@
|
|
|
|
|
<view class="coupon acea-row row-between-wrapper" @click="couponTap" v-if="couponList.length"> |
|
|
|
|
<text class="hide line1 acea-row"> |
|
|
|
|
<text>优惠券：</text> |
|
|
|
|
<text class="activity" v-for="(item, couponListEq) in couponList" :key="couponListEq">满{{ item.use_min_price }}减{{ item.coupon_price }}</text> |
|
|
|
|
<text |
|
|
|
|
class="activity" |
|
|
|
|
v-for="(item, couponListEq) in couponList" |
|
|
|
|
:key="couponListEq" |
|
|
|
|
>满{{ item.use_min_price }}减{{ item.coupon_price }}</text> |
|
|
|
|
</text> |
|
|
|
|
<view class="iconfont icon-jiantou"></view> |
|
|
|
|
</view> |
|
|
|
|
@ -99,7 +110,11 @@
|
|
|
|
|
<view class="iconfont" :class="storeInfo.userCollect ? 'icon-shoucang1' : 'icon-shoucang'"></view> |
|
|
|
|
<text>收藏</text> |
|
|
|
|
</view> |
|
|
|
|
<view @click="goShoppingCart()" class="item animated" :class="animated === true ? 'bounceIn' : ''"> |
|
|
|
|
<view |
|
|
|
|
@click="goShoppingCart()" |
|
|
|
|
class="item animated" |
|
|
|
|
:class="animated === true ? 'bounceIn' : ''" |
|
|
|
|
> |
|
|
|
|
<view class="iconfont icon-gouwuche1"> |
|
|
|
|
<text class="num bg-color-red" v-if="CartCount > 0">{{CartCount}}</text> |
|
|
|
|
</view> |
|
|
|
|
@ -116,7 +131,11 @@
|
|
|
|
|
</view> |
|
|
|
|
<CouponPop v-on:changeFun="changeFun" :coupon="coupon"></CouponPop> |
|
|
|
|
<ProductWindow v-on:changeFun="changeFun" :attr="attr" :cartNum="cart_num"></ProductWindow> |
|
|
|
|
<StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus" :posterData="posterData"></StorePoster> |
|
|
|
|
<StorePoster |
|
|
|
|
v-on:setPosterImageStatus="setPosterImageStatus" |
|
|
|
|
:posterImageStatus="posterImageStatus" |
|
|
|
|
:posterData="posterData" |
|
|
|
|
></StorePoster> |
|
|
|
|
<ShareInfo v-on:setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></ShareInfo> |
|
|
|
|
<view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''"> |
|
|
|
|
<view class="item" v-if="weixinStatus === true" @click="setShareInfoStatus"> |
|
|
|
|
@ -130,8 +149,17 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="mask" @touchmove.prevent @click="listenerActionClose" v-show="posters"></view> |
|
|
|
|
<view class="geoPage" v-if="mapShow"> |
|
|
|
|
<iframe width="100%" height="100%" frameborder="0" scrolling="no" :src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' +system_store.latitude +',' +system_store.longitude +'&referer=' +mapKey"></iframe> |
|
|
|
|
</view> |
|
|
|
|
<iframe |
|
|
|
|
width="100%" |
|
|
|
|
height="100%" |
|
|
|
|
frameborder="0" |
|
|
|
|
scrolling="no" |
|
|
|
|
:src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' +system_store.latitude +',' +system_store.longitude +'&referer=' +mapKey" |
|
|
|
|
></iframe> |
|
|
|
|
</view> |
|
|
|
|
<div class="posterCanvasWarp"> |
|
|
|
|
<canvas class="posterCanvas" canvas-id="myCanvas"></canvas> |
|
|
|
|
</div> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -156,18 +184,10 @@
|
|
|
|
|
getCollectDel, |
|
|
|
|
getUserInfo |
|
|
|
|
} from "@/api/user"; |
|
|
|
|
import { |
|
|
|
|
isWeixin, |
|
|
|
|
PosterCanvas, |
|
|
|
|
handleQrCode |
|
|
|
|
} from "@/utils"; |
|
|
|
|
import { isWeixin, PosterCanvas, handleQrCode } from "@/utils"; |
|
|
|
|
// import { wechatEvevt } from "@/libs/wechat"; |
|
|
|
|
import { |
|
|
|
|
imageBase64 |
|
|
|
|
} from "@/api/public"; |
|
|
|
|
import { |
|
|
|
|
mapGetters |
|
|
|
|
} from "vuex"; |
|
|
|
|
import { imageBase64 } from "@/api/public"; |
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "GoodsCon", |
|
|
|
|
@ -237,7 +257,7 @@
|
|
|
|
|
}, |
|
|
|
|
computed: mapGetters(["isLogin"]), |
|
|
|
|
mounted: function() { |
|
|
|
|
console.log(this) |
|
|
|
|
console.log(this); |
|
|
|
|
let url = handleQrCode(); |
|
|
|
|
console.log(url); |
|
|
|
|
if (url && url.productId) { |
|
|
|
|
@ -305,11 +325,11 @@
|
|
|
|
|
//产品详情接口； |
|
|
|
|
productCon: function() { |
|
|
|
|
let that = this; |
|
|
|
|
let form = {} |
|
|
|
|
if (this.$deviceType == 'app') { |
|
|
|
|
form.form = 'app' |
|
|
|
|
let form = {}; |
|
|
|
|
if (this.$deviceType == "app") { |
|
|
|
|
form.form = "app"; |
|
|
|
|
} |
|
|
|
|
console.log(form, 2222) |
|
|
|
|
console.log(form, 2222); |
|
|
|
|
getProductDetail(that.id, form) |
|
|
|
|
.then(res => { |
|
|
|
|
that.$set(that, "storeInfo", res.data.storeInfo); |
|
|
|
|
@ -485,27 +505,15 @@
|
|
|
|
|
}, |
|
|
|
|
//选择属性； |
|
|
|
|
ChangeAttr: function(res) { |
|
|
|
|
let productSelectValue = this.productValue[res]; |
|
|
|
|
if (productSelectValue) { |
|
|
|
|
let productSelect = { |
|
|
|
|
...this.attr.productSelect, |
|
|
|
|
image: productSelectValue.image, |
|
|
|
|
price: productSelectValue.price, |
|
|
|
|
stock: productSelectValue.stock, |
|
|
|
|
unique: productSelectValue.unique, |
|
|
|
|
cart_num: 1 |
|
|
|
|
}; |
|
|
|
|
let attr = { |
|
|
|
|
...this.attr, |
|
|
|
|
productSelect |
|
|
|
|
}; |
|
|
|
|
this.attr = attr; |
|
|
|
|
// this.$set(this.attr.productSelect, "image", productSelect.image); |
|
|
|
|
// this.$set(this.attr.productSelect, "price", productSelect.price); |
|
|
|
|
// this.$set(this.attr.productSelect, "stock", productSelect.stock); |
|
|
|
|
// this.$set(this.attr.productSelect, "unique", productSelect.unique); |
|
|
|
|
// this.$set(this.attr.productSelect, "cart_num", 1); |
|
|
|
|
this.$set(this, "attrValue", res); |
|
|
|
|
let productSelect = this.productValue[res.value]; |
|
|
|
|
if (productSelect) { |
|
|
|
|
this.attr.productAttr[res.indexw].index = res.indexn; |
|
|
|
|
this.$set(this.attr.productSelect, "image", productSelect.image); |
|
|
|
|
this.$set(this.attr.productSelect, "price", productSelect.price); |
|
|
|
|
this.$set(this.attr.productSelect, "stock", productSelect.stock); |
|
|
|
|
this.$set(this.attr.productSelect, "unique", productSelect.unique); |
|
|
|
|
this.$set(this.attr.productSelect, "cart_num", 1); |
|
|
|
|
this.$set(this, "attrValue", res.value); |
|
|
|
|
this.$set(this, "attrTxt", "已选择"); |
|
|
|
|
} else { |
|
|
|
|
this.$set(this.attr.productSelect, "image", this.storeInfo.image); |
|
|
|
|
@ -569,8 +577,10 @@
|
|
|
|
|
productId: that.id, |
|
|
|
|
cartNum: that.attr.productSelect.cart_num, |
|
|
|
|
new: news, |
|
|
|
|
uniqueId: that.attr.productSelect !== undefined ? |
|
|
|
|
that.attr.productSelect.unique : "" |
|
|
|
|
uniqueId: |
|
|
|
|
that.attr.productSelect !== undefined |
|
|
|
|
? that.attr.productSelect.unique |
|
|
|
|
: "" |
|
|
|
|
}; |
|
|
|
|
postCartAdd(q) |
|
|
|
|
.then(function(res) { |
|
|
|
|
|
Administrator
5 years ago