133 lines
3.7 KiB
JavaScript
133 lines
3.7 KiB
JavaScript
import {url} from '../request'
|
|
Page({
|
|
data: {
|
|
id: '',
|
|
checked: false, // 全选的状态
|
|
productList: [], // 商品列表
|
|
checkValues: [] // 每个商品的选中状态
|
|
},
|
|
|
|
onShow() {
|
|
my.getStorage({
|
|
key: 'userInfo',
|
|
success: (res) => {
|
|
const userInfo = res.data;
|
|
this.setData({
|
|
id: userInfo.id, // 获取 id
|
|
});
|
|
|
|
if (userInfo && userInfo.cookie) {
|
|
my.request({
|
|
url: url + '/api/cart/selectByUserId',
|
|
method: 'POST',
|
|
data: {
|
|
id: this.data.id,
|
|
},
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
'Cookie': userInfo.cookie,
|
|
},
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
if (res.data.code === 0) {
|
|
const cartItems = res.data.data;
|
|
this.fetchProductDetails(cartItems);
|
|
}
|
|
},
|
|
fail: (error) => {
|
|
console.error('请求失败: ', JSON.stringify(error));
|
|
my.alert({ content: '请求失败，请稍后重试' });
|
|
},
|
|
});
|
|
} else {
|
|
my.alert({
|
|
content: '您未登录，请先登录。',
|
|
success: () => {
|
|
my.navigateTo({
|
|
url: '/pages/denglu/denglu',
|
|
});
|
|
},
|
|
});
|
|
}
|
|
},
|
|
});
|
|
},
|
|
|
|
fetchProductDetails(cartItems) {
|
|
const promises = cartItems.map((item) => {
|
|
return new Promise((resolve, reject) => {
|
|
my.request({
|
|
url: url + '/api/commodities/getById/commodities',
|
|
method: 'GET',
|
|
data: { id: this.data.id },
|
|
headers: { 'content-type': 'application/json' },
|
|
success: (res) => {
|
|
if (res.data.code === 0) {
|
|
resolve(res.data.data);
|
|
} else {
|
|
reject(`商品信息获取失败: ${res.data.message}`);
|
|
}
|
|
},
|
|
fail: (error) => {
|
|
reject(error);
|
|
},
|
|
});
|
|
});
|
|
});
|
|
|
|
Promise.all(promises)
|
|
.then((productList) => {
|
|
this.setData({
|
|
productList,
|
|
selectedItems: new Array(productList.length).fill(false), // 初始化所有商品的选中状态
|
|
});
|
|
})
|
|
.catch((error) => {
|
|
console.error('商品信息获取失败: ', error);
|
|
my.alert({ content: '商品信息获取失败，请稍后重试' });
|
|
});
|
|
},
|
|
onChange(value, e) {
|
|
console.log(value, e);
|
|
},
|
|
|
|
// 全选控制
|
|
toggleChange() {
|
|
var checkboxes = document.getElementsByClassName('checkbox');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = true; // 设置为选中状态
|
|
}
|
|
},
|
|
|
|
// 单独控制每个商品的选中状态
|
|
handleCheckedChange(e) {
|
|
console.log(e); // 打印出 e 对象，检查其结构
|
|
const index = e.target.dataset.index; // 获取当前商品的索引
|
|
if (index === undefined) {
|
|
console.error('e.target.dataset.index is undefined');
|
|
return;
|
|
}
|
|
const selectedItems = [...this.data.selectedItems]; // 获取当前的选中状态
|
|
selectedItems[index] = e.detail.value; // 更新该商品的选中状态
|
|
this.setData({
|
|
selectedItems, // 更新选中状态
|
|
});
|
|
},
|
|
|
|
// 计算总价
|
|
calculateTotalPrice() {
|
|
const selectedItems = this.data.selectedItems;
|
|
const productList = this.data.productList;
|
|
let totalPrice = 0;
|
|
selectedItems.forEach((selected, index) => {
|
|
if (selected) {
|
|
totalPrice += parseFloat(productList[index].commoditiesPrice);
|
|
}
|
|
});
|
|
this.setData({
|
|
totalPrice: totalPrice.toFixed(2),
|
|
});
|
|
},
|
|
});
|
|
|