655 lines
20 KiB
JavaScript
Executable File
655 lines
20 KiB
JavaScript
Executable File
const app = getApp();
|
|
Page({
|
|
data: {
|
|
indicator_dots: false,
|
|
indicator_color: 'rgba(0, 0, 0, .3)',
|
|
indicator_active_color: '#e31c55',
|
|
autoplay: true,
|
|
circular: true,
|
|
data_bottom_line_status: false,
|
|
data_list_loding_status: 1,
|
|
data_list_loding_msg: '',
|
|
params: null,
|
|
|
|
goods: null,
|
|
goods_photo: [],
|
|
goods_specifications_choose: [],
|
|
goods_content_app: [],
|
|
|
|
popup_status: false,
|
|
goods_favor_text: '收藏',
|
|
goods_favor_icon: '/images/goods-detail-favor-icon-0.png',
|
|
temp_buy_number: 1,
|
|
buy_event_type: 'buy',
|
|
nav_submit_text: '立即购买',
|
|
nav_submit_is_disabled: true,
|
|
|
|
goods_spec_base_price: 0,
|
|
goods_spec_base_original_price: 0,
|
|
goods_spec_base_inventory: 0,
|
|
goods_spec_base_images: '',
|
|
|
|
show_field_price_text: null,
|
|
|
|
goods_video_is_autoplay: false,
|
|
common_app_is_use_mobile_detail: 1,
|
|
|
|
common_app_is_online_service: 0,
|
|
|
|
// 限时秒杀插件
|
|
common_app_is_limitedtimediscount: 0,
|
|
plugins_limitedtimediscount_data: null,
|
|
plugins_limitedtimediscount_is_show_time: true,
|
|
plugins_limitedtimediscount_time_millisecond: 0
|
|
},
|
|
|
|
onLoad(params) {
|
|
//params['goods_id']=2;
|
|
this.setData({ params: params });
|
|
this.init();
|
|
},
|
|
|
|
onShow() {
|
|
swan.setNavigationBarTitle({ title: this.data.goods == null ? app.data.common_pages_title.goods_detail : this.data.goods.title });
|
|
},
|
|
|
|
// 获取数据列表
|
|
init() {
|
|
// 数据初始化
|
|
this.setData({
|
|
temp_attribute_active: {}
|
|
});
|
|
|
|
// 参数校验
|
|
if ((this.data.params.goods_id || null) == null) {
|
|
swan.stopPullDownRefresh();
|
|
this.setData({
|
|
data_bottom_line_status: false,
|
|
data_list_loding_status: 2,
|
|
data_list_loding_msg: '商品ID有误'
|
|
});
|
|
} else {
|
|
var self = this;
|
|
|
|
// 加载loding
|
|
swan.showLoading({ title: '加载中...' });
|
|
this.setData({
|
|
data_list_loding_status: 1
|
|
});
|
|
|
|
swan.request({
|
|
url: app.get_request_url("detail", "goods"),
|
|
method: "POST",
|
|
data: { goods_id: this.data.params.goods_id },
|
|
dataType: "json",
|
|
header: { 'content-type': 'application/x-www-form-urlencoded' },
|
|
success: res => {
|
|
swan.stopPullDownRefresh();
|
|
swan.hideLoading();
|
|
if (res.data.code == 0) {
|
|
var data = res.data.data;
|
|
self.setData({
|
|
goods: data.goods,
|
|
indicator_dots: data.goods.photo.length > 1,
|
|
autoplay: data.goods.photo.length > 1,
|
|
goods_photo: data.goods.photo,
|
|
goods_specifications_choose: data.goods.specifications.choose || [],
|
|
goods_content_app: data.goods.content_app || [],
|
|
temp_buy_number: data.goods.buy_min_number || 1,
|
|
goods_favor_text: data.goods.is_favor == 1 ? '已收藏' : '收藏',
|
|
goods_favor_icon: '/images/goods-detail-favor-icon-' + data.goods.is_favor + '.png',
|
|
nav_submit_text: (data.common_order_is_booking || 0) == 0 ? '立即购买' : '立即预约',
|
|
data_bottom_line_status: true,
|
|
data_list_loding_status: 3,
|
|
nav_submit_is_disabled: data.goods.is_shelves == 1 && data.goods.inventory > 0 ? false : true,
|
|
|
|
goods_spec_base_price: data.goods.price,
|
|
goods_spec_base_original_price: data.goods.original_price,
|
|
goods_spec_base_inventory: data.goods.inventory,
|
|
goods_spec_base_images: data.goods.images,
|
|
|
|
show_field_price_text: data.goods.show_field_price_text == '销售价' ? null : data.goods.show_field_price_text.replace(/<[^>]+>/g, "") || null,
|
|
common_app_is_use_mobile_detail: data.common_app_is_use_mobile_detail || 0,
|
|
common_app_is_online_service: data.common_app_is_online_service || 0,
|
|
|
|
common_app_is_limitedtimediscount: data.common_app_is_limitedtimediscount || 0,
|
|
plugins_limitedtimediscount_data: data.plugins_limitedtimediscount_data || null
|
|
});
|
|
|
|
// 限时秒杀倒计时
|
|
if (this.data.common_app_is_limitedtimediscount == 1 && this.data.plugins_limitedtimediscount_data != null) {
|
|
this.plugins_limitedtimediscount_countdown();
|
|
}
|
|
|
|
// 标题
|
|
swan.setNavigationBarTitle({ title: data.goods.title });
|
|
|
|
// 不能选择规格处理
|
|
this.goods_specifications_choose_handle_dont(0);
|
|
|
|
if (data.goods.is_shelves != 1) {
|
|
this.setData({
|
|
nav_submit_text: '商品已下架',
|
|
nav_submit_is_disabled: true
|
|
});
|
|
} else {
|
|
if (data.goods.inventory <= 0) {
|
|
this.setData({
|
|
nav_submit_text: '商品卖光了',
|
|
nav_submit_is_disabled: true
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
self.setData({
|
|
data_bottom_line_status: false,
|
|
data_list_loding_status: 0,
|
|
data_list_loding_msg: res.data.msg
|
|
});
|
|
}
|
|
},
|
|
fail: () => {
|
|
swan.stopPullDownRefresh();
|
|
swan.hideLoading();
|
|
self.setData({
|
|
data_bottom_line_status: false,
|
|
data_list_loding_status: 2,
|
|
data_list_loding_msg: '服务器请求出错'
|
|
});
|
|
|
|
app.showToast("服务器请求出错");
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
// 不能选择规格处理
|
|
goods_specifications_choose_handle_dont(key) {
|
|
var temp_data = this.data.goods_specifications_choose || [];
|
|
if (temp_data.length <= 0) {
|
|
return false;
|
|
}
|
|
|
|
// 是否不能选择
|
|
for (var i in temp_data) {
|
|
for (var k in temp_data[i]['value']) {
|
|
if (i > key) {
|
|
temp_data[i]['value'][k]['is_dont'] = 'spec-dont-choose', temp_data[i]['value'][k]['is_disabled'] = '';
|
|
temp_data[i]['value'][k]['is_active'] = '';
|
|
}
|
|
|
|
// 当只有一个规格的时候
|
|
if (key == 0 && temp_data.length == 1) {
|
|
temp_data[i]['value'][k]['is_disabled'] = (temp_data[i]['value'][k]['is_only_level_one'] || null) != null && (temp_data[i]['value'][k]['inventory'] || 0) <= 0 ? 'spec-items-disabled' : '';
|
|
}
|
|
}
|
|
}
|
|
this.setData({ goods_specifications_choose: temp_data });
|
|
},
|
|
|
|
// 下拉刷新
|
|
onPullDownRefresh() {
|
|
this.init();
|
|
},
|
|
|
|
// 进入商品属性事件
|
|
good_attribute_nav_event(e) {
|
|
swan.navigateTo({
|
|
url: "/pages/goods-attribute/goods-attribute?data=" + JSON.stringify(this.data.goods_attribute_show)
|
|
});
|
|
},
|
|
|
|
// 购买弹层关闭
|
|
popup_close_event(e) {
|
|
this.setData({ popup_status: false });
|
|
},
|
|
|
|
// 进入店铺
|
|
shop_event(e) {
|
|
swan.switchTab({
|
|
url: '/pages/index/index'
|
|
});
|
|
},
|
|
|
|
// 加入购物车
|
|
cart_submit_event(e) {
|
|
this.setData({ popup_status: true, buy_event_type: 'cart' });
|
|
},
|
|
|
|
// 立即购买
|
|
buy_submit_event(e) {
|
|
this.setData({ popup_status: true, buy_event_type: 'buy' });
|
|
},
|
|
|
|
// 收藏事件
|
|
goods_favor_event(e) {
|
|
var user = app.get_user_cache_info(this, 'goods_favor_event');
|
|
// 用户未绑定用户则转到登录页面
|
|
if (app.user_is_need_login(user)) {
|
|
swan.navigateTo({
|
|
url: "/pages/login/login?event_callback=init"
|
|
});
|
|
return false;
|
|
} else {
|
|
swan.showLoading({ title: '处理中...' });
|
|
|
|
swan.request({
|
|
url: app.get_request_url('favor', 'goods'),
|
|
method: 'POST',
|
|
data: { "id": this.data.goods.id },
|
|
dataType: 'json',
|
|
success: res => {
|
|
swan.hideLoading();
|
|
if (res.data.code == 0) {
|
|
var status = this.data.goods.is_favor == 1 ? 0 : 1;
|
|
this.setData({
|
|
'goods.is_favor': status,
|
|
goods_favor_text: status == 1 ? '已收藏' : '收藏',
|
|
goods_favor_icon: '/images/goods-detail-favor-icon-' + status + '.png'
|
|
});
|
|
app.showToast(res.data.msg, "success");
|
|
} else {
|
|
app.showToast(res.data.msg);
|
|
}
|
|
},
|
|
fail: () => {
|
|
swan.hideLoading();
|
|
|
|
app.showToast('服务器请求出错');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
// 加入购物车事件
|
|
goods_cart_event(e, spec) {
|
|
var user = app.get_user_cache_info(this, 'goods_cart_event');
|
|
// 用户未绑定用户则转到登录页面
|
|
if (app.user_is_need_login(user)) {
|
|
swan.navigateTo({
|
|
url: "/pages/login/login?event_callback=init"
|
|
});
|
|
return false;
|
|
} else {
|
|
swan.showLoading({ title: '处理中...' });
|
|
swan.request({
|
|
url: app.get_request_url('save', 'cart'),
|
|
method: 'POST',
|
|
data: { "goods_id": this.data.goods.id, "stock": this.data.temp_buy_number, "spec": JSON.stringify(spec) },
|
|
dataType: 'json',
|
|
success: res => {
|
|
swan.hideLoading();
|
|
if (res.data.code == 0) {
|
|
this.popup_close_event();
|
|
app.showToast(res.data.msg, "success");
|
|
} else {
|
|
app.showToast(res.data.msg);
|
|
}
|
|
},
|
|
fail: () => {
|
|
swan.hideLoading();
|
|
|
|
app.showToast('服务器请求出错');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
// 规格事件
|
|
goods_specifications_event(e) {
|
|
var key = e.currentTarget.dataset.key || 0;
|
|
var keys = e.currentTarget.dataset.keys || 0;
|
|
var temp_data = this.data.goods_specifications_choose;
|
|
var temp_images = this.data.goods_spec_base_images;
|
|
|
|
// 不能选择和禁止选择跳过
|
|
if ((temp_data[key]['value'][keys]['is_dont'] || null) == null && (temp_data[key]['value'][keys]['is_disabled'] || null) == null) {
|
|
// 规格选择
|
|
for (var i in temp_data) {
|
|
for (var k in temp_data[i]['value']) {
|
|
if ((temp_data[i]['value'][k]['is_dont'] || null) == null && (temp_data[i]['value'][k]['is_disabled'] || null) == null) {
|
|
if (key == i) {
|
|
if (keys == k && (temp_data[i]['value'][k]['is_active'] || null) == null) {
|
|
temp_data[i]['value'][k]['is_active'] = 'spec-active';
|
|
if ((temp_data[i]['value'][k]['images'] || null) != null) {
|
|
temp_images = temp_data[i]['value'][k]['images'];
|
|
}
|
|
} else {
|
|
temp_data[i]['value'][k]['is_active'] = '';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.setData({ goods_specifications_choose: temp_data, goods_spec_base_images: temp_images, temp_buy_number: this.data.goods.buy_min_number || 1 });
|
|
|
|
// 不能选择规格处理
|
|
this.goods_specifications_choose_handle_dont(key);
|
|
|
|
// 获取下一个规格类型
|
|
this.get_goods_specifications_type(key);
|
|
|
|
// 获取规格详情
|
|
this.get_goods_specifications_detail();
|
|
}
|
|
},
|
|
|
|
// 获取下一个规格类型
|
|
get_goods_specifications_type(key) {
|
|
var temp_data = this.data.goods_specifications_choose;
|
|
var active_index = key + 1;
|
|
var sku_count = temp_data.length;
|
|
|
|
if (active_index <= 0 || active_index >= sku_count) {
|
|
return false;
|
|
}
|
|
|
|
// 获取规格值
|
|
var spec = [];
|
|
for (var i in temp_data) {
|
|
for (var k in temp_data[i]['value']) {
|
|
if ((temp_data[i]['value'][k]['is_active'] || null) != null) {
|
|
spec.push({ "type": temp_data[i]['name'], "value": temp_data[i]['value'][k]['name'] });
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (spec.length <= 0) {
|
|
return false;
|
|
}
|
|
|
|
// 获取数据
|
|
swan.request({
|
|
url: app.get_request_url('spectype', 'goods'),
|
|
method: 'POST',
|
|
data: { "id": this.data.goods.id, "spec": JSON.stringify(spec) },
|
|
dataType: 'json',
|
|
success: res => {
|
|
if (res.data.code == 0) {
|
|
var spec_count = spec.length;
|
|
var index = spec_count > 0 ? spec_count : 0;
|
|
if (index < sku_count) {
|
|
for (var i in temp_data) {
|
|
for (var k in temp_data[i]['value']) {
|
|
if (index == i) {
|
|
temp_data[i]['value'][k]['is_dont'] = '';
|
|
var temp_value = temp_data[i]['value'][k]['name'];
|
|
var temp_status = false;
|
|
for (var t in res.data.data) {
|
|
if (res.data.data[t] == temp_value) {
|
|
temp_status = true;
|
|
break;
|
|
}
|
|
}
|
|
if (temp_status == true) {
|
|
temp_data[i]['value'][k]['is_disabled'] = '';
|
|
} else {
|
|
temp_data[i]['value'][k]['is_disabled'] = 'spec-items-disabled';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.setData({ goods_specifications_choose: temp_data });
|
|
}
|
|
} else {
|
|
app.showToast(res.data.msg);
|
|
}
|
|
},
|
|
fail: () => {
|
|
app.showToast("服务器请求出错");
|
|
}
|
|
});
|
|
},
|
|
|
|
// 获取规格详情
|
|
get_goods_specifications_detail() {
|
|
// 是否全部选中
|
|
var temp_data = this.data.goods_specifications_choose;
|
|
var sku_count = temp_data.length;
|
|
var active_count = 0;
|
|
|
|
// 获取规格值
|
|
var spec = [];
|
|
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'] });
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (spec.length <= 0 || active_count < sku_count) {
|
|
this.setData({
|
|
goods_spec_base_price: this.data.goods.price,
|
|
goods_spec_base_original_price: this.data.goods.original_price,
|
|
goods_spec_base_inventory: this.data.goods.inventory
|
|
});
|
|
return false;
|
|
}
|
|
|
|
// 获取数据
|
|
swan.request({
|
|
url: app.get_request_url('specdetail', 'goods'),
|
|
method: 'POST',
|
|
data: { "id": this.data.goods.id, "spec": JSON.stringify(spec) },
|
|
dataType: 'json',
|
|
success: res => {
|
|
if (res.data.code == 0) {
|
|
this.setData({
|
|
goods_spec_base_price: res.data.data.price,
|
|
goods_spec_base_original_price: res.data.data.original_price,
|
|
goods_spec_base_inventory: res.data.data.inventory
|
|
});
|
|
} else {
|
|
app.showToast(res.data.msg);
|
|
}
|
|
},
|
|
fail: () => {
|
|
app.showToast("服务器请求出错");
|
|
}
|
|
});
|
|
},
|
|
|
|
// 数量输入事件
|
|
goods_buy_number_blur(e) {
|
|
var buy_number = parseInt(e.detail.value) || 1;
|
|
this.setData({ temp_buy_number: buy_number });
|
|
this.goods_buy_number_func(buy_number);
|
|
},
|
|
|
|
// 数量操作事件
|
|
goods_buy_number_event(e) {
|
|
var type = parseInt(e.currentTarget.dataset.type) || 0;
|
|
var temp_buy_number = parseInt(this.data.temp_buy_number);
|
|
if (type == 0) {
|
|
var buy_number = temp_buy_number - 1;
|
|
} else {
|
|
var buy_number = temp_buy_number + 1;
|
|
}
|
|
this.goods_buy_number_func(buy_number);
|
|
},
|
|
|
|
// 数量处理方法
|
|
goods_buy_number_func(buy_number) {
|
|
var buy_min_number = parseInt(this.data.goods.buy_min_number) || 1;
|
|
var buy_max_number = parseInt(this.data.goods.buy_max_number) || 0;
|
|
var inventory = parseInt(this.data.goods_spec_base_inventory);
|
|
var inventory_unit = this.data.goods.inventory_unit;
|
|
if (buy_number < buy_min_number) {
|
|
buy_number = buy_min_number;
|
|
if (buy_min_number > 1) {
|
|
app.showToast('起购' + buy_min_number + inventory_unit);
|
|
}
|
|
}
|
|
if (buy_max_number > 0 && buy_number > buy_max_number) {
|
|
buy_number = buy_max_number;
|
|
app.showToast('限购' + buy_max_number + inventory_unit);
|
|
}
|
|
if (buy_number > inventory) {
|
|
buy_number = inventory;
|
|
app.showToast('库存数量' + inventory + inventory_unit);
|
|
}
|
|
this.setData({ temp_buy_number: buy_number });
|
|
},
|
|
|
|
// 确认
|
|
goods_buy_confirm_event(e) {
|
|
var user = app.get_user_cache_info(this, 'goods_buy_confirm_event');
|
|
// 用户未绑定用户则转到登录页面
|
|
if (app.user_is_need_login(user)) {
|
|
swan.navigateTo({
|
|
url: "/pages/login/login?event_callback=init"
|
|
});
|
|
return false;
|
|
} else {
|
|
// 属性
|
|
var temp_data = this.data.goods_specifications_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.showToast('请选择属性');
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// 操作类型
|
|
switch (this.data.buy_event_type) {
|
|
case 'buy':
|
|
// 进入订单确认页面
|
|
var data = {
|
|
"buy_type": "goods",
|
|
"goods_id": this.data.goods.id,
|
|
"stock": this.data.temp_buy_number,
|
|
"spec": JSON.stringify(spec)
|
|
};
|
|
swan.navigateTo({
|
|
url: '/pages/buy/buy?data=' + JSON.stringify(data)
|
|
});
|
|
this.popup_close_event();
|
|
break;
|
|
|
|
case 'cart':
|
|
this.goods_cart_event(e, spec);
|
|
break;
|
|
|
|
default:
|
|
app.showToast("操作事件类型有误");
|
|
}
|
|
}
|
|
},
|
|
|
|
// 详情图片查看
|
|
goods_detail_images_view_event(e) {
|
|
var value = e.currentTarget.dataset.value || null;
|
|
if (value != null) {
|
|
swan.previewImage({
|
|
current: 0,
|
|
urls: [value]
|
|
});
|
|
}
|
|
},
|
|
// 商品相册图片查看
|
|
goods_photo_view_event(e) {
|
|
var index = e.currentTarget.dataset.index;
|
|
var all = [];
|
|
for (var i in this.data.goods_photo) {
|
|
all.push(this.data.goods_photo[i]['images']);
|
|
}
|
|
swan.previewImage({
|
|
current: index,
|
|
urls: all
|
|
});
|
|
},
|
|
|
|
// 视频播放
|
|
goods_video_play_event(e) {
|
|
this.setData({ goods_video_is_autoplay: true });
|
|
},
|
|
|
|
// 视频关闭
|
|
goods_video_close_event(e) {
|
|
this.setData({ goods_video_is_autoplay: false });
|
|
},
|
|
|
|
// 显示秒杀插件-倒计时
|
|
plugins_limitedtimediscount_countdown() {
|
|
var hours = this.data.plugins_limitedtimediscount_data.time.hours || 0;
|
|
var minutes = this.data.plugins_limitedtimediscount_data.time.minutes || 0;
|
|
var seconds = this.data.plugins_limitedtimediscount_data.time.seconds || 0;
|
|
var self = this;
|
|
if (hours > 0 || minutes > 0 || seconds > 0) {
|
|
// 秒
|
|
var timer = setInterval(function () {
|
|
if (seconds <= 0) {
|
|
if (minutes > 0) {
|
|
minutes--;
|
|
seconds = 59;
|
|
} else if (hours > 0) {
|
|
hours--;
|
|
minutes = 59;
|
|
seconds = 59;
|
|
}
|
|
} else {
|
|
seconds--;
|
|
}
|
|
|
|
self.setData({
|
|
'plugins_limitedtimediscount_data.time.hours': hours < 10 && hours.length == 1 ? '0' + hours : hours,
|
|
'plugins_limitedtimediscount_data.time.minutes': minutes < 10 && minutes.length == 1 ? '0' + minutes : minutes,
|
|
'plugins_limitedtimediscount_data.time.seconds': seconds < 10 && seconds.length == 1 ? '0' + seconds : seconds
|
|
});
|
|
|
|
if (hours <= 0 && minutes <= 0 && seconds <= 0) {
|
|
// 停止时间
|
|
clearInterval(timer);
|
|
|
|
// 活动已结束
|
|
self.setData({
|
|
'plugins_limitedtimediscount_data.desc': '活动已结束',
|
|
plugins_limitedtimediscount_is_show_time: false
|
|
});
|
|
}
|
|
}, 1000);
|
|
|
|
// 毫秒
|
|
var count = 0;
|
|
var timers = setInterval(function () {
|
|
count++;
|
|
self.setData({ plugins_limitedtimediscount_time_millisecond: count });
|
|
if (count > 9) {
|
|
count = 0;
|
|
}
|
|
if (self.data.plugins_limitedtimediscount_data.time.hours <= 0 && self.data.plugins_limitedtimediscount_data.time.minutes <= 0 && self.data.plugins_limitedtimediscount_data.time.seconds <= 0) {
|
|
clearInterval(timers);
|
|
}
|
|
}, 100);
|
|
} else {
|
|
// 活动已结束
|
|
self.setData({
|
|
'plugins_limitedtimediscount_data.desc': '活动已结束',
|
|
plugins_limitedtimediscount_is_show_time: false
|
|
});
|
|
}
|
|
},
|
|
|
|
// 自定义分享
|
|
onShareAppMessage() {
|
|
return {
|
|
title: app.data.application_title + '-' + this.data.goods.title,
|
|
desc: app.data.application_describe,
|
|
path: '/pages/goods-detail/goods-detail?share=goods-detail&goods_id=' + this.data.goods.id
|
|
};
|
|
}
|
|
|
|
}); |