1543 lines
50 KiB
Vue
1543 lines
50 KiB
Vue
<template>
|
||
<view class="goods-sku" @touchmove.prevent.stop>
|
||
<uni-popup-sku ref="skuPopup" type="bottom" class="sku-layer" @change="popclose">
|
||
<view class="sku-info" :style="{ height: skuHeight }">
|
||
<view class="header">
|
||
<block v-if="type == 'point' && goodsDetail.type && goodsDetail.type != 1">
|
||
<view class="img-wrap" v-if="goodsDetail.type == 2">
|
||
<image :src="goodsDetail.image ? $util.img(goodsDetail.image) : $util.img('public/uniapp/point/coupon.png')" mode="aspectFit" show-menu-by-longpress/>
|
||
</view>
|
||
<view class="img-wrap" v-if="goodsDetail.type == 3">
|
||
<image :src="goodsDetail.image ? $util.img(goodsDetail.image) : $util.img('public/uniapp/point/hongbao.png')" mode="aspectFit" show-menu-by-longpress/>
|
||
</view>
|
||
</block>
|
||
<view v-else class="img-wrap" @click="previewMedia()">
|
||
<image :src="$util.img(goodsDetail.sku_image, { size: 'mid' })" @error="imageError()" mode="aspectFit" show-menu-by-longpress/>
|
||
</view>
|
||
|
||
<view class="main">
|
||
<block v-if="type == 'point'">
|
||
<block v-if="goodsDetail.type == 1">
|
||
<view class="price-wrap">
|
||
<text class="price price-color font-size-toolbar">{{ $lang('components.ns-goods-sku.pointSuffix', { point: goodsDetail.point }) }}</text>
|
||
<block v-if="goodsDetail.exchange_price != '0.00' && goodsDetail.pay_type > 0">
|
||
<text class="unit price-color font-size-tag">+</text>
|
||
<text class="price price-color font-size-toolbar price-font">{{ $lang('common.currencySymbol') }}{{ goodsDetail.exchange_price }}</text>
|
||
</block>
|
||
</view>
|
||
<view class="stock" v-if="goodsDetail.stock_show">
|
||
{{ $lang('goods.detail.stock') }}{{ goodsDetail.stock }}{{ goodsDetail.unit }}</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="price-wrap">
|
||
<view class="price font-size-toolbar">{{ goodsDetail.name }}</view>
|
||
</view>
|
||
<view class="stock" style="height: auto;">
|
||
{{ $lang('goods.detail.pointLabel') }}
|
||
<text class="price-color">{{ goodsDetail.point }}</text>
|
||
</view>
|
||
<view class="stock">
|
||
{{ $lang('goods.detail.stockLabel') }}
|
||
<text class="color-base-text">{{ goodsDetail.stock }}{{ goodsDetail.unit }}</text>
|
||
</view>
|
||
</block>
|
||
</block>
|
||
<block v-else-if="type == 'presale'">
|
||
<view class="price-wrap">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(goodsDetail.presale_deposit).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(goodsDetail.presale_deposit).toFixed(2).split('.')[1] }}</text>
|
||
<view class="balance" v-if="balance > 0">
|
||
<text>{{ $lang('goods.detail.balanceLabel') }}</text>
|
||
<text class="unit price-color font-size-tag price-font">￥</text>
|
||
<text class="price-color price-font">{{ balance }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="stock presale-stock">
|
||
<block v-if="goodsDetail.stock_show">{{ $lang('goods.detail.stock') }}{{ goodsDetail.stock }}{{ goodsDetail.unit }}
|
||
</block>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="price-wrap" v-if="type == 'pintuan'">
|
||
<block v-if="goodsDetail.pintuan_type == 'ordinary'">
|
||
<block v-if="goodsDetail.group_id && goodsDetail.group_id > 0">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(pintuanPrice(goodsDetail)).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(pintuanPrice(goodsDetail)).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
<block v-else>
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(goodsDetail.promotion_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(goodsDetail.promotion_price).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
</block>
|
||
|
||
<block v-if="goodsDetail.pintuan_type == 'ladder'">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(pintuanPrice(goodsDetail)).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(pintuanPrice(goodsDetail)).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
</view>
|
||
<view class="price-wrap" v-else-if="type == 'groupbuy'">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(goodsDetail.groupbuy_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(goodsDetail.groupbuy_price).toFixed(2).split('.')[1] }}</text>
|
||
</view>
|
||
<view class="price-wrap" v-else-if="type == 'topic'">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(goodsDetail.topic_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(goodsDetail.topic_price).toFixed(2).split('.')[1] }}</text>
|
||
</view>
|
||
<view class="price-wrap" v-else-if="type == 'seckill'">
|
||
<text class="unit price-style small">￥</text>
|
||
<text class="price price-style large">{{ parseFloat(goodsDetail.seckill_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small">.{{ parseFloat(goodsDetail.seckill_price).toFixed(2).split('.')[1] }}</text>
|
||
</view>
|
||
<view class="price-wrap" v-else>
|
||
<text class="unit price-style small">￥</text>
|
||
<block v-if="goodsDetail.discount_price > 0">
|
||
<block v-if="goodsDetail.member_price">
|
||
<text class="price price-style large" v-if="showPrice(goodsDetail.discount_price) < showPrice(goodsDetail.member_price)">{{ parseFloat(goodsDetail.discount_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="price price-style large" v-else>{{ parseFloat(goodsDetail.member_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small" v-if="showPrice(goodsDetail.discount_price) < showPrice(goodsDetail.member_price)">.{{ parseFloat(goodsDetail.discount_price).toFixed(2).split('.')[1] }}</text>
|
||
<text class="unit price-style small" v-else>.{{ parseFloat(goodsDetail.member_price).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
<block v-else>
|
||
<text class="price price-style large" v-if="showPrice(goodsDetail.discount_price) < showPrice(goodsDetail.price)">{{ parseFloat(goodsDetail.discount_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="price price-style large" v-else>{{ parseFloat(goodsDetail.price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small" v-if="showPrice(goodsDetail.discount_price) < showPrice(goodsDetail.price)">.{{ parseFloat(goodsDetail.discount_price).toFixed(2).split('.')[1] }}</text>
|
||
<text class="unit price-style small" v-else>.{{ parseFloat(goodsDetail.price).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
</block>
|
||
<block v-else>
|
||
<text class="price price-style large" v-if="goodsDetail.member_price">{{ parseFloat(goodsDetail.member_price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="price price-style large" v-else>{{ parseFloat(goodsDetail.price).toFixed(2).split('.')[0] }}</text>
|
||
<text class="unit price-style small" v-if="goodsDetail.member_price">.{{ parseFloat(goodsDetail.member_price).toFixed(2).split('.')[1] }}</text>
|
||
<text class="unit price-style small" v-else>.{{ parseFloat(goodsDetail.price).toFixed(2).split('.')[1] }}</text>
|
||
</block>
|
||
</view>
|
||
<view class="stock" v-if="goodsDetail.stock_show">{{ $lang('goods.detail.stock') }}{{ goodsDetail.stock }}{{ goodsDetail.unit }}</view>
|
||
</block>
|
||
|
||
<view class="sku-name font-size-tag" v-if="goodsDetail.sku_spec_format">
|
||
<text class="color-tip">{{ $lang('goods.detail.selectedSpec') }}</text>
|
||
<text v-for="(item, index) in goodsDetail.sku_spec_format" :key="index" class="spec-value">{{ item.spec_value_name }}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="sku-close iconfont icon-close" @click="closeSkuPopup()"></view>
|
||
</view>
|
||
|
||
<view class="body-item">
|
||
<scroll-view scroll-y class="wrap">
|
||
<!-- 阶梯拼团 -->
|
||
<view class="sku-list-wrap" v-if="type == 'pintuan' && goodsDetail.pintuan_type == 'ladder' && !goodsDetail.group_id">
|
||
<text class="title font-size-base"> </text>
|
||
<view class="items" :class="{ selected: pintuan_num_field == 'pintuan_num' }" @click="pintuanChange('pintuan_num')">
|
||
<text>{{ $lang('goods.detail.groupOfNum', { num: goodsDetail.pintuan_num }) }}</text>
|
||
</view>
|
||
<view class="items" v-if="goodsDetail.pintuan_num_2 > 0" :class="{ selected: pintuan_num_field == 'pintuan_num_2' }" @click="pintuanChange('pintuan_num_2')">
|
||
<text>{{ $lang('goods.detail.groupOfNum', { num: goodsDetail.pintuan_num_2 }) }}</text>
|
||
</view>
|
||
<view class="items" v-if="goodsDetail.pintuan_num_3 > 0" :class="{ selected: pintuan_num_field == 'pintuan_num_3' }" @click="pintuanChange('pintuan_num_3')">
|
||
<text>{{ $lang('goods.detail.groupOfNum', { num: goodsDetail.pintuan_num_3 }) }}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="sku-list-wrap" v-for="(item, index) in goodsDetail.goods_spec_format" :key="index">
|
||
<text class="title font-size-base">{{ item.spec_name }}</text>
|
||
<view v-for="(item_value, index_value) in item.value" :key="index_value" :class="{
|
||
selected: item_value['selected'] || skuId == item_value.sku_id,
|
||
disabled: item_value['disabled'] || (!item_value['selected'] && disabled)
|
||
}" class="items" @click="change(item_value.sku_id, item_value.spec_id)">
|
||
<image v-if="item_value.image" :src="$util.img(item_value.image, { size: 'small' })" @error="valueImageError(index, index_value)" show-menu-by-longpress/>
|
||
<text>{{ item_value.spec_value_name }}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="number-wrap">
|
||
<view class="number-line">
|
||
<text class="title font-size-base" v-if="type == 'point'">{{ $lang('goods.detail.exchangeCount') }}</text>
|
||
<text class="title font-size-base" v-else>{{ $lang('goods.detail.buyCount') }}</text>
|
||
<text class="limit-txt color-base-text" v-if="limitNumber > 0">({{ $lang('goods.detail.limitPerPerson', { count: limitNumber, unit: goodsDetail.unit }) }})</text>
|
||
<text v-if="maxBuy > 0 && minBuy > 1" class="limit-txt color-base-text">
|
||
({{ $lang('goods.detail.limitBuyRange', { minBuy: minBuy, maxBuy: maxBuy, unit: goodsDetail.unit }) }})
|
||
</text>
|
||
<text v-else-if="maxBuy > 0" class="limit-txt color-base-text">({{ $lang('goods.detail.limitBuyMax', { maxBuy: maxBuy, unit: goodsDetail.unit }) }})</text>
|
||
<text v-else-if="minBuy > 1" class="limit-txt color-base-text">({{ $lang('goods.detail.minBuyStart', { minBuy: minBuy, unit: goodsDetail.unit }) }})</text>
|
||
<view class="number">
|
||
<button type="default" class="decrease color-line-border" :class="{ disabled: decreaseDisabled }" @click="changeNum('-')">-</button>
|
||
<input type="number" class="uni-input color-line-border font-size-goods-tag" @blur="blur" v-model="number" placeholder="0" @input="keyInput(false)" />
|
||
<button type="default" class="increase color-line-border" :class="{ disabled: increaseDisabled }" @click="changeNum('+')">+</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<ns-form :data="goodsForm" v-if="goodsForm" ref="form"></ns-form>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="footer" @click="confirm()">
|
||
<button type="primary" v-if="goodsDetail.stock && goodsDetail.stock != 0 && goodsDetail.is_virtual == 0 && type == 'buy_now'" :style="{ background: themeStyle.goods_btn_color_shallow, color : '#fff' }" @click.stop="confirm(true)">{{ $lang('goods.detail.joinCart') }}</button>
|
||
<block v-if="type == 'point'">
|
||
<block v-if="goodsDetail.type == 1">
|
||
<!-- 兑换商品 -->
|
||
<button v-if="goodsDetail.stock && goodsDetail.stock != 0" type="primary">{{ $lang('goods.detail.exchangeBtn') }}</button>
|
||
<button type="primary" v-else disabled="true">{{ $lang('goods.detail.stockInsufficient') }}</button>
|
||
</block>
|
||
<block v-else-if="goodsDetail.type == 2 || goodsDetail.type == 3">
|
||
<!-- 兑换优惠券、红包 -->
|
||
<button type="primary">{{ $lang('goods.detail.exchangeBtn') }}</button>
|
||
</block>
|
||
</block>
|
||
<block v-else-if="goodsDetail.goods_state == 1">
|
||
<button type="primary" v-if="goodsDetail.stock && goodsDetail.stock != 0 && type == 'join_cart'">{{ $lang('goods.detail.joinCart') }}</button>
|
||
<button type="primary" v-else-if="goodsDetail.stock && goodsDetail.stock != 0 && type == 'buy_now'">{{ $lang('goods.detail.buynow') }}</button>
|
||
<button type="primary" v-else-if="goodsDetail.stock && goodsDetail.stock != 0 && type == 'confirm'">{{ $lang('goods.detail.confirmBtn') }}</button>
|
||
<template v-else-if="goodsDetail.stock && goodsDetail.stock != 0">
|
||
<template v-if="goodsDetail.buy_num">
|
||
<button type="primary" v-if="goodsDetail.buy_num <= goodsDetail.stock">{{ $lang('goods.detail.rushBuy') }}</button>
|
||
<button type="primary" v-else disabled="true">{{ $lang('goods.detail.stockInsufficient') }}</button>
|
||
</template>
|
||
<template v-else>
|
||
<button type="primary">{{ $lang('goods.detail.rushBuy') }}</button>
|
||
</template>
|
||
</template>
|
||
<button type="primary" v-else disabled="true">{{ $lang('goods.detail.stockInsufficient') }}</button>
|
||
</block>
|
||
<button type="primary" v-else disabled="true">{{ $lang('goods.detail.offShelves') }}</button>
|
||
</view>
|
||
</view>
|
||
</uni-popup-sku>
|
||
<ns-login ref="login"></ns-login>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// 商品SKU
|
||
export default {
|
||
name: 'ns-goods-sku',
|
||
props: {
|
||
goodsId: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
goodsDetail: {
|
||
type: Object,
|
||
default: null
|
||
},
|
||
disabled: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
pointLimit: {
|
||
type: [Number, String]
|
||
},
|
||
maxBuy: {
|
||
type: Number,
|
||
default: 0
|
||
},
|
||
minBuy: {
|
||
type: Number,
|
||
default: 0
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
isIphoneX: false,
|
||
systemInfo: {}, //系统信息
|
||
number: 1,
|
||
btnSwitch: false, //提交按钮防止重复提交
|
||
type: '', //join_cart：加入购物车，buy_now：立即购买
|
||
callback: null, //回调
|
||
skuId: 0,
|
||
pintuanId: 0, // 拼团id
|
||
limitNumber: 0, // 限购
|
||
minNumber: 0,
|
||
//是否开启预览，0：不开启，1：开启
|
||
preview: 0,
|
||
cartNum: 0, // 购物车中商品存在的数量
|
||
goodsSkuDetail: {},
|
||
pintuan_num_field: 'pintuan_num',
|
||
goodsSkuInfo: null, //所有的商品规格信息
|
||
goodsForm: null,
|
||
isLoad: false // 是否首次加载
|
||
};
|
||
},
|
||
created() {
|
||
this.isIphoneX = this.$util.uniappIsIPhoneX();
|
||
this.systemInfo = this.$util.getDeviceInfo();
|
||
this.isLoad = true;
|
||
if (this.goodsId && this.goodsDetail.goods_spec_format) {
|
||
this.skuId = this.goodsDetail.sku_id;
|
||
if (this.goodsDetail.pintuan_id) {
|
||
this.getPintuanGoodsSkuList();
|
||
} else if (this.goodsDetail.pinfan_id) {
|
||
this.getPinfanGoodsSkuList();
|
||
} else if (this.goodsDetail.groupbuy_id) {
|
||
this.getGroupbuyGoodsSkuList();
|
||
} else if (this.goodsDetail.bargain_id) {
|
||
this.getBargainGoodsSkuList();
|
||
} else if (this.goodsDetail.seckill_id) {
|
||
this.getSeckillGoodsSkuList();
|
||
} else if (this.goodsDetail.topic_id) {
|
||
this.getTopicsGoodsSkuList();
|
||
} else if (this.goodsDetail.exchange_id) {
|
||
this.getPointGoodsSkuList();
|
||
} else if (this.goodsDetail.presale_id) {
|
||
this.getPresaleGoodsSkuList();
|
||
} else if (this.goodsDetail.bale_id) {
|
||
this.getBaleGoodsSkuList();
|
||
} else {
|
||
this.getGeneralGoodsSkuList();
|
||
}
|
||
} else {
|
||
this.skuId = this.goodsDetail.sku_id;
|
||
}
|
||
},
|
||
watch: {
|
||
pointLimit(newNum, oldNum) {
|
||
this.limitNumber = Number(newNum);
|
||
},
|
||
goodsDetail: {
|
||
handler(newData, oldData) {
|
||
this.skuId = newData.sku_id;
|
||
if (this.type == 'pintuan' && newData.pintuan_type == 'ladder') {
|
||
this.pintuan_num_field = newData.pintuan_num_field;
|
||
}
|
||
if (this.goodsDetail.goods_form && !this.goodsForm) this.goodsForm = this.goodsDetail.goods_form;
|
||
|
||
// 切换商品，重新赋值
|
||
if (newData.goods_id != oldData.goods_id) {
|
||
if (this.goodsDetail.pintuan_id) {
|
||
this.getPintuanGoodsSkuList();
|
||
} else if (this.goodsDetail.pinfan_id) {
|
||
this.getPinfanGoodsSkuList();
|
||
} else if (this.goodsDetail.groupbuy_id) {
|
||
this.getGroupbuyGoodsSkuList();
|
||
} else if (this.goodsDetail.bargain_id) {
|
||
this.getBargainGoodsSkuList();
|
||
} else if (this.goodsDetail.seckill_id) {
|
||
this.getSeckillGoodsSkuList();
|
||
} else if (this.goodsDetail.topic_id) {
|
||
this.getTopicsGoodsSkuList();
|
||
} else if (this.goodsDetail.exchange_id) {
|
||
this.getPointGoodsSkuList();
|
||
} else if (this.goodsDetail.presale_id) {
|
||
this.getPresaleGoodsSkuList();
|
||
} else if (this.goodsDetail.bale_id) {
|
||
this.getBaleGoodsSkuList();
|
||
} else {
|
||
this.getGeneralGoodsSkuList();
|
||
}
|
||
}
|
||
},
|
||
deep: true // 深度监听父组件传过来对象变化
|
||
},
|
||
minBuy(newData, oldData) {
|
||
if (this.minBuy > 1) {
|
||
this.number = Number(this.minBuy);
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
/**
|
||
* 尾款
|
||
*/
|
||
balance: function() {
|
||
let price = this.goodsDetail.member_price && this.goodsDetail.member_price > 0 ? this.goodsDetail.member_price : this.goodsDetail.price;
|
||
let balance = parseFloat(price) - parseFloat(this.goodsDetail.presale_price);
|
||
balance = balance < 0 ? 0 : balance;
|
||
return balance.toFixed(2);
|
||
},
|
||
decreaseDisabled: function() {
|
||
let min = this.minBuy > 0 ? this.minBuy : 1;
|
||
return this.number <= min;
|
||
},
|
||
increaseDisabled: function() {
|
||
let max = this.maxBuy > 0 && this.maxBuy < this.goodsDetail.stock ? this.maxBuy : this.goodsDetail.stock;
|
||
return this.number >= max;
|
||
},
|
||
skuHeight() {
|
||
let height = 48;
|
||
if (this.goodsDetail) {
|
||
if (this.goodsDetail.goods_spec_format && this.goodsDetail.goods_spec_format.length) {
|
||
height = 51 + this.goodsDetail.goods_spec_format.length * 9.5;
|
||
}
|
||
|
||
if (this.goodsForm && this.goodsForm.length) {
|
||
height += this.goodsForm.length * 5;
|
||
}
|
||
}
|
||
height += 'vh';
|
||
return height;
|
||
}
|
||
},
|
||
methods: {
|
||
//【普通商品】获取所有规格信息
|
||
getGeneralGoodsSkuList(callback) {
|
||
this.$api.sendRequest({
|
||
url: '/api/goodssku/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let data = res.data,
|
||
obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
|
||
// 限时折扣
|
||
if (item.promotion_type == 1) {
|
||
item.discountTimeMachine = this.$util.countDown(item.end_time - res.timestamp);
|
||
}
|
||
|
||
if (item.promotion_type == 1 && item.discountTimeMachine) {
|
||
if (item.member_price > 0 && Number(item.member_price) <= Number(item.discount_price)) {
|
||
item.show_price = item.member_price;
|
||
} else {
|
||
item.show_price = item.discount_price;
|
||
}
|
||
} else if (item.member_price > 0) {
|
||
item.show_price = item.member_price;
|
||
} else {
|
||
item.show_price = item.price;
|
||
}
|
||
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
if (this.skuId == 0) this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
this.isLoad = false;
|
||
if (callback) callback();
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【拼团】获取所有规格信息
|
||
getPintuanGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/pintuan/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
pintuan_id: this.goodsDetail.pintuan_id,
|
||
pintuan_num: this.goodsDetail[this.goodsDetail['pintuan_num_field']]
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = this.goodsDetail.group_id == 0 ? item.promotion_price : item.pintuan_price;
|
||
item.save_price = item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
item['pintuan_num_field'] = this.goodsDetail['pintuan_num_field'];
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【拼团返利】获取所有规格信息
|
||
getPinfanGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/pinfan/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
pintuan_id: this.goodsDetail.pinfan_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = this.goodsDetail.group_id == 0 ? item.promotion_price : item.pintuan_price;
|
||
item.save_price = item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【团购】获取所有规格信息
|
||
getGroupbuyGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/groupbuy/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
groupbuy_id: this.goodsDetail.groupbuy_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let data = res.data,
|
||
obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = this.goodsDetail.groupbuy_price;
|
||
item.save_price = item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
|
||
if (data.stock > data.buy_num) {
|
||
this.number = this.goodsDetail.buy_num;
|
||
this.minNumber = this.goodsDetail.buy_num;
|
||
}
|
||
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【砍价】获取所有规格信息
|
||
getBargainGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/bargain/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
bargain_id: this.goodsDetail.bargain_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = this.goodsDetail.bargain_id > 0 ? item.floor_price : item.price;
|
||
item.stock = item.bargain_stock; //砍价库存
|
||
item.save_price = item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【秒杀】获取所有规格信息
|
||
getSeckillGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/seckill/api/seckillgoods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
seckill_id: this.goodsDetail.seckill_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = item.seckill_price;
|
||
item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【专题】获取所有规格信息
|
||
getTopicsGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/topic/api/topicgoods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
topic_id: this.goodsDetail.topic_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
item.show_price = this.goodsDetail.topic_id > 0 ? item.topic_price : item.price;
|
||
item.save_price = item.price - item.show_price > 0 ? (item.price - item.show_price).toFixed(2) : 0;
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【积分】获取所有规格信息
|
||
getPointGoodsSkuList() {
|
||
// 只有兑换商品才查询
|
||
if (this.goodsDetail.type != 1) return;
|
||
this.$api.sendRequest({
|
||
url: '/pointexchange/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
exchange_id: this.goodsDetail.exchange_id,
|
||
type: this.goodsDetail.type
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 【预售】获取所有规格信息
|
||
getPresaleGoodsSkuList() {
|
||
this.$api.sendRequest({
|
||
url: '/presale/api/goods/goodsSku',
|
||
data: {
|
||
goods_id: this.goodsId,
|
||
presale_id: this.goodsDetail.presale_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let obj = {};
|
||
|
||
res.data.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = res.data[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
} else {
|
||
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//【一口价】获取所有规格信息
|
||
getBaleGoodsSkuList() {
|
||
let obj = {};
|
||
this.goodsDetail.sku_list.forEach((item, index) => {
|
||
item = this.handleData(item);
|
||
obj['sku_' + item.sku_id] = item;
|
||
});
|
||
this.skuId = this.goodsDetail.sku_list[0].sku_id;
|
||
this.goodsSkuInfo = obj;
|
||
},
|
||
handleData(item) {
|
||
if (item.sku_images) item.sku_images = item.sku_images.split(',');
|
||
else item.sku_images = [];
|
||
|
||
// 多规格时合并主图
|
||
if (item.goods_spec_format && item.goods_image) {
|
||
item.goods_image = item.goods_image.split(',');
|
||
item.sku_images = item.goods_image.concat(item.sku_images);
|
||
}
|
||
|
||
// 当前商品SKU规格
|
||
if (item.sku_spec_format) item.sku_spec_format = JSON.parse(item.sku_spec_format);
|
||
|
||
// 商品SKU格式
|
||
if (item.goods_spec_format) item.goods_spec_format = JSON.parse(item.goods_spec_format);
|
||
|
||
return item;
|
||
},
|
||
show(type, callback, data = {}) {
|
||
this.callback = callback;
|
||
this.number = 1; //默认为一件
|
||
|
||
// 排除购物车切换规格
|
||
if (this.type != 'confirm') {
|
||
this.$refs.skuPopup.open();
|
||
}
|
||
this.type = type;
|
||
this.skuId = this.goodsDetail.sku_id;
|
||
this.preview = this.goodsDetail.preview || 0;
|
||
if (this.type == 'pintuan' && this.goodsDetail.pintuan_id) {
|
||
this.limitNumber = this.goodsDetail.buy_num;
|
||
} else if (this.type == 'pinfan' && this.goodsDetail.pinfan_id) {
|
||
this.limitNumber = this.goodsDetail.buy_num;
|
||
} else if (this.type == 'groupbuy' && this.goodsDetail.groupbuy_id) {
|
||
if (this.goodsDetail.stock > this.goodsDetail.buy_num) {
|
||
this.number = this.goodsDetail.buy_num;
|
||
this.minNumber = this.goodsDetail.buy_num;
|
||
}
|
||
} else if (this.type == 'bargain' && this.goodsDetail.bargain_id) {
|
||
this.number = 1;
|
||
this.minNumber = 1;
|
||
} else if (this.type == 'confirm') {
|
||
if (this.isLoad) return;
|
||
|
||
// 购物车切换规格
|
||
this.goodsId = data.goods_id;
|
||
this.skuId = data.sku_id;
|
||
this.getGeneralGoodsSkuList(() => {
|
||
this.$refs.skuPopup.open();
|
||
});
|
||
}
|
||
if (this.type == 'join_cart') this.getCartData();
|
||
if (this.type == 'point' && this.goodsDetail.stock == -1) {
|
||
this.goodsDetail.pointCoupon = 1;
|
||
this.goodsDetail.stock = 99999;
|
||
}
|
||
if (this.type == 'bale') {
|
||
this.number = 1;
|
||
// 一口价活动
|
||
if (this.$util.inArray(this.skuId + '', this.goodsDetail.activity_sku_ids) == -1) {
|
||
this.confirmDisabled = true;
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.specNotInBale')
|
||
});
|
||
} else {
|
||
this.confirmDisabled = false;
|
||
}
|
||
}
|
||
// 起售
|
||
if (this.minBuy > 1) {
|
||
this.number = Number(this.minBuy);
|
||
}
|
||
this.$forceUpdate();
|
||
},
|
||
hide() {
|
||
this.$emit('hideSkuPop');
|
||
if(this.$refs.skuPopup) this.$refs.skuPopup.close();
|
||
},
|
||
popclose() {
|
||
if (this.$refs.skuPopup.showPopup) {
|
||
this.$emit('hideSkuPop');
|
||
}
|
||
},
|
||
//查看规格图片
|
||
previewMedia() {
|
||
var paths = [];
|
||
paths.push(
|
||
this.$util.img(this.goodsDetail.sku_image, {
|
||
size: 'big'
|
||
})
|
||
);
|
||
uni.previewImage({
|
||
current: 1,
|
||
urls: paths
|
||
});
|
||
},
|
||
pintuanChange(field) {
|
||
this.goodsDetail['pintuan_num_field'] = field;
|
||
this.pintuan_num_field = field;
|
||
},
|
||
change(skuId, spec_id) {
|
||
if (this.goodsSkuInfo == null) return;
|
||
if (this.disabled) return;
|
||
this.btnSwitch = false;
|
||
|
||
this.skuId = skuId;
|
||
|
||
// 清空选择
|
||
for (var i = 0; i < this.goodsDetail.goods_spec_format.length; i++) {
|
||
var sku = this.goodsDetail.goods_spec_format[i];
|
||
for (var j = 0; j < sku.value.length; j++) {
|
||
// 排除当前点击的规格值
|
||
if (spec_id == this.goodsDetail.goods_spec_format[i].value[j].spec_id) {
|
||
this.goodsDetail.goods_spec_format[i].value[j].selected = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
this.goodsSkuDetail = this.goodsSkuInfo['sku_' + this.skuId];
|
||
this.$emit('refresh', this.goodsSkuDetail);
|
||
this.$emit('getSkuId', this.skuId);
|
||
if (this.goodsDetail.bale_id) {
|
||
// 一口价活动
|
||
if (this.$util.inArray(skuId + '', this.goodsDetail.activity_sku_ids) == -1) {
|
||
this.confirmDisabled = true;
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.specNotInBale')
|
||
});
|
||
} else {
|
||
this.confirmDisabled = false;
|
||
}
|
||
}
|
||
this.keyInput(true);
|
||
},
|
||
showPrice(price) {
|
||
return parseFloat(price);
|
||
},
|
||
pintuanPrice(data) {
|
||
if (data.pintuan_type == 'ordinary') {
|
||
return data.pintuan_price;
|
||
} else {
|
||
if (data.pintuan_num_field == 'pintuan_num') return data.pintuan_price;
|
||
if (data.pintuan_num_field == 'pintuan_num_2') return data.pintuan_price_2;
|
||
if (data.pintuan_num_field == 'pintuan_num_3') return data.pintuan_price_3;
|
||
}
|
||
},
|
||
changeNum(tag) {
|
||
if (this.goodsDetail.stock == 0) return;
|
||
var min = 1;
|
||
var stock = this.goodsDetail.stock;
|
||
|
||
if (this.maxBuy == 1) {
|
||
stock = 1;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.maxBuy > 0 && this.maxBuy < stock) stock = this.maxBuy;
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.goodsDetail.limit_type == 2 && this.maxBuy > 0 && this.goodsDetail.purchased_num > 0) {
|
||
let maxBuy = this.maxBuy - this.goodsDetail.purchased_num;
|
||
stock = maxBuy < this.goodsDetail.stock ? maxBuy : this.goodsDetail.stock;
|
||
}
|
||
|
||
if (this.minBuy > 1) {
|
||
min = this.minBuy;
|
||
}
|
||
|
||
if (this.type == 'pintuan' && this.goodsDetail.pintuan_id) {
|
||
//限购数量大于库存总数取库存
|
||
if (this.goodsDetail.buy_num > this.goodsDetail.stock) {
|
||
stock = this.goodsDetail.stock;
|
||
} else {
|
||
stock = this.goodsDetail.buy_num;
|
||
}
|
||
// min = stock;
|
||
} else if (this.type == 'groupbuy' && this.goodsDetail.groupbuy_id) {
|
||
//限购数量大于库存总数取库存
|
||
if (this.goodsDetail.buy_num > this.goodsDetail.stock) {
|
||
stock = this.goodsDetail.stock;
|
||
} else {
|
||
stock = this.goodsDetail.stock;
|
||
}
|
||
//最低购买数量
|
||
min = this.goodsDetail.buy_num;
|
||
} else if (this.type == 'seckill' && this.goodsDetail.seckill_id && this.goodsDetail.num > 0 && this
|
||
.goodsDetail.num < this.goodsDetail.stock) {
|
||
//限购数量小于库存总数取库存
|
||
stock = this.goodsDetail.num;
|
||
} else if (this.type == 'bargain' && this.goodsDetail.bargain_id) {
|
||
stock = 1;
|
||
} else if (this.type == 'presale' && this.goodsDetail.presale_id && this.goodsDetail.presale_num > 0) {
|
||
//限购数量大于库存总数取库存
|
||
if (this.goodsDetail.presale_num > this.goodsDetail.stock) {
|
||
stock = this.goodsDetail.stock;
|
||
} else {
|
||
stock = this.goodsDetail.presale_num;
|
||
}
|
||
}
|
||
|
||
if (tag == '+') {
|
||
// 加
|
||
if (this.number < stock) {
|
||
this.number++;
|
||
} else {
|
||
if (this.number >= this.goodsDetail.stock) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.stockInsufficient')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.maxBuy > 0) {
|
||
if (this.goodsDetail.limit_type == 1) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.maxPurchasePerTime', { count: this.maxBuy, unit: this.goodsDetail.unit })
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.goodsDetail.limit_type == 2) {
|
||
let message = this.goodsDetail.purchased_num > 0
|
||
? this.$lang('goods.detail.purchaseLimitWithPurchased', { count: this.maxBuy, unit: this.goodsDetail.unit, purchased: this.goodsDetail.purchased_num })
|
||
: this.$lang('goods.detail.purchaseLimit', { count: this.maxBuy, unit: this.goodsDetail.unit });
|
||
this.$util.showToast({
|
||
title: message
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
|
||
if (this.type == 'seckill' && this.goodsDetail.seckill_id && this.goodsDetail.num > 0) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.purchaseLimit', { count: this.goodsDetail.num, unit: this.goodsDetail.unit })
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.type == 'presale' && this.goodsDetail.presale_id && this.goodsDetail.presale_num > 0) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.purchaseLimit', { count: this.goodsDetail.presale_num, unit: this.goodsDetail.unit })
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
} else if (tag == '-') {
|
||
// 减
|
||
if (this.number > min) {
|
||
this.number -= 1;
|
||
} else {
|
||
if (this.minBuy > 1) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.minBuyStart', { minBuy: this.minBuy, unit: this.goodsDetail.unit })
|
||
});
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
if (this.number > this.limitNumber && this.limitNumber) {
|
||
this.number = this.limitNumber;
|
||
}
|
||
},
|
||
blur() {
|
||
if (!this.number) {
|
||
this.number = 0;
|
||
}
|
||
if (this.number > this.limitNumber && this.limitNumber) {
|
||
this.number = this.limitNumber;
|
||
}
|
||
if (this.number < this.minNumber && this.minNumber) {
|
||
this.number = this.minNumber;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.maxBuy > 0 && this.number > this.maxBuy) {
|
||
this.number = this.maxBuy;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.maxBuy > 0 && this.goodsDetail.purchased_num > 0) {
|
||
let maxBuy = this.maxBuy - this.goodsDetail.purchased_num;
|
||
if (this.number > maxBuy) this.number = maxBuy;
|
||
}
|
||
if (this.number < this.minBuy && this.minBuy > 0) {
|
||
this.number = this.minBuy;
|
||
}
|
||
|
||
if (this.number <= 0) {
|
||
this.number = 1;
|
||
}
|
||
},
|
||
//输入数量
|
||
keyInput(flag, callback) {
|
||
setTimeout(() => {
|
||
var stock = this.goodsDetail.stock;
|
||
|
||
// 库存为0
|
||
if (this.goodsDetail.stock == 0) {
|
||
this.number = 0;
|
||
return;
|
||
}
|
||
|
||
// 防止空
|
||
if (flag && this.number.length == 0) this.number = 1;
|
||
|
||
// 防止输入0和负数、非法输入
|
||
if (flag && (this.number <= 0 || isNaN(this.number))) this.number = 1;
|
||
|
||
if (this.type == 'pintuan' && this.goodsDetail.pintuan_id && this.number > this.goodsDetail.buy_num) {
|
||
//限购数量大于库存总数取库存
|
||
this.number = this.goodsDetail.buy_num;
|
||
} else if (this.type == 'groupbuy' && this.goodsDetail.groupbuy_id && this.number < this.goodsDetail.buy_num) {
|
||
//最低购买数量
|
||
this.number = 1;
|
||
} else if (this.type == 'seckill' && this.goodsDetail.seckill_id && this.goodsDetail.max_buy > 0 && this.number > this.goodsDetail.max_buy) {
|
||
//限购数量大于库存总数取库存
|
||
this.number = this.goodsDetail.max_buy;
|
||
} else if (this.type == 'bargain' && this.goodsDetail.bargain_id) {
|
||
// 砍价
|
||
this.number = 1;
|
||
} else if (this.type == 'presale' && this.goodsDetail.presale_id && this.goodsDetail.presale_num > 0 && this.number > this.goodsDetail.presale_num) {
|
||
// 预售
|
||
this.number = this.goodsDetail.presale_num;
|
||
} else if (this.number > stock) {
|
||
this.number = stock;
|
||
}
|
||
// 商品起售数
|
||
if (this.minBuy > 1 && this.number < this.minBuy) {
|
||
this.number = this.minBuy;
|
||
}
|
||
|
||
if (flag) this.number = parseInt(this.number);
|
||
if (callback) callback();
|
||
}, 0);
|
||
},
|
||
|
||
//提交
|
||
confirm(isJoinCartBtn = false) {
|
||
// 删除待付款物流方式缓存
|
||
uni.removeStorageSync('delivery');
|
||
if (this.preview) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.previewCannotBuy')
|
||
});
|
||
return;
|
||
}
|
||
if (this.goodsDetail.goods_state == 0) return;
|
||
|
||
if (!this.storeToken) {
|
||
this.$refs.login.open();
|
||
return;
|
||
}
|
||
|
||
//纠正数量
|
||
this.keyInput(true, () => {
|
||
if (this.goodsDetail.stock == 0) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.soldOut')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.number.length == 0 || this.number <= 0) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.buyCountNotZero')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.goodsDetail.buy_num > this.goodsDetail.stock) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.stockLessThanMinBuy')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.number > this.goodsDetail.stock) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.stockInsufficient')
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.goodsDetail.limit_type == 1 && this.maxBuy > 0 && this.number > this.maxBuy) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.maxPurchasePerTime', { count: this.maxBuy, unit: this.goodsDetail.unit })
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.goodsDetail.is_limit == 1 && this.goodsDetail.limit_type == 2 && this.maxBuy > 0 &&
|
||
this.number + this.goodsDetail.purchased_num > this.maxBuy) {
|
||
let message = this.goodsDetail.purchased_num > 0
|
||
? this.$lang('goods.detail.purchaseLimitWithPurchased', { count: this.maxBuy, unit: this.goodsDetail.unit, purchased: this.goodsDetail.purchased_num })
|
||
: this.$lang('goods.detail.purchaseLimit', { count: this.maxBuy, unit: this.goodsDetail.unit });
|
||
this.$util.showToast({
|
||
title: message
|
||
});
|
||
return;
|
||
}
|
||
|
||
if ((this.type == 'join_cart' || isJoinCartBtn) && this.goodsDetail.is_limit == 1 && this.maxBuy > 0 && this.cartNum + this.number > this.maxBuy) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.purchaseLimit', { count: this.maxBuy, unit: this.goodsDetail.unit })
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (this.$refs.form) {
|
||
if (!this.$refs.form.verify()) return;
|
||
uni.setStorageSync('goodFormData', {
|
||
goods_id: this.goodsDetail.goods_id,
|
||
form_data: this.$refs.form.formData
|
||
});
|
||
}
|
||
|
||
if (this.btnSwitch) return;
|
||
this.btnSwitch = true;
|
||
|
||
if (this.type == 'join_cart' || isJoinCartBtn) {
|
||
this.$api.sendRequest({
|
||
url: '/api/cart/add',
|
||
data: {
|
||
sku_id: this.skuId,
|
||
num: this.number,
|
||
form_data: this.$refs.form ? JSON.stringify(this.$refs.form.formData) : ''
|
||
},
|
||
success: res => {
|
||
var data = res.data;
|
||
if (data > 0) {
|
||
this.$util.showToast({
|
||
title: this.$lang('goods.detail.addToCartSuccess')
|
||
});
|
||
this.cartNum += this.number;
|
||
|
||
let discount_price = this.goodsDetail.discount_price;
|
||
if (this.goodsDetail.member_price > 0 && Number(this.goodsDetail.member_price) <= Number(this.goodsDetail.discount_price)) {
|
||
discount_price = this.goodsDetail.member_price;
|
||
}
|
||
|
||
if (this.callback) this.callback({
|
||
cart_id: data,
|
||
goods_id: this.goodsDetail.goods_id,
|
||
sku_id: this.skuId,
|
||
num: this.cartNum,
|
||
discount_price
|
||
});
|
||
}
|
||
if(this.$refs.skuPopup) this.$refs.skuPopup.close();
|
||
this.btnSwitch = false;
|
||
},
|
||
fail: res => {
|
||
if(this.$refs.skuPopup) this.$refs.skuPopup.close();
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'buy_now') {
|
||
var data = {
|
||
sku_id: this.skuId,
|
||
num: this.number
|
||
};
|
||
|
||
uni.setStorage({
|
||
key: 'orderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_order/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'seckill') {
|
||
// 秒杀
|
||
var data = {
|
||
seckill_id: this.goodsDetail.seckill_id,
|
||
num: this.number,
|
||
sku_id: this.skuId
|
||
};
|
||
|
||
uni.setStorage({
|
||
key: 'seckillOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/seckill/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'pintuan') {
|
||
// 拼团
|
||
var data = {
|
||
pintuan_goods_id: this.goodsDetail.id,
|
||
group_id: this.goodsDetail.group_id,
|
||
num: this.number
|
||
};
|
||
if (this.goodsDetail.pintuan_type == 'ladder' && !data.group_id) {
|
||
data.extend = JSON.stringify({
|
||
pintuan_num: this.goodsDetail[this.goodsDetail['pintuan_num_field']]
|
||
});
|
||
}
|
||
|
||
uni.setStorage({
|
||
key: 'pintuanOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/pintuan/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'pinfan') {
|
||
// 拼团
|
||
var data = {
|
||
pintuan_goods_id: this.goodsDetail.id,
|
||
group_id: this.goodsDetail.group_id,
|
||
num: this.number
|
||
};
|
||
uni.setStorage({
|
||
key: 'pinfanOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/pinfan/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'topic') {
|
||
// 专题
|
||
var data = {
|
||
topic_goods_id: this.goodsDetail.id,
|
||
num: this.number
|
||
};
|
||
|
||
uni.setStorage({
|
||
key: 'topicOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/topics/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'groupbuy') {
|
||
// 团购
|
||
var data = {
|
||
groupbuy_id: this.goodsDetail.groupbuy_id,
|
||
sku_id: this.skuId,
|
||
num: this.number
|
||
};
|
||
|
||
uni.setStorage({
|
||
key: 'groupbuyOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/groupbuy/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'presale') {
|
||
// 预售
|
||
var data = {
|
||
presale_id: this.goodsDetail.presale_id,
|
||
sku_id: this.skuId,
|
||
num: this.number
|
||
};
|
||
uni.setStorage({
|
||
key: 'presaleOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/presale/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'bargain') {
|
||
// 砍价
|
||
this.$api.sendRequest({
|
||
url: '/bargain/api/bargain/launch',
|
||
data: {
|
||
id: this.goodsDetail.id
|
||
},
|
||
success: res => {
|
||
this.btnSwitch = false;
|
||
if (res.code == 0) {
|
||
this.$util.redirectTo(
|
||
'/pages_promotion/bargain/detail', {
|
||
b_id: this.goodsDetail.bargain_id,
|
||
l_id: res.data
|
||
},
|
||
'redirectTo'
|
||
);
|
||
} else {
|
||
this.$util.showToast({
|
||
title: res.message
|
||
});
|
||
}
|
||
}
|
||
});
|
||
} else if (this.type == 'point') {
|
||
// 积分兑换
|
||
var data = {
|
||
id: this.goodsDetail.exchange_id,
|
||
sku_id: this.skuId,
|
||
num: this.number
|
||
};
|
||
uni.setStorage({
|
||
key: 'exchangeOrderCreateData',
|
||
data: data,
|
||
success: () => {
|
||
this.$util.redirectTo('/pages_promotion/point/payment');
|
||
this.btnSwitch = false;
|
||
}
|
||
});
|
||
} else if (this.type == 'bale') {
|
||
if (!this.confirmDisabled) {
|
||
this.btnSwitch = false;
|
||
this.$emit('confirm', {
|
||
detail: this.goodsDetail,
|
||
goods_id: this.goodsDetail
|
||
.goods_id,
|
||
sku_id: this.goodsDetail.sku_id,
|
||
num: this.number
|
||
});
|
||
}
|
||
} else if (this.type == 'confirm') {
|
||
this.btnSwitch = false;
|
||
if(this.$refs.skuPopup) this.$refs.skuPopup.close();
|
||
if (this.callback) this.callback(this.skuId, this.number);
|
||
}
|
||
});
|
||
},
|
||
closeSkuPopup() {
|
||
this.$emit('hideSkuPop');
|
||
if(this.$refs.skuPopup) this.$refs.skuPopup.close();
|
||
},
|
||
imageError() {
|
||
this.goodsDetail.sku_image = this.$util.getDefaultImage().goods;
|
||
this.$forceUpdate();
|
||
},
|
||
valueImageError(index, index_value) {
|
||
this.goodsDetail.goods_spec_format[index].value[index_value].image = this.$util.getDefaultImage().goods;
|
||
this.$forceUpdate();
|
||
},
|
||
// 获取购物车数据
|
||
getCartData() {
|
||
this.$api.sendRequest({
|
||
url: '/api/cart/goodsnum',
|
||
data: {
|
||
goods_id: this.goodsDetail.goods_id
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
this.cartNum = res.data;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss">
|
||
.sku-info {
|
||
max-height: 75vh;
|
||
height: 45vh;
|
||
position: relative;
|
||
z-index: 999;
|
||
}
|
||
|
||
.sku-info .header {
|
||
padding: 30rpx 30rpx 20rpx 210rpx;
|
||
position: relative;
|
||
border-bottom: 2rpx solid $color-line;
|
||
min-height: 170rpx;
|
||
}
|
||
|
||
.sku-info .header .img-wrap {
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
position: absolute;
|
||
left: 20rpx;
|
||
border-radius: $border-radius;
|
||
overflow: hidden;
|
||
padding: 2rpx;
|
||
background-color: #fff;
|
||
line-height: 208rpx;
|
||
}
|
||
|
||
.sku-info .header .img-wrap image {
|
||
width: inherit;
|
||
height: inherit;
|
||
}
|
||
|
||
.sku-info .main {
|
||
font-size: 24rpx;
|
||
line-height: 40rpx;
|
||
padding-right: 40rpx;
|
||
|
||
.price-wrap {
|
||
font-weight: bold;
|
||
|
||
.unit {
|
||
margin-right: 4rpx;
|
||
}
|
||
}
|
||
|
||
.stock {
|
||
font-size: $font-size-tag;
|
||
color: $color-tip;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
height: 70rpx;
|
||
overflow: hidden;
|
||
}
|
||
}
|
||
|
||
.sku-info .main .price {
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
.sku-info .main .sku-name {
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
height: 42rpx;
|
||
|
||
.spec-value {
|
||
&::after {
|
||
content: '/';
|
||
}
|
||
|
||
&:last-child {
|
||
&::after {
|
||
content: '';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.sku-info .sku-close {
|
||
position: absolute;
|
||
top: 20rpx;
|
||
right: 40rpx;
|
||
width: 40rpx;
|
||
height: 80rpx;
|
||
font-size: 40rpx;
|
||
}
|
||
|
||
.body-item {
|
||
padding: 0 30rpx;
|
||
height: calc(100% - 360rpx);
|
||
box-sizing: border-box;
|
||
overflow: scroll;
|
||
}
|
||
|
||
.body-item .wrap {
|
||
height: calc(100% - 60rpx);
|
||
}
|
||
|
||
.body-item .sku-list-wrap {
|
||
padding-bottom: 0rpx;
|
||
}
|
||
|
||
.body-item .sku-list-wrap .title {
|
||
padding: 20rpx 0;
|
||
display: block;
|
||
}
|
||
|
||
.body-item .sku-list-wrap .items {
|
||
position: relative;
|
||
display: inline-block;
|
||
border: 2rpx solid $color-line;
|
||
padding: 4rpx 30rpx;
|
||
border-radius: 8rpx;
|
||
margin: 0 20rpx 20rpx 0;
|
||
background-color: #fff;
|
||
font-size: $font-size-tag;
|
||
}
|
||
|
||
.body-item .sku-list-wrap .selected {
|
||
color: $base-color;
|
||
border-color: $base-color;
|
||
}
|
||
|
||
.body-item .sku-list-wrap .items.disabled {
|
||
border: 2rpx dashed;
|
||
}
|
||
|
||
.body-item .sku-list-wrap .items image {
|
||
height: 44rpx;
|
||
width: 44rpx;
|
||
border-radius: $border-radius;
|
||
margin-right: 10rpx;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.body-item .number-wrap .number-line {
|
||
padding: 20rpx 0;
|
||
line-height: 72rpx;
|
||
display: flex;
|
||
}
|
||
|
||
.body-item .number-wrap .title {
|
||
font-weight: 400;
|
||
}
|
||
|
||
.body-item .number-wrap .limit-txt {}
|
||
|
||
.body-item .number-wrap .number {
|
||
display: flex;
|
||
height: 72rpx;
|
||
border-radius: 6rpx;
|
||
float: right;
|
||
justify-content: flex-end;
|
||
flex: 1;
|
||
}
|
||
|
||
.body-item .number-wrap .number button {
|
||
display: inline-block;
|
||
line-height: 64rpx;
|
||
height: 68rpx;
|
||
width: 60rpx;
|
||
font-size: 48rpx;
|
||
box-sizing: content-box;
|
||
border: 2rpx solid $color-line;
|
||
padding: 0;
|
||
margin: 0;
|
||
border-radius: 0;
|
||
background-color: #fff !important;
|
||
|
||
&.disabled {
|
||
background: #f7f7f7 !important;
|
||
}
|
||
}
|
||
|
||
.body-item .number-wrap .number button.decrease {
|
||
border-right-width: 0 !important;
|
||
}
|
||
|
||
.body-item .number-wrap .number button.increase {
|
||
border-left: 0 !important;
|
||
}
|
||
|
||
.body-item .number-wrap .number button:after {
|
||
border-radius: 0;
|
||
border: none;
|
||
}
|
||
|
||
.body-item .number-wrap .number input {
|
||
display: inline-block;
|
||
line-height: 64rpx;
|
||
height: 68rpx;
|
||
min-width: 90rpx;
|
||
text-align: center;
|
||
font-weight: 700;
|
||
border: 2rpx solid;
|
||
margin: 0;
|
||
vertical-align: top;
|
||
background-color: $color-bg !important;
|
||
flex: 0;
|
||
padding: 0 5px;
|
||
}
|
||
|
||
.footer {
|
||
height: 100rpx;
|
||
width: 100%;
|
||
position: absolute;
|
||
bottom: 30rpx;
|
||
bottom: calc(30rpx + constant(safe-area-inset-bottom));
|
||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||
color: #fff;
|
||
z-index: 1;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: flex-start;
|
||
|
||
button {
|
||
width: 100%;
|
||
height: 80rpx;
|
||
background-color: var(--goods-btn-color);
|
||
font-weight: bold;
|
||
border: none;
|
||
}
|
||
}
|
||
|
||
.presale-stock {
|
||
height: auto !important;
|
||
}
|
||
|
||
.balance {
|
||
margin-left: 10rpx;
|
||
display: inline-block;
|
||
line-height: 1.3;
|
||
font-size: $font-size-tag;
|
||
|
||
text {
|
||
font-weight: normal;
|
||
}
|
||
|
||
.unit {
|
||
margin-right: 0 !important;
|
||
}
|
||
}
|
||
</style> |