350 lines
12 KiB
JavaScript
350 lines
12 KiB
JavaScript
/**
|
||
* WanlShop状态管理器 - 购物车
|
||
*
|
||
* @ author 深圳前海万联科技有限公司 <wanlshop@i36k.com>
|
||
* < 程序仅用作FastAdmin付费插件API测试使用，非FastAdmin购买授权，未经版权所有权人书面许可，不能用于商业用途！>
|
||
* < 购物车状态管理器，不得复制、二次开发到第三方项目，否则我们会追究其法律责任 >
|
||
**/
|
||
import Vue from 'vue';
|
||
import fun from '../../common/wanlshop_function';
|
||
export default {
|
||
namespaced: true,
|
||
state: {
|
||
list: [], // 购物车数据
|
||
cartnum: 0, // 商品数量
|
||
allchoose: 0, //店铺选中个数
|
||
allsum: 0, //总计价格
|
||
allnum: 0, //总计数量
|
||
allredpocket:0,
|
||
status: false, //全选选中状态
|
||
operate: false //管理购物车状态
|
||
},
|
||
actions: {
|
||
async operate({state}) {
|
||
state.operate = !state.operate;
|
||
},
|
||
async get({state, dispatch, rootState}){
|
||
setTimeout(()=> {
|
||
// 初始化购物车复用同步购物车
|
||
if (rootState.user.isLogin) {
|
||
// 如果登录则同步
|
||
dispatch('login');
|
||
}else{
|
||
// 否则 初始化客户端，购物车用本地赋值，后续格式化购物车数据，整理
|
||
uni.getStorageSync("wanlshop:cart") ? dispatch('format', uni.getStorageSync("wanlshop:cart")) : '';
|
||
}
|
||
}, 1000);
|
||
},
|
||
async login({state, dispatch}){
|
||
let cart = uni.getStorageSync("wanlshop:cart");
|
||
// 强制合并
|
||
await uni.request({
|
||
url: '/wanlshop/cart/synchro',
|
||
method: 'POST',
|
||
data: {
|
||
cart: cart ? cart: null
|
||
},
|
||
success: res => {
|
||
dispatch('format', res.data);
|
||
}
|
||
});
|
||
},
|
||
// 操作商品 1.0.2升级 ---------------------------------------------------------------------------
|
||
async choose({state, dispatch}, {index, keys}) {
|
||
let cart = state.list[index];
|
||
let goods = cart.products[keys];
|
||
!goods.checked ? dispatch('choosetrue', {cart:cart, goods:goods}) : dispatch('choosefalse', {cart:cart, goods:goods});
|
||
},
|
||
async choosetrue({state}, {cart, goods}) {
|
||
//将商品选中状态改为true
|
||
goods.checked = true;
|
||
// 选中商品数量先+1
|
||
cart.choose++;
|
||
// 再与该店铺商品数量比较，如果相等就更改店铺选中状态为true
|
||
if (cart.choose === cart.products.length) {
|
||
cart.check = true;
|
||
}
|
||
//如果店铺选中状态改为true
|
||
if (cart.check) {
|
||
// 选中店铺，数量先+1
|
||
state.allchoose++;
|
||
// 再与店铺数量比较，如果相等就更改全选选中状态为true
|
||
if (state.allchoose === state.list.length) {
|
||
state.status = true;
|
||
}else{
|
||
state.status = false;
|
||
}
|
||
}
|
||
|
||
// console.log("红包",fun.bcadd(state.allredpocket, goods.sum))
|
||
state.allsum = fun.bcadd(state.allsum, goods.sum);
|
||
// state.allredpocket +=Number(goods.allredpocket);
|
||
console.log(state,goods,"666")
|
||
if(goods.allredpocket){
|
||
state.allredpocket =(Number(state.allredpocket)+Number(goods.allredpocket)).toFixed(2);
|
||
}else{
|
||
// goods.allredpocket = goods.number*Number(goods.sku.redpocket)
|
||
Vue.set(goods,"allredpocket",goods.number*Number(goods.sku.redpocket))
|
||
state.allredpocket =(Number(state.allredpocket)+Number(goods.allredpocket)).toFixed(2);
|
||
}
|
||
state.allnum += goods.number;
|
||
|
||
},
|
||
async choosefalse({state}, {cart, goods}) {
|
||
// 将商品选中状态改为false
|
||
goods.checked = false;
|
||
// 选中商品数量-1
|
||
cart.choose--;
|
||
//如果店铺是被选中的，更改店铺选中状态
|
||
if (cart.check) {
|
||
cart.check = false;
|
||
//并且选中店铺数量-1
|
||
state.allchoose--;
|
||
}
|
||
state.status = false; //无论之前全选的状态，将其改为false就行
|
||
state.allsum = fun.bcsub(state.allsum, goods.sum); //商品总计价格变动
|
||
state.allnum -= goods.number;
|
||
console.log(state.allredpocket,goods,"1234")
|
||
state.allredpocket =(Number(state.allredpocket)-Number(goods.allredpocket)).toFixed(2);
|
||
|
||
|
||
},
|
||
// 操作店铺
|
||
async shopchoose({dispatch}, cart) {
|
||
!cart.check ? dispatch('shoptrue', cart) : dispatch('shopfalse', cart);
|
||
},
|
||
async shoptrue({dispatch}, cart) {
|
||
//循环店铺中的商品，先筛选出目前没选中的商品，给它执行choosetrue
|
||
cart.products.forEach((goods) => {
|
||
goods.checked === false && dispatch('choosetrue', {cart:cart, goods:goods});
|
||
})
|
||
},
|
||
async shopfalse({dispatch}, cart) {
|
||
//循环店铺中的商品，先筛选出目前被选中的商品，给它执行choosefalse
|
||
cart.products.forEach((goods) => {
|
||
goods.checked === true && dispatch('choosefalse', {cart:cart, goods:goods});
|
||
})
|
||
},
|
||
// 全选
|
||
async cartchoose({state, dispatch}) {
|
||
state.status = !state.status //取反改变状态
|
||
//根据取反后的状态进行相应的店铺按钮操作
|
||
state.status ? state.list.forEach((cart) => dispatch('shoptrue', cart)) : state.list.forEach((cart) => dispatch('shopfalse', cart));
|
||
},
|
||
// 结算
|
||
async settlement({state, dispatch, rootState}){
|
||
let data = [];
|
||
state.list.forEach((cart, index) => {
|
||
cart.products.forEach((goods, key) => {
|
||
if (goods.checked) {
|
||
data.push({
|
||
goods_id: goods.goods_id,
|
||
number: goods.number,
|
||
sku_id: goods.sku.id
|
||
});
|
||
}
|
||
});
|
||
});
|
||
// 判断是否登录
|
||
rootState.user.isLogin ? uni.navigateTo({url: `/pages/user/order/addorder?type=cart&data=${JSON.stringify(data)}`}) : uni.navigateTo({url: `/pages/user/auth/auth`});
|
||
},
|
||
// 整理本地数据、云端同步数据-------------------------------------------需要同步----------
|
||
async format({state, dispatch}, data){
|
||
let map = {},dest = [];
|
||
for (let i = 0; i < data.length; i++) {
|
||
let cart = data[i];
|
||
// 1.0.2升级 读取数据库暂时取消所有已选
|
||
cart.checked = false;
|
||
if (!map[cart.shop_id]) {
|
||
dest.push({
|
||
shop_id: cart.shop_id,
|
||
shop_name: cart.shop_name,
|
||
products: [cart],
|
||
check: false,
|
||
choose: 0
|
||
});
|
||
map[cart.shop_id] = cart;
|
||
} else {
|
||
for (let j = 0; j < dest.length; j++) {
|
||
let dj = dest[j];
|
||
if (dj.shop_id == cart.shop_id) {
|
||
dj.products.push(cart);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
state.list = dest;
|
||
state.cartnum = 0;
|
||
state.allchoose = 0;
|
||
state.allsum = 0;
|
||
state.allnum = 0;
|
||
state.allredpocket = 0;
|
||
state.status = false; // 全选选中状态
|
||
state.operate = false; // 管理购物车状态
|
||
dispatch('storage', {type: 'synchro'});
|
||
},
|
||
// 加
|
||
async bcadd({state, dispatch}, goods) {
|
||
goods.number++;
|
||
goods.sum = fun.bcadd(goods.sum, goods.sku.price);
|
||
goods.allredpocket = (Number(goods.allredpocket) + Number(goods.sku.redpocket)).toFixed(2)
|
||
|
||
if (goods.checked) {
|
||
state.allnum++;
|
||
state.allsum = fun.bcadd(state.allsum, goods.sku.price);
|
||
console.log(state,goods,"加")
|
||
state.allredpocket =(Number(state.allredpocket)+Number(goods.sku.redpocket)).toFixed(2);
|
||
}
|
||
dispatch('storage', {type: 'bcadd', goods: goods});
|
||
},
|
||
// 减
|
||
async bcsub({state, dispatch}, goods) {
|
||
if (goods.number > 1){
|
||
goods.number--;
|
||
goods.sum = fun.bcsub(goods.sum, goods.sku.price);
|
||
goods.allredpocket = (Number(goods.allredpocket) - Number(goods.sku.redpocket)).toFixed(2)
|
||
if (goods.checked) {
|
||
state.allnum--;
|
||
state.allsum = fun.bcsub(state.allsum, goods.sku.price);
|
||
state.allredpocket =(Number(state.allredpocket)-Number(goods.sku.redpocket)).toFixed(2);
|
||
console.log(state.allredpocket,goods.sku.redpocket,"减")
|
||
}
|
||
dispatch('storage', {type: 'bcsub', goods: goods});
|
||
}
|
||
},
|
||
// 添加购物车---------------------------------------------------------------------------
|
||
async add({state, dispatch}, goods){
|
||
let isshop = -1;
|
||
let data = {goods_id: goods.goods_id,sku_id: goods.sku_id,title: goods.title,image: goods.image,sku: goods.sku,number: goods.number,sum: goods.sum,checked: false};
|
||
state.list.find((item, index)=> {
|
||
if(item.shop_id == goods.shop_id){
|
||
isshop = index;
|
||
}
|
||
});
|
||
// 新店铺
|
||
if (isshop == -1) {
|
||
state.list.push({
|
||
shop_id: goods.shop_id,
|
||
shop_name: goods.shop_name,
|
||
products: [data],
|
||
check: false, //店铺选中状态
|
||
choose: 0, //商品选中个数
|
||
});
|
||
}else{
|
||
// 老店铺追加
|
||
let products = state.list[isshop].products;
|
||
let isgoods = -1;
|
||
products.find((item, index)=> {
|
||
if(item.goods_id === goods.goods_id && item.sku_id === goods.sku_id){
|
||
isgoods = index;
|
||
}
|
||
});
|
||
if (isgoods == -1) {
|
||
// 有新，即不会全选，复用以上方法全取消
|
||
dispatch('shopfalse', state.list[isshop]);
|
||
products.push(data);
|
||
}else{
|
||
// 商品已存在，只添加数量
|
||
let shop = products[isgoods];
|
||
shop.number += goods.number;
|
||
shop.sum = fun.bcmul(goods.sku.price, shop.number);
|
||
// 如果店铺全选,必须取消店铺全选
|
||
if (shop.checked) {
|
||
state.allnum += goods.number;
|
||
state.allsum = fun.bcadd(state.allsum, fun.bcmul(goods.sku.price, goods.number));
|
||
console.log(state,"7890",goods)
|
||
}
|
||
}
|
||
}
|
||
dispatch('storage', {type: 'add', goods: goods});
|
||
},
|
||
// 移动入关注
|
||
async move({state, dispatch, rootState}){
|
||
// 判断是否登录
|
||
rootState.user.isLogin ? dispatch('storage', {type: 'follow'}) : uni.navigateTo({url: `/pages/user/auth/auth`});
|
||
},
|
||
// 删除购物车
|
||
async del({state, dispatch}){
|
||
// 判断是否全选如果全选直接清空
|
||
if (state.status) {
|
||
dispatch('empty');
|
||
}else{
|
||
dispatch('storage', {type: 'del'});
|
||
}
|
||
},
|
||
// 清空购物车
|
||
async empty({state, dispatch}){
|
||
state.list = [];
|
||
state.cartnum = 0;
|
||
state.allchoose = 0;
|
||
state.allsum = 0;
|
||
state.allnum = 0;
|
||
state.redpocket = 0;
|
||
state.allredpocket = 0;
|
||
state.status = false; // 全选选中状态
|
||
state.operate = false; // 管理购物车状态
|
||
dispatch('storage', {type: 'empty'});
|
||
},
|
||
// 数据操作 1.0.2升级
|
||
async storage({state, dispatch, rootState}, {type, goods}){
|
||
let cloud = null; // 云端更新条件
|
||
let storage = []; // 本地更新条件
|
||
// 删除，移动关注需要用到
|
||
let select = []; // 选中数据
|
||
let unchecked = []; // 未选中数据
|
||
// 操作数据
|
||
if(type == 'empty'){
|
||
cloud = {type: type};
|
||
}else{
|
||
// 遍历
|
||
state.list.forEach((cart, index) => {
|
||
cart.products.forEach((item, key) => {
|
||
let data = {shop_id: cart.shop_id,shop_name: cart.shop_name,goods_id: item.goods_id,title: item.title,number: item.number,image: item.image,sku: item.sku,sku_id: item.sku_id,sum: item.sum,checked: item.checked};
|
||
if (type == 'del' || type == 'follow') {
|
||
if (item.checked) {
|
||
select.push(data);
|
||
}else{
|
||
unchecked.push(data);
|
||
}
|
||
}else{
|
||
storage.push(data);
|
||
}
|
||
});
|
||
});
|
||
// 统计数量
|
||
state.cartnum = storage.length;
|
||
// 整理数据
|
||
if(type == 'bcsub' || type == 'bcadd'){
|
||
cloud = {type: type, goods_id: goods.goods_id, sku_id: goods.sku_id, number: goods.number, sum: goods.sum};
|
||
}else if(type == 'del' || type == 'follow'){
|
||
dispatch('format', unchecked);
|
||
storage = unchecked;
|
||
cloud = {type: type, data: select};
|
||
// 取消管理
|
||
state.operate = false;
|
||
}else if(type == 'add'){
|
||
cloud = {type: type, data: goods};
|
||
// 取消全选
|
||
state.status = false;
|
||
}
|
||
}
|
||
// 操作云端
|
||
if (cloud != null && rootState.user.isLogin) {
|
||
await uni.request({
|
||
url: '/wanlshop/cart/storage',
|
||
method: 'POST',
|
||
data: cloud,
|
||
success: res => {
|
||
if (type == 'follow') {
|
||
rootState.statistics.dynamic.collection = rootState.statistics.dynamic.collection + res.data;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// 保存本地
|
||
uni.setStorageSync("wanlshop:cart", storage);
|
||
}
|
||
}
|
||
};
|