Initial Commit
This commit is contained in:
quantulr
296
pages/chuxiao/cx_details/goodsDetails.js
Normal file
296
pages/chuxiao/cx_details/goodsDetails.js
Normal file
@ -0,0 +1,296 @@
|
||||
// pages/goodsDetails/goodsDetails.js
|
||||
const app = getApp()
|
||||
const WxParse = require('../../../wxParse/wxParse.js');
|
||||
Page({
|
||||
|
||||
data: {
|
||||
ip: app.globalData.ipUrl,
|
||||
contents: '',//富文本
|
||||
standardNum: 1,//商品数量
|
||||
minusStatus: 'disabled',
|
||||
goodsList: [],
|
||||
bnrUrl: [],//轮播图
|
||||
specsIndex: 0,//选择规格
|
||||
specs: '',//规格
|
||||
integral: 0,//积分商城进入
|
||||
login: true
|
||||
},
|
||||
// 页面加载时
|
||||
onLoad: function (options) {
|
||||
console.log(options.goodsId)
|
||||
//商品ID进入
|
||||
if (options.goodsId) {
|
||||
this.setData({
|
||||
goodsId: options.goodsId
|
||||
})
|
||||
this.goodDtail()
|
||||
}
|
||||
//上级id
|
||||
if (options.pId) {
|
||||
wx.setStorage({
|
||||
data: options.pId,
|
||||
key: 'pId',
|
||||
})
|
||||
}
|
||||
//判断登录
|
||||
wx.getStorage({
|
||||
key: 'user',
|
||||
success: s => {
|
||||
this.setData({
|
||||
login: true
|
||||
})
|
||||
}, fail: f => {
|
||||
this.setData({
|
||||
login: false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 商品详情
|
||||
goodDtail() {
|
||||
wx.showLoading({
|
||||
title: '加载中',
|
||||
mask: true,
|
||||
})
|
||||
wx.request({
|
||||
url: app.globalData.ip + '/wisdommining/api/goods/getGoodsDetail',
|
||||
method: 'GET',
|
||||
header: {
|
||||
"content-type": "application/x-www-form-urlencoded",
|
||||
},
|
||||
data: {
|
||||
goodsId: this.data.goodsId,
|
||||
userId: app.globalData.userId
|
||||
},
|
||||
success: res => {
|
||||
wx.hideLoading();
|
||||
console.log(res)
|
||||
if (res.data.code == 1) {
|
||||
let goods = res.data.value;
|
||||
WxParse.wxParse('contents', 'html', goods.goodsInfo, this, 20);
|
||||
this.setData({
|
||||
goodsList: goods,
|
||||
bnrUrl: goods.goodsBanner.split(',')
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: '提示!',
|
||||
content: res.data.message,
|
||||
showCancel: false,
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 轮播
|
||||
onSlideChange(e) {
|
||||
this.setData({
|
||||
lunboindex: e.detail.current + 1
|
||||
})
|
||||
},
|
||||
//点击显示底部弹窗
|
||||
choose: function (e) {
|
||||
var choose = e.currentTarget.dataset.choose
|
||||
if(choose==1){
|
||||
wx.showToast({
|
||||
title: '促销商品无法加入购物车',
|
||||
icon:'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.setData({
|
||||
choose: choose,
|
||||
})
|
||||
this.showModal();
|
||||
},
|
||||
|
||||
//选择规格
|
||||
showModal: function () {
|
||||
// 显示遮罩层
|
||||
var animation = wx.createAnimation({
|
||||
duration: 200,
|
||||
timingFunction: "linear",
|
||||
delay: 0
|
||||
})
|
||||
this.animation = animation
|
||||
animation.translateY(300).step()
|
||||
this.setData({
|
||||
animationData: animation.export(),
|
||||
showModalStatus: true
|
||||
})
|
||||
setTimeout(function () {
|
||||
animation.translateY(0).step()
|
||||
this.setData({
|
||||
animationData: animation.export()
|
||||
})
|
||||
}.bind(this), 200)
|
||||
},
|
||||
//隐藏对话框
|
||||
hideModal(e) {
|
||||
console.log(this.data.goodsList.wisdGoodsSpecList[this.data.specsIndex].specStock)
|
||||
if(this.data.goodsList.wisdGoodsSpecList[this.data.specsIndex].specStock==0){
|
||||
wx.showToast({
|
||||
title: '库存不足!',
|
||||
icon:'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
let hide = e.currentTarget.dataset.hide;
|
||||
let goodsList = this.data.goodsList
|
||||
let goods = [{
|
||||
isDiscount:goodsList.isDiscount,//判断是否为会员折扣
|
||||
goodsPhoto: goodsList.goodsPhoto,
|
||||
goodsName: goodsList.goodsName,
|
||||
goodsId: goodsList.id,
|
||||
num: this.data.standardNum,
|
||||
specs: goodsList.wisdGoodsSpecList[this.data.specsIndex]
|
||||
}]
|
||||
|
||||
if (hide == 1) {
|
||||
// 加入购物车
|
||||
wx.showToast({
|
||||
title: '促销商品无法加入购物车~',
|
||||
icon:'none'
|
||||
})
|
||||
} else if (hide == 2) {
|
||||
//普通商品
|
||||
wx.navigateTo({
|
||||
url: '/pages/chuxiao/cartPay/cartPay?goods=' + JSON.stringify(goods),
|
||||
})
|
||||
}
|
||||
|
||||
// 隐藏遮罩层
|
||||
var animation = wx.createAnimation({
|
||||
duration: 200,
|
||||
timingFunction: "linear",
|
||||
delay: 0
|
||||
})
|
||||
this.animation = animation
|
||||
animation.translateY(300).step()
|
||||
this.setData({
|
||||
animationData: animation.export(),
|
||||
})
|
||||
setTimeout(function () {
|
||||
animation.translateY(0).step()
|
||||
this.setData({
|
||||
animationData: animation.export(),
|
||||
showModalStatus: false
|
||||
})
|
||||
}.bind(this), 200)
|
||||
},
|
||||
|
||||
// 加入购物车
|
||||
carAdd(e) {
|
||||
wx.request({
|
||||
url: app.globalData.ip + '/wisdommining/api/goods/addCart',
|
||||
method: 'POST',
|
||||
header: {
|
||||
"content-type": "application/x-www-form-urlencoded",
|
||||
"token": app.globalData.token
|
||||
},
|
||||
data: {
|
||||
userId: app.globalData.userId,
|
||||
goodsId: this.data.goodsId,
|
||||
goodsNum: this.data.standardNum,
|
||||
specId: this.data.goodsList.wisdGoodsSpecList[this.data.specsIndex].id,
|
||||
},
|
||||
success: res => {
|
||||
wx.hideLoading();
|
||||
console.log(res)
|
||||
if (res.data.code == 1) {
|
||||
wx.showToast({
|
||||
title: '添加成功,快去购物车中查看~',
|
||||
icon: 'none',
|
||||
success: s => {
|
||||
setTimeout(() => {
|
||||
this.goodDtail()
|
||||
}, 1000);
|
||||
}
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: '提示!',
|
||||
content: res.data.message,
|
||||
showCancel: false,
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 输入数量
|
||||
standardNum(e) {
|
||||
console.log('form发生了submit事件，携带数据为：', e.detail.value)
|
||||
var standardNum = e.detail.value;
|
||||
this.setData({
|
||||
standardNum: standardNum,
|
||||
});
|
||||
},
|
||||
//点击数量减少
|
||||
clickReduce: function () {
|
||||
var num = this.data.standardNum;
|
||||
if (num > 1) {
|
||||
num--;
|
||||
}
|
||||
var minusStatus = num <= 1 ? 'disabled' : 'normal';
|
||||
this.setData({
|
||||
standardNum: num,
|
||||
minusStatus: minusStatus
|
||||
});
|
||||
},
|
||||
clickAdd: function () {
|
||||
var num = this.data.standardNum;
|
||||
num++;
|
||||
var minusStatus = num < 1 ? 'disabled' : 'normal';
|
||||
this.setData({
|
||||
standardNum: num,
|
||||
minusStatus: minusStatus
|
||||
})
|
||||
},
|
||||
|
||||
//选择规格
|
||||
specsClick: function (e) {
|
||||
let index = e.target.dataset.index;
|
||||
this.setData({
|
||||
specsIndex: index
|
||||
})
|
||||
},
|
||||
|
||||
// 跳转首页
|
||||
toIndex() {
|
||||
wx.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
},
|
||||
// 跳转购物车
|
||||
toCar() {
|
||||
wx.reLaunch({
|
||||
url: '/pages/cart/cart',
|
||||
})
|
||||
},
|
||||
//去登录
|
||||
login() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/login/login?goodsId=' + this.data.goodsId,
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
app.share();
|
||||
return {
|
||||
path: '/pages/goodsDetails/goodsDetails?goodsId=' + this.data.goodsId + '&pId=' + app.globalData.userId,
|
||||
title: '三品慧采小程序等你来~'
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user