From fdd5bbfb3b32e80a0af09ef1622542534ce78c1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Thu, 17 Jul 2025 18:25:20 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E5=AF=B9=E6=8E=A5=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/shop.js                   |   2 +-
 packages/shop/index/index.vue | 792 ++++++++++++++++++++--------------
 2 files changed, 463 insertions(+), 331 deletions(-)

diff --git a/api/shop.js b/api/shop.js
index 192cd1ce..3b0214b3 100644
--- a/api/shop.js
+++ b/api/shop.js
@@ -6,5 +6,5 @@ export const apiArr = {
   getCarCount:"/api/v2/wechat/commodity/cart/all_count",//购物车数量
   addCar:"/api/v2/wechat/commodity/cart/add",//添加购物车
   deleteCar:"/api/v2/wechat/commodity/cart/delete",//删除购物车
-  updateCar:"/api/v2/wechat/commodity/cart/update",
+  updateCar:"/api/v2/wechat/commodity/cart/update",//更新购物车
 }
\ No newline at end of file
diff --git a/packages/shop/index/index.vue b/packages/shop/index/index.vue
index 3733ceba..4bcdc7e3 100644
--- a/packages/shop/index/index.vue
+++ b/packages/shop/index/index.vue
@@ -1,368 +1,500 @@
 <template>
-	<div class="container">
-		<!-- 顶部展开后的阴影 -->
-		<div class="boxshadow" v-if="topShow"></div>
-		<div class="header" :class="topShow ? 'op0' : ''">
-			<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
-				<div class="searchBox_left">
-					<!-- <u-icon name="arrow-left" size="20px" color="#000"></u-icon> -->
-				</div>
-				<div class="searchBox_ipt" @click="searchPage">
-					<image
-						src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-						mode="aspectFill"></image>
-					<input disabled type="text" placeholder="输入商品名称">
-				</div>
-			</div>
-			<div class="slide">
-				<div class="slide_con">
-					<div v-for="(item, index) in CateList" :key="index" class="slide_conBox">
-						<view class="slide_item">
-							<image :src="picUrl + item.category_pic" mode="aspectFill"></image>
-							<text>{{ item.category_name }}</text>
-						</view>
-					</div>
-				</div>
+  <div class="container">
+    <!-- 顶部展开后的阴影 -->
+    <div class="boxshadow" v-if="topShow"></div>
+    <div class="header" :class="topShow ? 'op0' : ''">
+      <div
+        class="searchBox"
+        :style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
+      >
+        <div class="searchBox_left">
+          <!-- <u-icon name="arrow-left" size="20px" color="#000"></u-icon> -->
+        </div>
+        <div class="searchBox_ipt" @click="searchPage">
+          <image
+            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+            mode="aspectFill"
+          ></image>
+          <input disabled type="text" placeholder="输入商品名称" />
+        </div>
+      </div>
+      <div class="slide">
+        <div class="slide_con">
+          <div
+            v-for="(item, index) in CateList"
+            :key="index"
+            class="slide_conBox"
+            @click="changeCate(item.id)"
+          >
+            <view class="slide_item">
+              <image
+                :src="picUrl + item.category_pic"
+                mode="aspectFill"
+              ></image>
+              <text>{{ item.category_name }}</text>
+            </view>
+          </div>
+        </div>
 
-				<div class="open" @click="topOpen" v-if="!topShow">
-					展 开
-					<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_openIcon.png"
-						mode="aspectFill"></image>
-				</div>
-			</div>
+        <div class="open" @click="topOpen" v-if="!topShow">
+          展 开
+          <image
+            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_openIcon.png"
+            mode="aspectFill"
+          ></image>
+        </div>
+      </div>
+    </div>
 
-		</div>
+    <!-- 整体展开的顶部 -->
+    <div class="header header2" v-if="topShow">
+      <div
+        class="searchBox"
+        :style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
+      >
+        <div class="searchBox_left">
+          <u-icon name="arrow-left" size="20px" color="#000"></u-icon>
+        </div>
+        <div class="searchBox_ipt">
+          <image
+            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+            mode="aspectFill"
+          ></image>
+          <input type="text" placeholder="输入商品名称" />
+        </div>
+      </div>
 
