购物车逻辑完善

个人信息存储优化
团购下单

src/pages/mall/subs/goods/detail.vue

@@ -15,7 +15,7 @@
     <view class='goods-info-view c-flex-column' style='margin-right: 10rpx'>
       <view class='c-flex-row'>
         <text class='goods-price accent-text-color'>{{ goodsBean?.price || 0 }}</text>
-        <text>销量2653</text>
+        <text>销量{{ goodsBean?.send_num || 0 }}</text>
       </view>
 
       <view class='c-flex-row'>
@@ -90,7 +90,7 @@
       </view>
     </view>
   </view>
-  <sku-dialog ref='skuDialogRef' :bean='goodsBean' @confirm='confirmGoodsSku' />
+  <sku-dialog ref='skuDialogRef' :bean='goodsBean' />
 </template>
 
 <script lang='ts' setup>
@@ -98,17 +98,16 @@ import { assetsUrl } from '@/utils/assets';
 import SkuDialog from '@/components/sku-dialog.vue';
 import { goPath, showToast } from '@/utils';
 import { getGoodsDetail, getGoodsList } from '@/api/goods';
-import { GoodsBean } from '@/api/goods/types';
+import { GoodsBean, StockBean } from '@/api/goods/types';
 import useShoppingCartStore from '@/store/modules/shoppingcart';
 
-const shoppingCart = useShoppingCartStore();
-const { shoppingCartList } = storeToRefs(shoppingCart);
+const shoppingCartStore = useShoppingCartStore();
+const { shoppingCartList } = storeToRefs(shoppingCartStore);
 
 const goodsBean = ref<GoodsBean>();
 const recommendList = ref<GoodsBean[]>();
 
 const skuDialogRef = ref();
-const skuBean = ref();
 
 const bannerList = ref([]);
 const swiperIndex = ref(0);
@@ -136,27 +135,31 @@ const goBack = () => {
   uni.navigateBack();
 };
 
-const showSkuDialog = () => {
-  skuDialogRef.value.show();
-};
-
-const confirmGoodsSku = (e: any) => {
-  skuBean.value = e;
+const showSkuDialog = (fn: Function) => {
+  skuDialogRef.value.show(fn);
 };
 
 const addShoppingCart = () => {
-  shoppingCart.save(
-    {
-      ...goodsBean.value,
-      ...skuBean.value,
-      count: 1
+  showSkuDialog((e: StockBean) => {
+    const index = shoppingCartStore.getSameGoodsIndex(goodsBean.value?.id || '', e.colorId, e.sizeId);
+    if(index >= 0) {
+      shoppingCartStore.updateCount(index, e.count);
+    } else {
+      shoppingCartStore.save(
+        {
+          ...goodsBean.value,
+          checkedStock: e
+        }
+      );
     }
-  );
-  showToast('加入购物车成功');
+    showToast('加入购物车成功');
+  });
 };
 
 const placeOrder = () => {
-  goPath('/pages/mall/subs/order/order-confirm');
+  showSkuDialog((e: StockBean) => {
+    goPath('/pages/mall/subs/order/order-confirm');
+  });
 };
 </script>