<template>
<view :class="theme_view" class="z-i-deep">
<component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event" :propIndex="propIndex">
<view class="goods-spec-choice-container padding-main bg-white pr">
<view class="close oh pa top-0 right-0 z-i-deep">
<view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
<iconfont name="icon-close-line" size="28rpx" color="#999"></iconfont>
</view>
</view>
<!-- 规格基础信息 -->
<view class="goods-spec-base oh br-b pr" :class="goods_cover_class">
<image :src="goods_spec_base_images" mode="aspectFill" class="spec-images radius br" @tap="goods_detail_images_view_event" :data-value="goods_spec_base_images"></image>
<view class="goods-spec-base-content">
<view class="goods-price">
<view v-if="(goods.show_field_price_status || 0) == 1">
<text class="sales-price va-m">{{ goods.show_price_symbol }}{{ goods_spec_base_price }}</text>
<text class="cr-grey text-size-xs va-m">{{ goods_show_price_unit }}</text>
</view>
<view v-if="(goods.show_field_original_price_status || 0) == 1 && (goods_spec_base_original_price || null) != null && goods_spec_base_original_price != 0" class="original-price margin-top-sm">{{ goods.show_original_price_symbol }}{{ goods_spec_base_original_price }}{{ goods_show_original_price_unit }}</view>
</view>
<view v-if="(goods.show_inventory_status || 0) == 1" class="inventory text-size-xs margin-top">
<text class="cr-grey">{{ $t('goods-detail.goods-detail.1s79t4') }}</text>
<text class="cr-base">{{ goods_spec_base_inventory }}</text>
<text class="cr-grey">{{ goods_spec_base_inventory_unit }}</text>
</view>
</view>
</view>
<block v-if="(goods.is_exist_many_spec || 0) == 1 && goods_spec_choose.length == 0">
<view class="padding-top-xxxl padding-bottom-xxxl tc cr-red">{{ $t('goods-buy.goods-buy.ufdm25') }}</view>
</block>
<block v-else>
<view class="goods-spec-choice-content">
<!-- 商品规格 -->
<view v-if="goods_spec_choose.length > 0" class="goods-spec-choose">
<view v-for="(item, key) in goods_spec_choose" :key="key" class="item padding-top-xxl padding-bottom-xxl">
<view class="text-size-sm">{{ item.name }}</view>
<view v-if="item.value.length > 0" class="spec margin-top-sm">
<block v-for="(items, keys) in item.value" :key="keys">
<button @tap.stop="goods_spec_choice_event" :data-key="key" :data-keys="keys" type="default" size="mini" hover-class="none" :class="'spec-btn round ' + items.is_active + ' ' + items.is_dont + ' ' + items.is_disabled">
<image v-if="(items.images || null) != null" :src="items.images" mode="scaleToFill" class="spec-images va-m dis-inline-block round margin-right-sm"></image>
<text class="va-m">{{ items.name }}</text>
</button>
</block>
</view>
</view>
</view>
<!-- 购买数量 -->
<view class="goods-buy-number oh pr margin-top-xl margin-bottom-xxl">
<view class="fl margin-top">{{ $t('goods-buy.goods-buy.737wzz') }}</view>
<view class="number-content tc oh round">
<view @tap="goods_buy_number_event" class="number-submit tc cr-grey fl va-m" data-type="0">-</view>
<input @blur="goods_buy_number_blur" class="number-input tc cr-grey bg-white fl va-m radius-0" type="number" :value="buy_number" />
<view @tap="goods_buy_number_event" class="number-submit tc cr-grey fl va-m" data-type="1">+</view>
</view>
</view>
</view>
<view v-if="(opt_button || null) != null && opt_button.length > 0" class="padding-bottom-main">
<view :class="'flex-row jc-sa gap-20 buy-nav-btn-number-' + (opt_button.length || 0)">
<block v-for="(item, index) in opt_button" :key="index">
<view v-if="(item.name || null) != null && (item.type || null) != null" class="item">
<button :class="'cr-white round text-size-sm bg-' + ((item.color || 'main') == 'main' ? 'main' : 'main-pair')" type="default" @tap="spec_confirm_event" :data-value="item.value" :data-type="item.type" :data-business="item.business || ''" hover-class="none">{{ item.name }}</button>
</view>
</block>
</view>
</view>
<button v-else class="bg-main br-main cr-white text-size-sm round" type="default" @tap.stop="spec_confirm_event" hover-class="none">{{ $t('index.index.7w75zb') }}</button>
</block>
</view>
</component-popup>
</view>
</template>
<script>
const app = getApp();
import base64 from '@/common/js/lib/base64.js';
import componentPopup from '@/components/popup/popup';
export default {
data() {
return {
theme_view: app.globalData.get_theme_value_view(),
params: {},
back_data: {},
popup_status: false,
goods_spec_base_price: 0,
goods_spec_base_original_price: 0,
goods_spec_base_inventory: 0,
goods_spec_base_buy_min_number: 0,
goods_spec_base_buy_max_number: 0,
goods_spec_base_images: '',
goods_spec_base_inventory_unit: '',
goods_show_price_unit: '',
goods_show_original_price_unit: '',
goods: {},
goods_spec_choose: [],
buy_number: 1,
buy_event_type: 'cart',
opt_button: [],
is_direct_cart: 0,
is_success_tips: 1,
goods_cover_class: '',
// 选中规格临时定时变量
spec_selected_timer: null,
spec_selected_timerout: null,
// 智能工具插件
plugins_intellectstools_config: app.globalData.get_config('plugins_base.intellectstools.data'),
};
},
components: {
componentPopup,
},
props: {
propParams: {
type: [String, Object],
default: () => {
return {};
},
},
propCurrencySymbol: {
type: String,
default: app.globalData.currency_symbol(),
},
// 弹窗层级
propIndex: {
type: Number,
default: 100,
},
},
created: function () {},
methods: {
// 初始化
init(goods = {}, params = {}, back_data = null) {
if (!app.globalData.is_single_page_check()) {
return false;
}
params = params || {};
// 状态默认开启弹窗
var status = true;
// 商品可选规格
var goods_spec_choose = (goods.specifications || null) != null ? goods.specifications.choose || [] : [];
// 无规格是否直接操作
var is_direct_cart = 0;
if ((params.is_direct_cart || 0) == 1 && parseInt(goods.is_exist_many_spec || 0) == 0 && goods_spec_choose.length == 0) {
status = false;
is_direct_cart = 1;
}
// 是否成功提示、默认提示
var is_success_tips = params.is_success_tips == undefined ? 1 : params.is_success_tips || 0;
// 直接加购、并且用户已经存在购物车则依次+1
if (is_direct_cart == 1 && parseInt(goods.user_cart_count || 0) > 0) {
var buy_number = 1;
} else {
var buy_number = goods.buy_min_number || 1;
}
// 购买按钮处理，仅展示购买和购物车
var opt_button = [];
var buy_button = params.buy_button || null;
if (buy_button != null && (buy_button.data || null) != null && buy_button.data.length > 0) {
var arr = ['buy', 'cart', 'show'];
for (var i in buy_button.data) {
if (arr.indexOf(buy_button.data[i]['type']) != -1) {
opt_button.push(buy_button.data[i]);
}
}
}
// 商品封面尺寸类型
var goods_cover_size_type = app.globalData.get_config('config.common_goods_cover_size_type', 0);
// 设置数据
this.setData({
popup_status: status,
params: params || {},
back_data: back_data,
goods: goods || {},
goods_spec_choose: goods_spec_choose,
goods_spec_base_price: goods.price,
goods_spec_base_original_price: goods.original_price || 0,
goods_spec_base_inventory: goods.inventory,
goods_spec_base_images: goods.images,
goods_spec_base_inventory_unit: goods.inventory_unit,
goods_show_price_unit: goods.show_price_unit,
goods_show_original_price_unit: goods.show_original_price_unit,
buy_number: buy_number,
buy_event_type: params.buy_event_type || 'cart',
opt_button: opt_button,
is_direct_cart: is_direct_cart,
is_success_tips: is_success_tips,
goods_cover_class: (goods_cover_size_type == 1) ? 'cover-tall' : '',
});
// 初始化不能选择规格处理
var is_init = (params.is_init === undefined) ? 1 : params.is_init;
this.spec_handle_dont(0, is_init);
// 获取规格详情
this.get_spec_detail();
// 规格选中处理
this.selected_spec_handle();
// 是否直接操作加入购物车
if (is_direct_cart) {
this.spec_confirm_event();
}
},
// 规格选中处理
selected_spec_handle() {
var temp_spec_choose = this.goods_spec_choose;
if (temp_spec_choose.length > 0) {
// 是否已选择
var active_count = 0;
for (var i in temp_spec_choose) {
for (var k in temp_spec_choose[i]['value']) {
if ((temp_spec_choose[i]['value'][k]['is_active'] || null) != null) {
active_count++;
}
}
}
if (active_count > 0) {
return false;
}
// 是否指定规格初始化
var spec = (this.propParams || null) != null && (this.propParams.spec || null) != null ? this.propParams.spec : null;
if (spec != null) {
this.appoint_selected_spec_handle(temp_spec_choose, spec);
} else {
// 是否默认选中第一个规格、、已存在指定规格初始化则不走默认选择第一个规格
this.plugins_intellectstools_selected_spec_handle(temp_spec_choose);
}
}
},
// 指定规格初始化
appoint_selected_spec_handle(spec_choose, spec) {
spec = decodeURIComponent(spec).split('|');
if (spec.length == spec_choose.length) {
// 选择处理
var self = this;
// 销毁之前的任务
clearInterval(self.spec_selected_timer);
clearInterval(self.spec_selected_timerout);
// 必须存在购买和加入购物车任意一个、规格必须多个
var sku_count = app.globalData.get_length(spec_choose);
// 先清除价格展示信息
self.setData({
goods_spec_base_price: '...',
goods_spec_base_original_price: '...',
});
var num = 0;
var timer = setInterval(function () {
for (var i in spec_choose) {
// 清除价格展示信息、避免获取价格类型赋值
self.setData({
goods_spec_base_price: '...',
goods_spec_base_original_price: '...',
});
// 必须不存在已选择项
var active =
spec_choose[i]['value']
.map(function (v) {
return v.is_active;
})
.join('') || null;
if (active == null) {
// 不能选择规格处理
self.spec_handle_dont(i);
// 规格选择处理
var temp_spec = spec[i];
var status = false;
for (var k in spec_choose[i]['value']) {
// 必须是可选和未选
if (!status && (spec_choose[i]['value'][k]['is_disabled'] || null) == null && (spec_choose[i]['value'][k]['is_dont'] || null) == null && temp_spec == spec_choose[i]['value'][k]['name']) {
self.goods_spec_choice_handle(i, k);
status = true;
num++;
}
}
}
}
if (num >= sku_count) {
clearInterval(self.spec_selected_timer);
}
}, 100);
var timerout = setTimeout(function () {
clearInterval(self.spec_selected_timerout);
}, 20000);
self.setData({
spec_selected_timer: timer,
spec_selected_timerout: timerout,
});
}
},
// 默认选中第一个规格 - 智能工具箱插件
plugins_intellectstools_selected_spec_handle(spec_choose) {
// 选择处理
var self = this;
// 销毁之前的任务
clearInterval(self.spec_selected_timer);
clearInterval(self.spec_selected_timerout);
// 读取智能工具插件配置、是否开启
var config = self.plugins_intellectstools_config || null;
if (config != null && (config.is_goods_detail_selected_first_spec || 0) == 1) {
// 必须存在购买和加入购物车任意一个、规格必须多个
var sku_count = app.globalData.get_length(spec_choose);
// 先清除价格展示信息
self.setData({
goods_spec_base_price: '...',
goods_spec_base_original_price: '...',
});
var num = 0;
var timer = setInterval(function () {
for (var i in spec_choose) {
// 清除价格展示信息、避免获取价格类型赋值
self.setData({
goods_spec_base_price: '...',
goods_spec_base_original_price: '...',
});
// 必须不存在已选择项
var active =
spec_choose[i]['value']
.map(function (v) {
return v.is_active;
})
.join('') || null;
if (active == null) {
// 不能选择规格处理
self.spec_handle_dont(i);
// 规格选择处理
var status = false;
for (var k in spec_choose[i]['value']) {
// 必须是可选和未选
if (!status && (spec_choose[i]['value'][k]['is_disabled'] || null) == null && (spec_choose[i]['value'][k]['is_dont'] || null) == null) {
self.goods_spec_choice_handle(i, k);
status = true;
num++;
}
}
}
}
if (num >= sku_count) {
clearInterval(self.spec_selected_timer);
}
}, 100);
var timerout = setTimeout(function () {
clearInterval(self.spec_selected_timerout);
}, 20000);
self.setData({
spec_selected_timer: timer,
spec_selected_timerout: timerout,
});
}
},
// 弹层关闭
popup_close_event(e) {
this.setData({
popup_status: false,
});
},
// 规格事件
goods_spec_choice_event(e) {
var key = e.currentTarget.dataset.key || 0;
var keys = e.currentTarget.dataset.keys || 0;
this.goods_spec_choice_handle(key, keys);
},
// 规格选择处理
goods_spec_choice_handle(key, keys) {
var temp_spec = this.goods_spec_choose;
var temp_images = this.goods_spec_base_images;
// 不能选择和禁止选择跳过
if ((temp_spec[key]['value'][keys]['is_dont'] || null) == null && (temp_spec[key]['value'][keys]['is_disabled'] || null) == null) {
// 规格选择
for (var i in temp_spec) {
for (var k in temp_spec[i]['value']) {
if ((temp_spec[i]['value'][k]['is_dont'] || null) == null && (temp_spec[i]['value'][k]['is_disabled'] || null) == null) {
if (key == i) {
if (keys == k && (temp_spec[i]['value'][k]['is_active'] || null) == null) {
temp_spec[i]['value'][k]['is_active'] = 'cr-white bg-main br-main';
if ((temp_spec[i]['value'][k]['images'] || null) != null) {
temp_images = temp_spec[i]['value'][k]['images'];
}
} else {
temp_spec[i]['value'][k]['is_active'] = '';
}
}
}
}
}
this.setData({
goods_spec_choose: temp_spec,
goods_spec_base_images: temp_images,
});
// 不能选择规格处理
this.spec_handle_dont(key);
// 获取下一个规格类型
this.get_spec_type(key);
// 获取规格详情
this.get_spec_detail();
// 规格选择回调
this.$emit('SpecChoiceEvent', {
goods_id: this.goods.id,
spec: this.choice_spec_data(),
goods_spec_choose: this.goods_spec_choose,
});
}
},
// 获取下一个规格类型
get_spec_type(key) {
var temp_spec = this.goods_spec_choose;
var active_index = parseInt(key) + 1;
var sku_count = app.globalData.get_length(temp_spec);
if (active_index <= 0 || active_index >= sku_count) {
return false;
}
// 获取规格值
var spec = this.choice_spec_data();
if (spec.length <= 0) {
return false;
}
// 获取数据
var data = this.params;
data['id'] = this.goods.id;
data['spec'] = JSON.stringify(spec);
uni.request({
url: app.globalData.get_request_url('spectype', 'goods'),
method: 'POST',
data: data,
dataType: 'json',
success: (res) => {
if (res.data.code == 0) {
var spec_type = res.data.data.spec_type;
var spec_count = spec.length;
var index = spec_count > 0 ? spec_count : 0;
if (index < sku_count) {
for (var i in temp_spec) {
for (var k in temp_spec[i]['value']) {
if (index == i) {
temp_spec[i]['value'][k]['is_dont'] = '';
var temp_value = temp_spec[i]['value'][k]['name'];
var temp_status = false;
for (var t in spec_type) {
if (spec_type[t] == temp_value) {
temp_status = true;
break;
}
}
if (temp_status == true) {
temp_spec[i]['value'][k]['is_disabled'] = '';
} else {
temp_spec[i]['value'][k]['is_disabled'] = 'spec-items-disabled';
}
}
}
}
this.setData({
goods_spec_choose: temp_spec,
});
}
} else {
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 选择规格数据
choice_spec_data() {
var spec = [];
var temp_spec = this.goods_spec_choose;
for (var i in temp_spec) {
for (var k in temp_spec[i]['value']) {
if ((temp_spec[i]['value'][k]['is_active'] || null) != null) {
spec.push({
type: temp_spec[i]['name'],
value: temp_spec[i]['value'][k]['name'],
});
break;
}
}
}
return spec;
},
// 获取规格详情
get_spec_detail() {
// 获取规格值
var spec = this.goods_selected_spec();
// 存在规格的时候是否已完全选择规格
var sku_count = this.goods_spec_choose.length;
var active_count = spec.length;
if (spec.length <= 0 || active_count < sku_count) {
var buy_number = parseInt(this.buy_number);
var buy_min_number = parseInt(this.goods.buy_min_number || 1);
var buy_max_number = parseInt(this.goods.buy_max_number || 0);
if (buy_number < buy_min_number) {
buy_number = buy_min_number;
}
if (buy_max_number > 0 && buy_number > buy_max_number) {
buy_number = buy_max_number;
}
this.setData({
goods_spec_base_price: this.goods.price,
goods_spec_base_original_price: this.goods.original_price || 0,
goods_spec_base_inventory: this.goods.inventory,
goods_spec_base_inventory_unit: this.goods.inventory_unit,
goods_show_price_unit: this.goods.show_price_unit,
goods_show_original_price_unit: this.goods.show_original_price_unit,
goods_spec_base_buy_min_number: 0,
goods_spec_base_buy_max_number: 0,
buy_number: buy_number,
});
// 释放-调用父级
this.$emit("BackReleaseEvent");
return false;
}
// 获取数据
var data = this.params;
data['id'] = this.goods.id;
data['spec'] = JSON.stringify(spec);
data['stock'] = this.buy_number;
uni.request({
url: app.globalData.get_request_url('specdetail', 'goods'),
method: 'POST',
data: data,
dataType: 'json',
success: (res) => {
if (res.data.code == 0) {
this.goods_spec_detail_back_handle(res.data.data);
} else {
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 商品规格详情返回数据处理
goods_spec_detail_back_handle(data) {
var spec_base = data.spec_base;
var buy_number = parseInt(this.buy_number);
var spec_buy_min_number = parseInt(spec_base.buy_min_number || 1);
var spec_buy_max_number = parseInt(spec_base.buy_max_number || 0);
if (spec_buy_min_number > 0 && buy_number < spec_buy_min_number) {
buy_number = spec_buy_min_number;
}
if (spec_buy_max_number > 0 && buy_number > spec_buy_max_number) {
buy_number = spec_buy_max_number;
}
var upd_data = {
goods_spec_base_price: spec_base.price,
goods_spec_base_original_price: spec_base.original_price || 0,
goods_spec_base_inventory: parseInt(spec_base.inventory || 0),
goods_spec_base_buy_min_number: spec_buy_min_number,
goods_spec_base_buy_max_number: spec_buy_max_number,
buy_number: buy_number,
};
if((spec_base.inventory_unit || null) != null) {
upd_data['goods_spec_base_inventory_unit'] = spec_base.inventory_unit;
upd_data['goods_show_price_unit'] = ' / '+spec_base.inventory_unit;
upd_data['goods_show_original_price_unit'] = ' / '+spec_base.inventory_unit;
}
this.setData(upd_data);
// 成功-调用父级
this.$emit("BackSuccessEvent", {
buy_number: this.buy_number,
base_price: this.goods_spec_base_price,
base_original_price: this.goods_spec_base_original_price,
base_inventory: this.goods_spec_base_inventory,
base_buy_min_number: this.goods_spec_base_buy_min_number,
base_buy_max_number: this.goods_spec_base_buy_max_number,
back_data: data
});
},
// 已选的商品规格
goods_selected_spec() {
var spec = [];
var temp_spec = this.goods_spec_choose;
for (var i in temp_spec) {
for (var k in temp_spec[i]['value']) {
if ((temp_spec[i]['value'][k]['is_active'] || null) != null) {
spec.push({
type: temp_spec[i]['name'],
value: temp_spec[i]['value'][k]['name'],
});
break;
}
}
}
return spec;
},
// 不能选择规格处理
spec_handle_dont(key, is_init = 0) {
var temp_spec = this.goods_spec_choose || [];
if (temp_spec.length <= 0) {
return false;
}
// 是否不能选择
key = parseInt(key);
for (var i in temp_spec) {
for (var k in temp_spec[i]['value']) {
if (i > key) {
temp_spec[i]['value'][k]['is_dont'] = 'spec-dont-choose';
temp_spec[i]['value'][k]['is_disabled'] = '';
temp_spec[i]['value'][k]['is_active'] = '';
} else {
if (is_init == 1) {
temp_spec[i]['value'][k]['is_active'] = '';
}
}
// 当只有一个规格的时候
if (key == 0 && temp_spec.length == 1) {
temp_spec[i]['value'][k]['is_disabled'] = (temp_spec[i]['value'][k]['is_only_level_one'] || null) != null && parseInt(temp_spec[i]['value'][k]['inventory'] || 0) <= 0 ? 'spec-items-disabled' : '';
}
}
}
this.setData({
goods_spec_choose: temp_spec,
});
},
// 数量输入事件
goods_buy_number_blur(e) {
var number = parseInt(e.detail.value) || 1;
if (isNaN(number)) {
number = this.goods.buy_min_number || 1;
}
this.goods_buy_number_func(number);
},
// 数量操作事件
goods_buy_number_event(e) {
var type = parseInt(e.currentTarget.dataset.type || 0);
var temp_number = parseInt(this.buy_number);
var number = type == 0 ? temp_number - 1 : temp_number + 1;
this.goods_buy_number_func(number);
},
// 数量处理方法
goods_buy_number_func(number) {
var buy_min_number = parseInt(this.goods.buy_min_number || 1);
var buy_max_number = parseInt(this.goods.buy_max_number || 0);
var spec_buy_min_number = parseInt(this.goods_spec_base_buy_min_number || 0);
var spec_buy_max_number = parseInt(this.goods_spec_base_buy_max_number || 0);
var inventory = parseInt(this.goods_spec_base_inventory || 0);
var inventory_unit = this.goods_spec_base_inventory_unit;
// 最小起购数量
var min = spec_buy_min_number > 0 ? spec_buy_min_number : buy_min_number;
if (min > 0 && number < min) {
number = min;
app.globalData.showToast(this.$t('recommend-detail.recommend-detail.265vyu') + min + inventory_unit);
}
// 最大购买数量
var max = spec_buy_max_number > 0 ? spec_buy_max_number : buy_max_number;
if (max > 0 && number > max) {
number = max;
app.globalData.showToast(this.$t('goods-category.goods-category.z1eh3v') + max + inventory_unit);
}
// 是否超过库存数量
if (number > inventory) {
number = inventory;
app.globalData.showToast(this.$t('recommend-detail.recommend-detail.2sis3v') + inventory + inventory_unit);
}
this.setData({ buy_number: number });
// 存在规格的时候是否已完全选择规格
var spec = this.goods_selected_spec();
var sku_count = this.goods_spec_choose.length;
var active_count = spec.length;
if (sku_count > 0 && active_count < sku_count) {
return false;
}
// 获取数据
var data = this.params;
data['id'] = this.goods.id;
data['spec'] = spec;
data['stock'] = this.buy_number;
uni.request({
url: app.globalData.get_request_url('stock', 'goods'),
method: 'POST',
data: data,
dataType: 'json',
success: (res) => {
if (res.data.code == 0) {
this.goods_spec_detail_back_handle(res.data.data);
} else {
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
// 详情图片查看
goods_detail_images_view_event(e) {
var value = e.currentTarget.dataset.value || null;
if (value != null) {
uni.previewImage({
current: value,
urls: [value],
});
}
},
// 规格确认事件
spec_confirm_event(e = null) {
var user = app.globalData.get_user_info(this, 'spec_confirm_event');
if (user != false) {
// 规格
var temp_data = this.goods_spec_choose;
var sku_count = temp_data.length;
var active_count = 0;
var spec = [];
if (sku_count > 0) {
for (var i in temp_data) {
for (var k in temp_data[i]['value']) {
if ((temp_data[i]['value'][k]['is_active'] || null) != null) {
active_count++;
spec.push({
type: temp_data[i]['name'],
value: temp_data[i]['value'][k]['name'],
});
}
}
}
if (active_count < sku_count) {
app.globalData.showToast(this.$t('goods-detail.goods-detail.6brk57'));
return false;
}
}
// 操作类型
var type = (e == null) ? this.buy_event_type : (e.currentTarget.dataset.type || this.buy_event_type);
var value = (e == null) ? null : (e.currentTarget.dataset.value || null);
var business = (e == null) ? null : (e.currentTarget.dataset.business || null);
switch (type) {
// 展示型、商品页面规格选择展示型 拨打电话操作
case 'show':
case 'spec-show':
app.globalData.call_tel(value || app.globalData.get_config('config.common_app_customer_service_tel'));
break;
// 购买
case 'buy':
// 进入订单确认页面
var data = {
buy_type: 'goods',
goods_data: encodeURIComponent(
base64.encode(
JSON.stringify([
{
goods_id: this.goods.id,
stock: this.buy_number,
spec: spec,
},
])
)
)
};
// 转换数据
var data_params = encodeURIComponent(base64.encode(JSON.stringify(data)));
// 是否互联网医院插件-开处方
if(business == 'plugins-hospital') {
app.globalData.url_open('/pages/plugins/hospital/prescription/prescription?data=' + data_params);
} else {
// 默认进去订单确认页面
app.globalData.url_open('/pages/buy/buy?data=' + data_params);
}
// 关闭弹窗
this.popup_close_event();
break;
// 加入购物车
case 'cart':
this.goods_cart_event(spec);
break;
default:
app.globalData.showToast(this.$t('goods-buy.goods-buy.4maexq') + type + ')');
}
}
},
// 加入购物车事件
goods_cart_event(spec) {
var data = this.params;
data['goods_id'] = this.goods.id;
data['spec'] = JSON.stringify(spec);
data['stock'] = this.buy_number;
uni.request({
url: app.globalData.get_request_url('save', 'cart'),
method: 'POST',
data: data,
dataType: 'json',
success: (res) => {
if (res.data.code == 0) {
// 是否成功提示
if (this.is_success_tips == 1) {
app.globalData.showToast(res.data.msg, 'success');
}
var cart_number = res.data.data.buy_number;
// 调用父级
this.$emit('CartSuccessEvent', {
goods_id: this.goods.id,
spec: spec,
stock: this.buy_number,
cart_number: cart_number,
back_data: this.back_data,
goods_spec_choose: this.goods_spec_choose,
});
// 是否返回定义来源返回
if (parseInt(this.params.is_opt_buy_status || 0) == 1 && this.is_opt_back == 1) {
setTimeout(function () {
uni.navigateBack();
}, 1000);
} else {
// 关闭购买弹窗窗口
this.popup_close_event();
}
} else {
if (app.globalData.is_login_check(res.data, this, 'spec_confirm_event')) {
app.globalData.showToast(res.data.msg);
}
}
},
fail: () => {
app.globalData.showToast(this.$t('common.internet_error_tips'));
},
});
},
},
};
</script>
<style scoped>
.goods-spec-base {
height: 230rpx;
}
.goods-spec-base .spec-images {
width: 200rpx;
height: 200rpx;
position: absolute;
left: 0;
top: 0;
}
.goods-spec-base.cover-tall {
height: 280rpx;
}
.goods-spec-base.cover-tall .spec-images {
height: 244rpx;
}
.goods-spec-base-content {
position: absolute;
left: 220rpx;
top: 0;
}
.goods-spec-choice-content {
max-height: 50vh;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 20rpx;
}
.goods-spec-choice-container .item .spec .spec-btn {
background-color: #f5f5f5;
color: #666;
border: 1px solid #ccc;
}
.goods-spec-choice-container .item .spec .spec-btn:not(:last-child) {
margin-right: 25rpx;
}
.goods-spec-choice-container .item .spec .spec-btn .spec-images {
width: 40rpx;
height: 40rpx !important;
}
.goods-spec-choice-container .spec-dont-choose {
color: #b4b3b3 !important;
background-color: #ffffff !important;
border: 1px solid #ebeaea !important;
}
.goods-spec-choice-container .spec-dont-choose .spec-images {
opacity: 0.5;
}
.goods-spec-choice-container .spec-items-disabled {
color: #d2cfcf !important;
background-color: #ffffff !important;
border: 1px dashed #d5d5d5 !important;
}
.goods-spec-choice-container .spec-items-disabled .spec-images {
opacity: 0.3;
}
.goods-spec-choice-container .goods-buy-number {
height: 70rpx;
}
.goods-spec-choice-container .number-content {
position: absolute;
right: 0;
top: 0;
background: #eee;
border: 1px solid #eee;
}
.goods-spec-choice-container .number-content .number-submit {
width: 80rpx;
font-weight: bold;
}
.goods-spec-choice-container .number-content .number-input {
width: 50px;
}
.goods-spec-choice-container .number-content .number-submit,
.goods-spec-choice-container .number-content .number-input {
padding: 0;
height: 60rpx;
line-height: 60rpx;
}
.goods-spec-choice-container .buy-nav-btn-number-0 .item,
.goods-spec-choice-container .buy-nav-btn-number-1 .item {
width: 100% !important;
}
.goods-spec-choice-container .buy-nav-btn-number-2 .item {
width: 50% !important;
}
.goods-spec-choice-container .buy-nav-btn-number-3 .item {
width: 33.33% !important;
}
.goods-spec-choice-container .buy-nav-btn-number-4 .item {
width: 25% !important;
}
</style>