商品详情加入购物车

pages/goods/detail/_id.vue

@@ -136,7 +136,7 @@
           <span>此商品暂无库存啦~看看其他的吧</span>
         </div>
         <div class="main__details-pay">
-          <UiButton type="yellow_line">加入购物车</UiButton>
+          <UiButton type="yellow_line" @click="addCart">加入购物车</UiButton>
           <UiButton type="yellow_panel" @click="buyNow">立即购买</UiButton>
         </div>
       </article>
@@ -176,6 +176,7 @@ import UiMoney from "@/components/UiMoney.vue";
 import UiButton from "@/components/UiButton.vue";
 import UiGoodsItem from "@/components/UiGoodsItem.vue";
 import BsChosen from "@/components/BsChosen.vue";
+import {ApiPutAddCart} from "@/plugins/api/cart";
 import {
   ApiGetGoodsDetail,
   ApiGetGoodsSkus,
@@ -418,6 +419,27 @@ export default {
         query,
       });
     },
+
+		/**
+		 * 加入购物车
+		 */
+		async addCart(){
+			if(!this.curSku.skuId){
+        this.$message.error("请选择规格~");
+				return false;
+			}
+			const {error, result} = await ApiPutAddCart({
+				productSkuId : this.curSku.skuId,
+				productId : this.detailData.id,
+				number : this.curBuyNum
+			});
+			if(error){
+				this.$message.error(error.message);
+				return false;
+			}
+			this.$message.success('加入购物车成功~');
+			// this.$Router.push('/cart');
+		},
   },
 };
 </script>