-		<!-- 整体展开的顶部 -->
-		<div class="header header2" v-if="topShow">
-			<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
-				<div class="searchBox_left">
-					<u-icon name="arrow-left" size="20px" color="#000"></u-icon>
-				</div>
-				<div class="searchBox_ipt">
-					<image
-						src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-						mode="aspectFill"></image>
-					<input type="text" placeholder="输入商品名称">
-				</div>
-			</div>
+      <div class="slide">
+        <div class="slide_con">
+          <div
+            v-for="(item, index) in CateList"
+            :key="index"
+            class="slide_conBox"
+          >
+            <view class="slide_item">
+              <image
+                :src="picUrl + item.category_pic"
+                mode="aspectFill"
+              ></image>
+              <text>{{ item.category_name }}</text>
+            </view>
+          </div>
+        </div>
+      </div>
 
-			<div class="slide">
-				<div class="slide_con">
-					<div v-for="(item, index) in CateList" :key="index" class="slide_conBox">
-						<view class="slide_item">
-							<image :src="picUrl + item.category_pic" mode="aspectFill"></image>
-							<text>{{ item.category_name }}</text>
-						</view>
-					</div>
-				</div>
-			</div>
+      <div class="hides" @click="topOpen">
+        收起 <u-icon name="arrow-up"></u-icon>
+      </div>
+    </div>
 
-			<div class="hides" @click="topOpen">
-				收起 <u-icon name="arrow-up"></u-icon>
-			</div>
-		</div>
-
-
-		<div class="Con">
-			<div class="Con_left">
-				<div class="CateItem" v-for="item in leftCateList" :key="item.id" @click="changeLeftCate(item.id)">
-					<!-- <image v-if="false" class="hot"
+    <div class="Con">
+      <div class="Con_left">
+        <div
+          class="CateItem"
+          v-for="item in leftCateList"
+          :key="item.id"
+          @click="changeLeftCate(item.id)"
+        >
+          <!-- <image v-if="false" class="hot"
 						src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_hot.png"
 						mode="aspectFill">
 					</image> -->
-					<!-- <image class="bao"
+          <!-- <image class="bao"
 						src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_bao.png"
 						mode="aspectFill"></image> -->
-					{{ item.category_name }}
-				</div>
-			</div>
-			<div class="Con_right">
-				<div class="CateList_Box" :class="cateListShow ? 'bgf' : ''">
-					<div class="CateList" ref="cateListRef">
-						<div class="CateList_Item" v-for="(item, index) in tagList" :key="item.id"
-							:class="index == rightTopActive ? 'CateList_Item_active' : ''" @click="checkItem(index)">{{ item.tag_name }}
-						</div>
+          {{ item.category_name }}
+        </div>
+      </div>
+      <div class="Con_right">
+        <div class="CateList_Box" :class="cateListShow ? 'bgf' : ''">
+          <div class="CateList" ref="cateListRef">
+            <div
+              class="CateList_Item"
+              v-for="(item, index) in tagList"
+              :key="item.id"
+              :class="index == rightTopActive ? 'CateList_Item_active' : ''"
+              @click="checkItem(index)"
+            >
+              {{ item.tag_name }}
+            </div>
+          </div>
+          <div class="more" @click="changeCateListShow">
+            <u-icon v-if="!cateListShow" name="arrow-down"></u-icon>
+            <u-icon v-if="cateListShow" name="arrow-up"></u-icon>
+          </div>
+        </div>
+        <!-- 右下展开的内容 -->
+        <div class="activeCateList" v-if="cateListShow">
+          <div
+            class="CateList_Item"
+            v-for="(item, index) in tagList"
+            :key="index"
+            :class="index == rightTopActive ? 'CateList_Item_active' : ''"
+            @click="checkItem(index)"
+          >
+            {{ item.tag_name }}
+          </div>
+        </div>
+        <!-- 右下阴影 -->
+        <div class="boxshadow2" v-if="cateListShow"></div>
 
