优化

src/pages/mall/subs/search/index.vue

@@ -14,20 +14,23 @@
           <image class='goods-image' :src='item.images' />
           <text class='goods-name'>{{ item.goodsName }}</text>
           <text class='goods-price'>¥{{ item.price }}</text>
-          <image class='add-image' :src='assetsUrl("ic_add_goods.png")' @click.stop='addShoppingCart' />
+          <image class='add-image' :src='assetsUrl("ic_add_goods.png")' @click.stop='addShoppingCart(item)' />
         </view>
       </grid-view>
     </scroll-view>
   </view>
+  <sku-dialog ref='skuDialogRef' />
 </template>
 
 <script lang='ts' setup>
+import SkuDialog from '@/components/sku-dialog.vue';
 import { assetsUrl } from '@/utils/assets';
 import { goPath } from '@/utils';
 import { getGoodsList } from '@/api/goods';
 import useShoppingCartStore from '@/store/modules/shoppingcart';
 import { GoodsBean } from '@/api/goods/types';
 
+const skuDialogRef = ref();
 const shoppingCartStore = useShoppingCartStore();
 
 const goodsList = ref<GoodsBean[]>([]);
@@ -50,8 +53,10 @@ const bindInput = async (e: any) => {
   goodsList.value = rows;
 };
 
-const addShoppingCart = (item: GoodsBean) => {
+const addShoppingCart = (goodsBean: GoodsBean) => {
-  shoppingCartStore.save(item);
+  skuDialogRef.value.show(goodsBean.goodsId, (e: GoodsBean) => {
+    shoppingCartStore.save(e);
+  });
 };
 
 </script>