From c009eab0d657ce163f82c07fec6d08b6ed8188d5 Mon Sep 17 00:00:00 2001
From: CounterFire2023 <136581895+CounterFire2023@users.noreply.github.com>
Date: Wed, 3 Jul 2024 23:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=B4=AD=E7=89=A9=E8=BD=A6?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E8=8E=B7=E5=8F=96=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialogs/confirmDialog.vue |  1 +
 src/components/cart/index.vue            | 39 ++++++++++++------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/Dialogs/confirmDialog.vue b/src/components/Dialogs/confirmDialog.vue
index 865ecc0..633fb97 100644
--- a/src/components/Dialogs/confirmDialog.vue
+++ b/src/components/Dialogs/confirmDialog.vue
@@ -87,6 +87,7 @@ function hideModal(result = null) {
 } */
 
 .cf-overlay {
+  z-index: 1000;
   width: 1140px;
   min-height: 500px;
   background: #1a1821;
diff --git a/src/components/cart/index.vue b/src/components/cart/index.vue
index cf7390d..94ac2b3 100644
--- a/src/components/cart/index.vue
+++ b/src/components/cart/index.vue
@@ -53,7 +53,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, inject } from "vue"
+import { ref, onMounted, inject, computed } from "vue"
 const message = inject('$message')
 import ImgCard from "@/components/common/imgCard.vue"
 import ConfirmDialog from "@/components/Dialogs/confirmDialog.vue";
@@ -68,11 +68,26 @@ import {
   apiDelCartList,
   apiClearCartList,
 } from "@/utils/marketplace"
-import { computed } from "vue";
 const router = useRouter();
 const emit = defineEmits(['clickStatusChild'])
 
-const cartList = ref()
+// const cartList = ref()
+
+const cartList = computed(() => {
+  let datas = marketplaceList.getCartList.data
+  for (let sub of datas) {
+    if (sub.event?.data) {
+      const _data = formatPrice(sub.event.data)
+      sub.icon = _data.icon
+      sub.usd = _data.usd
+      sub.currencyName = _data.currencyName
+      sub.amount = _data.amount
+      sub.tokenAmount = _data.tokenAmount
+      sub.decimals = _data.decimals
+    }
+  }
+  return datas
+})
 
 const closeCart = () => {
   emit('closeCart')
@@ -120,23 +135,7 @@ const getCartList = async () => {
   // if(token) {
     try {
       let res = await marketplaceList.getCartListState()
-      console.log(res)
-      if (res.data && res.data.length > 0) {
-        for (let sub of res.data) {
-          if (sub.event?.data) {
-            const _data = formatPrice(sub.event.data)
-            sub.icon = _data.icon
-            sub.usd = _data.usd
-            sub.currencyName = _data.currencyName
-            sub.amount = _data.amount
-            sub.tokenAmount = _data.tokenAmount
-            sub.decimals = _data.decimals
-          }
-        }
-      }
-      
-      console.log(res)
-      cartList.value = res.data
+  
       marketplaceList.getCartList = res
     } catch (e) {
       console.log(e)