-					</div>
-					<div class="more" @click="changeCateListShow">
-						<u-icon v-if="!cateListShow" name="arrow-down"></u-icon>
-						<u-icon v-if="cateListShow" name="arrow-up"></u-icon>
-					</div>
-				</div>
-				<!-- 右下展开的内容 -->
-				<div class="activeCateList" v-if="cateListShow">
-					<div class="CateList_Item" v-for="(item, index) in tagList" :key="index"
-						:class="index == rightTopActive ? 'CateList_Item_active' : ''" @click="checkItem(index)">{{ item.tag_name }}
-					</div>
-				</div>
-				<!-- 右下阴影 -->
-				<div class="boxshadow2" v-if="cateListShow"></div>
+        <div class="CateInfo" v-for="(item, index) in tagList" :key="item.id">
+          <div class="CateInfo_tit">
+            {{ item.tag_name }}
+          </div>
+          <div
+            class="CateInfo_Item"
+            v-for="items in item.commodity_info_list"
+            :key="items.id"
+          >
+            <div class="CateInfo_Item_Box">
+              <div class="CateInfo_Item_left" @click="goods(items.id)">
+                <image
+                  :src="picUrl + items.commodity_pic"
+                  mode="aspectFill"
+                ></image>
+              </div>
+              <div class="CateInfo_Item_right" :class="GGshow ? 'noneBor' : ''">
+                <div class="CateInfo_Item_right_Tit" @click="goods(items.id)">
+                  {{ items.commodity_name }}
+                </div>
+                <div
+                  class="CateInfo_Item_right_subtit"
+                  @click="goods(items.id)"
+                >
+                  {{ items.commodity_intro }}
+                </div>
+                <div class="CateInfo_Item_Money">
+                  <div class="CateInfo_Item_Money_left">
+                    <span>￥</span
+                    >{{ items.commodity_goods_info_list[0].sales_price }}
+                  </div>
+                  <div
+                    class="CateInfo_Item_Money_right"
+                    v-if="!(items.commodity_goods_info_list.length > 1)"
+                  >
+                    <u-number-box
+                      :min="0"
+                      v-model="items.quantity"
+                      @change="handleQuantityChange(items)"
+                    >
+                      <view slot="minus" class="minus">
+                        <u-icon name="minus" size="20"></u-icon>
+                      </view>
+                      <text
+                        slot="input"
+                        style="width: 50px; text-align: center"
+                        class="input"
+                        >{{ items.quantity ? items.quantity : 0 }}</text
+                      >
+                      <view slot="plus" class="plus">
+                        <u-icon name="plus" color="#FFFFFF" size="20"></u-icon>
+                      </view>
+                    </u-number-box>
+                  </div>
+                </div>
 
-				<div class="CateInfo" v-for="(item, index) in tagList" :key="item.id">
-					<div class="CateInfo_tit">
-						{{ item.tag_name }}
-					</div>
-					<div class="CateInfo_Item" v-for="items in item.commodity_info_list" :key="items.id">
-						<div class="CateInfo_Item_Box">
-							<div class="CateInfo_Item_left" @click="goods(items.id)">
-								<image
-									:src="picUrl + items.commodity_pic"
-									mode="aspectFill"></image>
-							</div>
-							<div class="CateInfo_Item_right" :class="GGshow ? 'noneBor' : ''">
-								<div class="CateInfo_Item_right_Tit" @click="goods(items.id)">{{items.commodity_name}}</div>
-								<div class="CateInfo_Item_right_subtit" @click="goods(items.id)">{{items.commodity_intro}}</div>
-								<div class="CateInfo_Item_Money">
-									<div class="CateInfo_Item_Money_left">
-										<span>￥</span>{{ items.commodity_goods_info_list[0].sales_price }}
-									</div>
-									<div class="CateInfo_Item_Money_right">
-										<u-number-box v-model="value">
-											<view slot="minus" class="minus">
-												<u-icon name="minus" size="20"></u-icon>
-											</view>
-											<text slot="input" style="width: 50px;text-align: center;" class="input">{{
-												value }}</text>
-											<view slot="plus" class="plus">
-												<u-icon name="plus" color="#FFFFFF" size="20"></u-icon>
-											</view>
-										</u-number-box>
-									</div>
-								</div>
+                <div
+                  class="gg"
+                  @click="chooseGG(items)"
+                  v-if="
+                    items.commodity_goods_info_list.length > 1 && !items.isShow
+                  "
+                >
+                  选择规格
+                  <u-icon
+                    name="arrow-down"
+                    size="26rpx"
+                    color="#FF370B"
+                  ></u-icon>
+                </div>
 
