|
|
@ -1,5 +1,6 @@ |
|
|
// pages/user/cartlist/list.js
|
|
|
// pages/user/cartlist/list.js
|
|
|
const device = wx.getSystemInfoSync(),rect = wx.getMenuButtonBoundingClientRect(); // 获取设备信息
|
|
|
const device = wx.getSystemInfoSync(), |
|
|
|
|
|
rect = wx.getMenuButtonBoundingClientRect(); // 获取设备信息
|
|
|
const ratio = 750 / device.windowWidth; |
|
|
const ratio = 750 / device.windowWidth; |
|
|
console.log(rect) |
|
|
console.log(rect) |
|
|
const width = device.windowWidth // 示例为一个与屏幕等宽的正方形裁剪框
|
|
|
const width = device.windowWidth // 示例为一个与屏幕等宽的正方形裁剪框
|
|
|
@ -13,12 +14,13 @@ Page({ |
|
|
* 页面的初始数据 |
|
|
* 页面的初始数据 |
|
|
*/ |
|
|
*/ |
|
|
data: { |
|
|
data: { |
|
|
menuWidth:width - rect.right + rect.width + 6, |
|
|
menuWidth: width - rect.right + rect.width + 6, |
|
|
list:[], |
|
|
list: [], |
|
|
allChecked:false, |
|
|
allChecked: false, |
|
|
allPrice:0, |
|
|
allPrice: 0, |
|
|
productType:'', |
|
|
productType: '', |
|
|
flag:false,//判断订单是否同时有商品和票
|
|
|
manageFlag: false, |
|
|
|
|
|
flag: false, //判断订单是否同时有商品和票
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
@ -27,145 +29,164 @@ Page({ |
|
|
onLoad: function (options) { |
|
|
onLoad: function (options) { |
|
|
this.getList(); |
|
|
this.getList(); |
|
|
}, |
|
|
}, |
|
|
gotoDetail:function(e){ |
|
|
manage: function () { |
|
|
console.log(e) |
|
|
let list = this.data.list; |
|
|
|
|
|
list.map(item => { |
|
|
|
|
|
item.checked = 0; |
|
|
|
|
|
}) |
|
|
|
|
|
this.setData({ |
|
|
|
|
|
manageFlag: !this.data.manageFlag, |
|
|
|
|
|
allChecked: 0, |
|
|
|
|
|
list: list, |
|
|
|
|
|
allPrice: 0 |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
gotoDetail: function (e) { |
|
|
|
|
|
console.log(e) |
|
|
let item = e.currentTarget.dataset.item.product; |
|
|
let item = e.currentTarget.dataset.item.product; |
|
|
util.gotoDetail(item,1); |
|
|
util.gotoDetail(item, 1); |
|
|
}, |
|
|
}, |
|
|
getList:function(){ |
|
|
getList: function () { |
|
|
commonApi.user_post("cart/get_list",{ |
|
|
commonApi.user_post("cart/get_list", { |
|
|
// type: '1'
|
|
|
// type: '1'
|
|
|
}).then(res=>{ |
|
|
}).then(res => { |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:res.data |
|
|
list: res.data |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
minus:function(e){ |
|
|
minus: function (e) { |
|
|
let index = e.currentTarget.dataset.index,list = this.data.list; |
|
|
let index = e.currentTarget.dataset.index, |
|
|
|
|
|
list = this.data.list; |
|
|
let num = list[index].num; |
|
|
let num = list[index].num; |
|
|
if(num<=1) return; |
|
|
if (num <= 1) return; |
|
|
num = num - 1; |
|
|
num = num - 1; |
|
|
list[index].num = num; |
|
|
list[index].num = num; |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:list |
|
|
list: list |
|
|
}) |
|
|
}) |
|
|
this.changeNumber(list[index]) |
|
|
this.changeNumber(list[index]) |
|
|
this.updatePrice() |
|
|
this.updatePrice() |
|
|
}, |
|
|
}, |
|
|
add:function(e){ |
|
|
add: function (e) { |
|
|
let index = e.currentTarget.dataset.index,list = this.data.list; |
|
|
let index = e.currentTarget.dataset.index, |
|
|
let num = list[index].num+1; |
|
|
list = this.data.list; |
|
|
|
|
|
let num = list[index].num + 1; |
|
|
list[index].num = num; |
|
|
list[index].num = num; |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:list |
|
|
list: list |
|
|
}) |
|
|
}) |
|
|
this.changeNumber(list[index]) |
|
|
this.changeNumber(list[index]) |
|
|
this.updatePrice() |
|
|
this.updatePrice() |
|
|
}, |
|
|
}, |
|
|
select:function(e){ |
|
|
select: function (e) { |
|
|
let index = e.currentTarget.dataset.index,list = this.data.list; |
|
|
let index = e.currentTarget.dataset.index, |
|
|
if(list[index].product.flag!=1 || list[index].sku.flag!='on'){ |
|
|
list = this.data.list; |
|
|
|
|
|
if (list[index].product.flag != 1 || list[index].sku.flag != 'on') { |
|
|
wx.showToast({ |
|
|
wx.showToast({ |
|
|
title: '产品已下架', |
|
|
title: '产品已下架', |
|
|
icon:'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
list[index].checked = list[index].checked?false:true; |
|
|
list[index].checked = list[index].checked ? false : true; |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:list |
|
|
list: list |
|
|
}) |
|
|
}) |
|
|
this.updatePrice() |
|
|
this.updatePrice() |
|
|
}, |
|
|
}, |
|
|
selectAll:function(){ |
|
|
selectAll: function () { |
|
|
let list = this.data.list,allChecked = this.data.allChecked?false:true; |
|
|
let list = this.data.list, |
|
|
list.map(item=>{ |
|
|
allChecked = this.data.allChecked ? false : true; |
|
|
if(item.sku.flag=='on' && item.product.flag==1){ |
|
|
list.map(item => { |
|
|
|
|
|
if (item.sku.flag == 'on' && item.product.flag == 1) { |
|
|
item.checked = allChecked; |
|
|
item.checked = allChecked; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
allChecked:allChecked, |
|
|
allChecked: allChecked, |
|
|
list:list |
|
|
list: list |
|
|
}) |
|
|
}) |
|
|
this.updatePrice() |
|
|
this.updatePrice() |
|
|
}, |
|
|
}, |
|
|
changeNumber(item){ |
|
|
changeNumber(item) { |
|
|
commonApi.user_post("cart/update_sku",{ |
|
|
commonApi.user_post("cart/update_sku", { |
|
|
sku_id:item.sku.id, |
|
|
sku_id: item.sku.id, |
|
|
num:item.num |
|
|
num: item.num |
|
|
}).then(res=>{ |
|
|
}).then(res => {}) |
|
|
}) |
|
|
|
|
|
}, |
|
|
}, |
|
|
updatePrice:function(){ |
|
|
updatePrice: function () { |
|
|
let list = this.data.list,price=0; |
|
|
let list = this.data.list, |
|
|
list.map(item=>{ |
|
|
price = 0; |
|
|
if(item.checked){ |
|
|
list.map(item => { |
|
|
|
|
|
if (item.checked) { |
|
|
price = price + item.sku.price * item.num; |
|
|
price = price + item.sku.price * item.num; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
allPrice:price |
|
|
allPrice: price |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
order:function(){ |
|
|
order: function () { |
|
|
app.globalData.couponInfo = null; |
|
|
app.globalData.couponInfo = null; |
|
|
util.pagePoint({ |
|
|
util.pagePoint({ |
|
|
event:'cart_order' |
|
|
event: 'cart_order' |
|
|
},1) |
|
|
}, 1) |
|
|
let list = this.data.list,price=0,product=[],product1=[] |
|
|
let list = this.data.list, |
|
|
list.map(item=>{ |
|
|
price = 0, |
|
|
if(item.checked){ |
|
|
product = [], |
|
|
|
|
|
product1 = [] |
|
|
|
|
|
list.map(item => { |
|
|
|
|
|
if (item.checked) { |
|
|
// item.product.type="post";
|
|
|
// item.product.type="post";
|
|
|
if(item.product.type == 'post'){ |
|
|
if (item.product.type == 'post') { |
|
|
product.push({ |
|
|
product.push({ |
|
|
product:item.product, |
|
|
product: item.product, |
|
|
sku:item.sku, |
|
|
sku: item.sku, |
|
|
productNum:item.num |
|
|
productNum: item.num |
|
|
}) |
|
|
}) |
|
|
}else{ |
|
|
} else { |
|
|
product1.push(item) |
|
|
product1.push(item) |
|
|
app.globalData.list = product1 |
|
|
app.globalData.list = product1 |
|
|
} |
|
|
} |
|
|
if(item.product.type.includes('post')){ |
|
|
if (item.product.type.includes('post')) { |
|
|
this.data.productType = 'post' |
|
|
this.data.productType = 'post' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
if(product.length==0 && product1.length==0) { |
|
|
if (product.length == 0 && product1.length == 0) { |
|
|
wx.showToast({ |
|
|
wx.showToast({ |
|
|
title: '请先选择产品', |
|
|
title: '请先选择产品', |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
if (product.length>0 && product1.length>0) { |
|
|
if (product.length > 0 && product1.length > 0) { |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
flag: 'mix' |
|
|
flag: 'mix' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
app.globalData.postProduct = product; |
|
|
app.globalData.postProduct = product; |
|
|
if(app.globalData.list){ |
|
|
if (app.globalData.list) { |
|
|
app.globalData.product = app.globalData.list[app.globalData.index] |
|
|
app.globalData.product = app.globalData.list[app.globalData.index] |
|
|
} |
|
|
} |
|
|
if(this.data.productType == 'post'){ |
|
|
if (this.data.productType == 'post') { |
|
|
console.log(this.data.flag); |
|
|
console.log(this.data.flag); |
|
|
wx.navigateTo({ |
|
|
wx.navigateTo({ |
|
|
url: '/pages/order/postOrder/index?from=cart&flag='+this.data.flag, |
|
|
url: '/pages/order/postOrder/index?from=cart&flag=' + this.data.flag, |
|
|
}) |
|
|
}) |
|
|
}else{ |
|
|
} else { |
|
|
wx.navigateTo({ |
|
|
wx.navigateTo({ |
|
|
url: '/pages/order/scene/index', |
|
|
url: '/pages/order/scene/index', |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
touchStart(e){//移动前点击的位置
|
|
|
touchStart(e) { //移动前点击的位置
|
|
|
console.log(e) |
|
|
console.log(e) |
|
|
// 在开始触摸时将所有startTouchMove设置为flase,对当前的为true
|
|
|
// 在开始触摸时将所有startTouchMove设置为flase,对当前的为true
|
|
|
this.data.list.forEach(cart =>{ |
|
|
this.data.list.forEach(cart => { |
|
|
if(cart.isTouchMove)//当istouchMove为true
|
|
|
if (cart.isTouchMove) //当istouchMove为true
|
|
|
cart.isTouchMove = false;//其它的对象都为false
|
|
|
cart.isTouchMove = false; //其它的对象都为false
|
|
|
}) |
|
|
}) |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
startX: e.changedTouches[0].clientX, |
|
|
startX: e.changedTouches[0].clientX, |
|
|
@ -173,61 +194,101 @@ Page({ |
|
|
list: this.data.list |
|
|
list: this.data.list |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
touchmove(e){//移动的位置,用于计算用户滑动的弧度向左还是向右,移动了多少,可以确定删除功能的显示和隐藏
|
|
|
touchmove(e) { //移动的位置,用于计算用户滑动的弧度向左还是向右,移动了多少,可以确定删除功能的显示和隐藏
|
|
|
let index = e.currentTarget.dataset.index; |
|
|
let index = e.currentTarget.dataset.index; |
|
|
// 获取开始的x,y坐标
|
|
|
// 获取开始的x,y坐标
|
|
|
let startX = this.data.startX, |
|
|
let startX = this.data.startX, |
|
|
startY = this.data.startY; |
|
|
startY = this.data.startY; |
|
|
// 获取移动的x,x坐标
|
|
|
// 获取移动的x,x坐标
|
|
|
let touchMoveX = e.changedTouches[0].clientX, |
|
|
let touchMoveX = e.changedTouches[0].clientX, |
|
|
touchMoveY = e.changedTouches[0].clientY; |
|
|
touchMoveY = e.changedTouches[0].clientY; |
|
|
// 调用计算角度的方法,获取角度
|
|
|
// 调用计算角度的方法,获取角度
|
|
|
var angel = this.angel({ X: startX, Y: startY }, { X: touchMoveX, Y: touchMoveY }) |
|
|
var angel = this.angel({ |
|
|
|
|
|
X: startX, |
|
|
|
|
|
Y: startY |
|
|
|
|
|
}, { |
|
|
|
|
|
X: touchMoveX, |
|
|
|
|
|
Y: touchMoveY |
|
|
|
|
|
}) |
|
|
// 遍历cartArray
|
|
|
// 遍历cartArray
|
|
|
this.data.list.forEach((cart, i ) =>{ |
|
|
this.data.list.forEach((cart, i) => { |
|
|
cart.isTouchMove = false; |
|
|
cart.isTouchMove = false; |
|
|
// 滑动角度大于30,直接return 视为非滑动意思
|
|
|
// 滑动角度大于30,直接return 视为非滑动意思
|
|
|
if(Math.abs(angel) > 30) return; |
|
|
if (Math.abs(angel) > 30) return; |
|
|
// 匹配当前所点击的list和滑动的list
|
|
|
// 匹配当前所点击的list和滑动的list
|
|
|
if(i == index){ |
|
|
if (i == index) { |
|
|
// 匹配上后判断滑动方向
|
|
|
// 匹配上后判断滑动方向
|
|
|
if (touchMoveX > startX){//左滑动隐藏删除
|
|
|
if (touchMoveX > startX) { //左滑动隐藏删除
|
|
|
cart.isTouchMove = false; |
|
|
cart.isTouchMove = false; |
|
|
}else{ |
|
|
} else { |
|
|
cart.isTouchMove = true; |
|
|
cart.isTouchMove = true; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
// 更新数据
|
|
|
// 更新数据
|
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:this.data.list |
|
|
list: this.data.list |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
angel(start,end){//计算滑动的角度
|
|
|
angel(start, end) { //计算滑动的角度
|
|
|
// console.log(start,end)
|
|
|
// console.log(start,end)
|
|
|
// 移动坐标减去对应的开始坐标
|
|
|
// 移动坐标减去对应的开始坐标
|
|
|
var _X = end.X - start.X, |
|
|
var _X = end.X - start.X, |
|
|
_Y = end.Y - start.Y; |
|
|
_Y = end.Y - start.Y; |
|
|
// 返回角度 Math.atan() 返回数字的正切值
|
|
|
// 返回角度 Math.atan() 返回数字的正切值
|
|
|
return 360 * Math.atan(_Y / _X) / (2 * Math.PI) |
|
|
return 360 * Math.atan(_Y / _X) / (2 * Math.PI) |
|
|
}, |
|
|
}, |
|
|
del:function(e){ |
|
|
del: function (e) { |
|
|
let index = e.currentTarget.dataset.index,list = this.data.list; |
|
|
let index = e.currentTarget.dataset.index, |
|
|
commonApi.user_post("cart/del_sku",{ |
|
|
list = this.data.list; |
|
|
sku_id:list[index].sku_id |
|
|
commonApi.user_post("cart/del_sku", { |
|
|
}).then(res=>{ |
|
|
sku_id: list[index].sku_id |
|
|
if(res.code==1){ |
|
|
}).then(res => { |
|
|
|
|
|
if (res.code == 1) { |
|
|
wx.showToast({ |
|
|
wx.showToast({ |
|
|
title: '删除成功', |
|
|
title: '删除成功', |
|
|
icon:"success" |
|
|
icon: "success" |
|
|
}) |
|
|
}) |
|
|
list.splice(index,1); |
|
|
list.splice(index, 1); |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
list:list |
|
|
list: list |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
delM() { |
|
|
|
|
|
let that = this |
|
|
|
|
|
let arr = this.data.list |
|
|
|
|
|
let suid = [] |
|
|
|
|
|
arr.forEach(item => { |
|
|
|
|
|
if (item.checked) { |
|
|
|
|
|
suid.push(item.sku_id) |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
let skuids = suid.join(',') |
|
|
|
|
|
wx.showModal({ |
|
|
|
|
|
title: '提示', |
|
|
|
|
|
content: '确定要删除选定的产品？', |
|
|
|
|
|
success: function (res) { |
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
commonApi.user_post("cart/del_sku", { |
|
|
|
|
|
sku_id:skuids |
|
|
|
|
|
}).then(res => { |
|
|
|
|
|
if (res.code == 1) { |
|
|
|
|
|
wx.showToast({ |
|
|
|
|
|
title: '删除成功', |
|
|
|
|
|
icon: "success" |
|
|
|
|
|
}) |
|
|
|
|
|
that.getList(); |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
console.log('取消') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* 生命周期函数--监听页面初次渲染完成 |
|
|
* 生命周期函数--监听页面初次渲染完成 |
|
|
*/ |
|
|
*/ |
|
|
@ -240,14 +301,14 @@ Page({ |
|
|
*/ |
|
|
*/ |
|
|
onShow: function () { |
|
|
onShow: function () { |
|
|
util.pagePoint({ |
|
|
util.pagePoint({ |
|
|
event:'cart_view' |
|
|
event: 'cart_view' |
|
|
},1) |
|
|
}, 1) |
|
|
app.globalData.list = null |
|
|
app.globalData.list = null |
|
|
app.globalData.createDate = null |
|
|
app.globalData.createDate = null |
|
|
app.globalData.index = 0 |
|
|
app.globalData.index = 0 |
|
|
app.globalData.productPrice = 0 |
|
|
app.globalData.productPrice = 0 |
|
|
app.globalData.ticketPrice = 0 |
|
|
app.globalData.ticketPrice = 0 |
|
|
this.data.productType = '' |
|
|
this.data.productType = '' |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
|
caichunsheng
3 years ago