From 1d79f53aa02064333c65d7be483dbf0381f973d8 Mon Sep 17 00:00:00 2001
From: yjy <kinorville@163.com>
Date: Thu, 21 Sep 2023 09:41:04 +0800
Subject: [PATCH] yjy

---
 src/components/user/Cart.vue | 56 +++++++++++++++++++++++++++++-------
 src/request/api.js           |  2 ++
 2 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/src/components/user/Cart.vue b/src/components/user/Cart.vue
index 6f39def..2c30d44 100644
--- a/src/components/user/Cart.vue
+++ b/src/components/user/Cart.vue
@@ -8,6 +8,7 @@
               :class="
                 checkAll ? 'iconfont icon-xuanzhong' : 'iconfont icon-fangkuang'
               "
+              @click="checkAll=!checkAll"
             ></i>
           </th>
           <th style="width: 30%">礼品信息</th>
@@ -26,6 +27,7 @@
                   ? 'iconfont icon-xuanzhong'
                   : 'iconfont icon-fangkuang'
               "
+              @click="checkList[index]=!checkList[index]"
             ></i>
           </td>
           <td>
@@ -40,27 +42,31 @@
           <td>{{ item.coin }}</td>
           <td>
             <div class="step">
-              <button @click="sub(index)">-</button>
+              <button @click="addCart(item.id, item.total - 1)">-</button>
               <!-- <input type="text" disabled v-model="stepNum" /> -->
               {{ item.total }}
-              <button @click="add(index)">+</button>
+              <button @click="addCart(item.id, item.total + 1)">+</button>
             </div>
           </td>
           <td>{{ item.coin * item.total }}</td>
           <td>
-            <span class="del">删除</span>
+            <span class="del" @click="deleteCart(item.id)">删除</span>
           </td>
         </tr>
       </tbody>
     </table>
-    <div class="total">总计：<span>0鸡腿</span></div>
+    <div class="total">总计：<span>鸡腿</span></div>
     <div class="submit">提交</div>
   </div>
 </template>
 
 <script setup>
 import { reactive, ref } from "vue";
-import { cartAPI } from "../../request/api";
+import { cartAPI, deleteCartAPI, cartAddAPI } from "../../request/api";
+import { userInfos } from "../../store/modules/userInfos";
+
+const storeuserInfos = userInfos();
+
 // import { storeToRefs } from "pinia";
 // import { userInfos } from "../../store/modules/userInfos";
 // 创建store对象
@@ -94,16 +100,46 @@ const checkList = reactive([]);
 // 展示购物车内的商品方法
 async function showYourGoods() {
   const res = await cartAPI();
-  // console.log(res.data);
+  console.log(res.data);
   shopGoods.value = res.data;
 }
 showYourGoods();
 
-// 增加商品
-function add(index) {
-  shopGoods.value[index].total++;
+async function addCart(id, num) {
+  // 发起加入购物车请求
+  if (num > 0) {
+    const res = await cartAddAPI({
+      productId: id,
+      total: num,
+      modified: 1,
+    });
+    if (res.code == 0) {
+      storeuserInfos.initCartTotal(res.data.total);
+    } else {
+      alert(res.message);
+    }
+  }else{
+    alert("商品数量不能减少了哟~");
+  }
+
+  showYourGoods();
 }
-// 减少商品
+
+async function deleteCart(id) {
+  const res = await deleteCartAPI(id);
+  if (res.code == 0) {
+    storeuserInfos.initCartTotal(res.data.total);
+  } else {
+    alert(res.message);
+  }
+  showYourGoods();
+}
+
+// // 增加商品
+// function add() {
+//   shopGoods.value[index].total++;
+// }
+//减少商品
 function sub(index) {
   if (shopGoods.value[index].total > 1) {
     shopGoods.value[index].total--;
diff --git a/src/request/api.js b/src/request/api.js
index 8899913..3fd6e6f 100644
--- a/src/request/api.js
+++ b/src/request/api.js
@@ -41,3 +41,5 @@ export const cartAddAPI = (data) =>
 
 // 获取购物车内的商品
 export const cartAPI = () => request.get("/shop/carts");
+
+export const deleteCartAPI = (id) => request.delete(`/shop/carts?productIds=${id}`);
-- 
Gitee