-								<div class="gg" @click="chooseGG(items)" v-if="items.commodity_goods_info_list.length > 1 && !items.isShow">
-									选择规格 <u-icon name="arrow-down" size="26rpx" color="#FF370B"></u-icon>
-								</div>
+                <div
+                  class="gg"
+                  @click="chooseGG(items)"
+                  v-if="
+                    items.commodity_goods_info_list.length > 1 && items.isShow
+                  "
+                >
+                  收起
+                  <u-icon name="arrow-up" size="26rpx" color="#FF370B"></u-icon>
+                </div>
+              </div>
+            </div>
 
-								<div class="gg" @click="chooseGG(items)" v-if="items.commodity_goods_info_list.length > 1 && items.isShow">
-									收起 <u-icon name="arrow-up" size="26rpx" color="#FF370B"></u-icon>
-								</div>
+            <div class="GGList" v-if="items.isShow">
+              <div
+                class="GGItem"
+                v-for="ite in items.commodity_goods_info_list"
+                @click="goods(items.id)"
+              >
+                <div class="GGItem_Image">
+                  <image
+                    :src="picUrl + ite.commodity_pic"
+                    mode="aspectFill"
+                  ></image>
+                </div>
+                <div class="GGItem_Con">
+                  <div class="GGItem_Con_Tit">{{ ite.goods_name }}</div>
+                  <div class="GGItem_Con_Msg">
+                    <div class="GGItem_Con_Msg_left">
+                      <span>￥</span>{{ ite.sales_price }}
+                    </div>
+                    <div class="GGItem_Con_Msg_right">
+                      <u-number-box
+                        v-model="ite.quantity"
+                        :min="0"
+                        @change="handleQuantityChange(ite)"
+                      >
+                        <view slot="minus" class="minus">
+                          <u-icon name="minus" size="20"></u-icon>
+                        </view>
+                        <text
+                          slot="input"
+                          style="width: 50px; text-align: center"
+                          class="input"
+                          >{{ ite.quantity ? ite.quantity : 0 }}</text
+                        >
+                        <view slot="plus" class="plus">
+                          <u-icon
+                            name="plus"
+                            color="#FFFFFF"
+                            size="20"
+                          ></u-icon>
+                        </view>
+                      </u-number-box>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
 
-							</div>
-						</div>
-
-						<div class="GGList" v-if="items.isShow">
-							<div class="GGItem" v-for="ite in items.commodity_goods_info_list" @click="goods(items.id)">
-								<div class="GGItem_Image">
-									<image
-										:src="picUrl + ite.commodity_pic"
-										mode="aspectFill"></image>
-								</div>
-								<div class="GGItem_Con">
-									<div class="GGItem_Con_Tit">{{ite.goods_name}}</div>
-									<div class="GGItem_Con_Msg">
-										<div class="GGItem_Con_Msg_left">
-											<span>￥</span>{{ ite.sales_price }}
-										</div>
-										<div class="GGItem_Con_Msg_right">
-											<u-number-box v-model="value">
-												<view slot="minus" class="minus">
-													<u-icon name="minus" size="20"></u-icon>
-												</view>
-												<text slot="input" style="width: 50px;text-align: center;"
-													class="input">{{
-														value }}</text>
-												<view slot="plus" class="plus">
-													<u-icon name="plus" color="#FFFFFF" size="20"></u-icon>
-												</view>
-											</u-number-box>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-
-
-					<!-- 按钮 -->
-					<!-- <div class="btn">
+          <!-- 按钮 -->
+          <!-- <div class="btn">
 						查看全部商品
 						<div class="cir">
 							<u-icon name="arrow-right" color="#fff" size="12px"></u-icon>
 						</div>
 					</div> -->
-				</div>
+        </div>
+      </div>
+    </div>
 
+    <nav-footer :current="2" />
 
-			</div>
-		</div>
-
-		<nav-footer :current="2" />
-
-		<div class="shop_car" @click="shopCar">
-			<u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge>
-			<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"></image>
-			<!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_empty.png"></image> -->
-		</div>
-
-	</div>
+    <div class="shop_car" @click="shopCar">
+      <u-badge
+        numberType="limit"
+        type="error"
+        max="99"
+        :value="carNum"
+      ></u-badge>
+      <image
+        src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"
+      ></image>
+      <!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_empty.png"></image> -->
+    </div>
+  </div>
 </template>
 
 <script>
