cart.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. import {
  2. defineStore
  3. } from 'pinia';
  4. import cartApi from '@/sheep/api/cart';
  5. const cart = defineStore({
  6. id: 'cart',
  7. state: () => ({
  8. list: [], // 购物车列表
  9. selectedIds: [], // 已选列表
  10. isAllSelected: false, //是否全选
  11. cartSelectedTotalPrice: '0.00', // 选中项总金额
  12. }),
  13. getters: {
  14. totalPriceSelected: (state) => {
  15. let price = 0;
  16. if (!state.selectedIds.length) return price.toFixed(2);
  17. state.list.forEach((item) => {
  18. price += state.selectedIds.includes(item.id) ?
  19. Number(item.sku.price / 100) * item.count :
  20. 0;
  21. });
  22. return price.toFixed(2);
  23. },
  24. },
  25. actions: {
  26. // 获取购物车列表
  27. async getList() {
  28. const {
  29. data,
  30. code
  31. } = await cartApi.list();
  32. if (code === 0) {
  33. this.list = data.validList;
  34. }
  35. },
  36. // 添加购物车
  37. async add(goodsInfo) {
  38. console.log()
  39. const {
  40. code
  41. } = await cartApi.append({
  42. // goods_id: goodsInfo.goods_id,
  43. // goods_num: goodsInfo.goods_num,
  44. // goods_sku_price_id: goodsInfo.id,
  45. count: goodsInfo.goods_num,
  46. skuId: goodsInfo.id,
  47. });
  48. if (code === 0) {
  49. this.getList();
  50. }
  51. },
  52. // 更新购物车
  53. async update(goodsInfo) {
  54. const {
  55. error
  56. } = await cartApi.update({
  57. id: goodsInfo.goods_id,
  58. count: goodsInfo.goods_num,
  59. goods_sku_price_id: goodsInfo.goods_sku_price_id,
  60. });
  61. if (error === 0) {
  62. // this.getList();
  63. }
  64. },
  65. // 移除购物车
  66. async delete(ids) {
  67. if (typeof ids === 'array') {
  68. ids = ids.join(',');
  69. }
  70. const {
  71. code
  72. } = await cartApi.delete(ids);
  73. if (code === 0) {
  74. this.selectAll(false);
  75. this.getList();
  76. }
  77. },
  78. // 选择购物车商品
  79. selectSingle(goodsId) {
  80. if (!this.selectedIds.includes(goodsId)) {
  81. this.selectedIds.push(goodsId);
  82. } else {
  83. this.selectedIds.splice(this.selectedIds.indexOf(goodsId), 1);
  84. }
  85. this.isAllSelected = this.selectedIds.length === this.list.length;
  86. },
  87. // 全选
  88. selectAll(flag) {
  89. this.isAllSelected = flag;
  90. if (!flag) {
  91. this.selectedIds = [];
  92. } else {
  93. this.list.forEach((item) => {
  94. this.selectedIds.push(item.id);
  95. });
  96. }
  97. },
  98. // 清空购物车
  99. emptyList() {
  100. this.list = [];
  101. this.selectedIds = [];
  102. this.isAllSelected = false;
  103. this.cartSelectedTotalPrice = '0.00';
  104. },
  105. },
  106. persist: {
  107. enabled: true,
  108. strategies: [{
  109. key: 'cart-store',
  110. }, ],
  111. },
  112. });
  113. export default cart;