-import {
-	apiArr
-} from '../../../api/shop';
-import {
-	picUrl,
-	menuButtonInfo,
-	request,
-	NavgateTo
-} from '../../../utils';
+import { apiArr } from "../../../api/shop";
+import { picUrl, menuButtonInfo, request, NavgateTo } from "../../../utils";
 export default {
+  data() {
+    return {
+      picUrl,
+      flag: false,
+      top: "",
+      localHeight: "",
+      search: "",
+      value: "1",
+      cateListShow: false,
+      iconList: [
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon1.png",
+          name: "休闲零食",
+        },
 
-	data() {
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon2.png",
+          name: "肉蛋果蔬",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon3.png",
+          name: "酒水饮料",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon4.png",
+          name: "家具电器",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png",
+          name: "电脑手机",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon1.png",
+          name: "休闲零食",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon2.png",
+          name: "肉蛋果蔬",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon3.png",
+          name: "酒水饮料",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon4.png",
+          name: "家具电器",
+        },
+        {
+          icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png",
+          name: "电脑手机",
+        },
+      ],
 
-		return {
-			picUrl,
-			flag: false,
-			top: "",
-			localHeight: "",
-			search: "",
-			value: "1",
-			cateListShow: false,
-			iconList: [
+      rightTopActive: 0,
+      topShow: false,
 
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon1.png",
-					name: "休闲零食"
-				},
+      GGshow: false,
+      CateList: [], //分类列表
+      currentFirstId: "",
+      leftCateList: [], //底部左侧分类
+      currentSecondId: "",
+      rightCateList: [], //底部右侧分类
+      currentThirdId: "",
 
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon2.png",
-					name: "肉蛋果蔬"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon3.png",
-					name: "酒水饮料"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon4.png",
-					name: "家具电器"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png",
-					name: "电脑手机"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon1.png",
-					name: "休闲零食"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon2.png",
-					name: "肉蛋果蔬"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon3.png",
-					name: "酒水饮料"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon4.png",
-					name: "家具电器"
-				},
-				{
-					icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png",
-					name: "电脑手机"
-				},
-			],
+      tagList: [],
+      carNum: "",
+    };
+  },
+  methods: {
+    changeCate(id) {
+      // 根据id查找对应的分类
+      const category = this.CateList.find((item) => item.id === id);
+      if (category) {
+        // 将leftCateList设置为该分类的二级分类，若为null则设为空数组
+        this.leftCateList = category.level_two_category || [];
+        this.secondId = this.leftCateList[0]?.id;
+        this.getGoodsList();
+      }
+    },
+    //顶部分类点击
+    changeCateListShow() {
+      this.cateListShow = !this.cateListShow;
+    },
+    //选择右下角分类
+    checkItem(index) {
+      this.rightTopActive = index;
+    },
+    //右下角点击更多
+    topOpen() {
+      this.topShow = !this.topShow;
+    },
+    // 选择商品规格
+    chooseGG(e) {
+      e.isShow = !e.isShow;
+    },
+    //搜索页
+    searchPage() {
+      NavgateTo("../search/index");
+    },
+    //商品详情页
+    goods(e) {
+      NavgateTo(`../goods/index?id=${e}`);
+    },
 
-			rightTopActive: 0,
-			topShow: false,
+    // 购物车
+    shopCar() {
+      NavgateTo("../shopCar/index");
+    },
+    //分类列表
+    getCateList() {
+      request(apiArr.goodsCateList, "POST", {}).then((res) => {
+        console.log(res);
+        this.CateList = res.commodity_category_list;
+        this.firstId = res.commodity_category_list[0].id;
+        this.leftCateList = res.commodity_category_list[0].level_two_category;
+        this.secondId = res.commodity_category_list[0].level_two_category[0].id;
+        this.getGoodsList();
+      });
+    },
 
-			GGshow: false,
-			CateList:[],//分类列表
-			currentFirstId:"",
-			leftCateList:[], //底部左侧分类
-			currentSecondId:"",
-			rightCateList:[], //底部右侧分类
-			currentThirdId:"",
+    getGoodsList() {
+      if (!this.secondId) {
+        this.tagList = [];
+        return;
+      }
+      request(apiArr.getGoodsList, "POST", {
+        user_id: uni.getStorageSync("userId"),
+        id: this.secondId,
+      }).then((res) => {
+        res.commodity_list.forEach((item) => {
+          item.commodity_info_list.forEach((item) => {
+            item.isShow = false;
+          });
+        });
+        this.tagList = res.commodity_list;
+      });
+    },
 
-			tagList:[],
-			carNum:"",
-		}
-	},
-	methods: {
-		//顶部分类点击
-		changeCateListShow() {
-			this.cateListShow = !this.cateListShow
-		},
-		//选择右下角分类
-		checkItem(index) {
-			this.rightTopActive = index
-		},
-		//右下角点击更多
-		topOpen() {
-			this.topShow = !this.topShow
-		},
-		// 选择商品规格
-		chooseGG(e) {
-			e.isShow = !e.isShow
-		},
-		//搜索页
-		searchPage() {
-			NavgateTo('../search/index')
-		},
-		//商品详情页
-		goods(e) {
-			NavgateTo(`../goods/index?id=${e}`)
-		},
+    getShopCarList() {
+      request(apiArr.getCar, "POST").then((res) => {
+        console.log(res);
+        this.carNum = res.total;
+      });
+    },
 
-		// 购物车
-		shopCar(){
-			NavgateTo("../shopCar/index")
-		},
-		//分类列表
-		getCateList(){
-			request(apiArr.goodsCateList,"POST",{}).then(res=>{
-				console.log(res);
-				this.CateList = res.commodity_category_list
-				this.firstId = res.commodity_category_list[0].id
-				this.leftCateList = res.commodity_category_list[0].level_two_category
-				this.secondId = res.commodity_category_list[0].level_two_category[0].id
-				this.getGoodsList()
-			})
-		},
-
-		getGoodsList(){
-			request(apiArr.getGoodsList,'POST',{
-				user_id:"",
-				id:this.secondId
-			}).then(res=>{
-				res.commodity_list.forEach(item => {
-					item.commodity_info_list.forEach(item=>{
-						item.isShow = false
-					})
-				});
-				this.tagList = res.commodity_list
-			})
-		},
-
-		getShopCarList(){
-			request(apiArr.getCar,"POST",).then(res=>{
-				console.log(res);
-				this.carNum = res.total
-			})
-		},
-
-		changeLeftCate(e){
-			this.secondId = e
-			this.getGoodsList()
-		},
-
-	},
-	onLoad(options) {
-		const meun = menuButtonInfo();
-		this.top = meun.top;
-		this.localHeight = meun.height;
-		this.getCateList()
-		this.getShopCarList()
-	},
-	onReachBottom() {
-		if (this.flag) {
-
-		}
-	},
-}
+    changeLeftCate(e) {
+      this.secondId = e;
+      this.getGoodsList();
+    },
+    //商品数量变化
+    handleQuantityChange(item) {
+      console.log("🚀 ~ handleQuantityChange ~ value:", item);
+      const goodsId = "";
+      if (item.commodity_goods_info_list.length) {
+        this.goodsId = item.commodity_goods_info_list[0].id;
+      } else {
+        this.goodsId = item.id;
+      }
+      const params = {
+        user_id: uni.getStorageSync("userId"),
+        goods_id_and_count: [
+          {
+            goods_id: this.goodsId,
+            count: item.quantity ? item.quantity + 1 : 1,
+          },
+        ],
+      };
+      console.log("🚀 ~ handleQuantityChange ~ params:", params);
+      request(apiArr.updateCar, "POST", params).then((res) => {
+        console.log(res);
+        uni.showToast({
+          title: "操作成功！",
+          success() {
+            // setTimeout(() => {
+            // 	that.getBanlance()
+            // }, 1500)
+          },
+        });
+      });
+    },
+  },
+  onLoad(options) {
+    const meun = menuButtonInfo();
+    this.top = meun.top;
+    this.localHeight = meun.height;
+    this.getCateList();
+    this.getShopCarList();
+  },
+  onReachBottom() {
+    if (this.flag) {
+    }
+  },
+};
 </script>
 
 <style>