fix some bugs

src/pages/menuPages/wallet/components/WalletMobileCardList.vue

@@ -15,6 +15,7 @@
       v-for="item in items"
       :key="item.id"
       :item="item"
+      :metals="catalogMetals"
       @open="openSheet"
     />
   </MobileCardList>
@@ -22,36 +23,39 @@
   <WalletMobileDetailSheet
     v-model:visible="sheetVisible"
     :item="selectedItem"
+    :metals="catalogMetals"
   />
 </template>
 
 <script setup lang="ts">
 import { getWalletTable } from '@/api/wallet'
-import type { Wallet } from '@/model/wallet'
+import type { Wallet, WalletTableSums } from '@/model/wallet'
 import MobileCardList from '@/components/mobile/MobileCardList.vue'
 import { useMobileDetailSheet } from '@/components/mobile/composables/useMobileDetailSheet'
 import { useMobileTableList } from '@/components/mobile/composables/useMobileTableList'
 import type { TableInput, TableOutput } from '@core/type/baseTable'
+import type { WalletMetalColumn } from '../hooks/walletColumns'
 import WalletMobileDetailSheet from './WalletMobileDetailSheet.vue'
 import WalletMobileListItem from './WalletMobileListItem.vue'
 
 type WalletTableResponse = TableOutput<Wallet> & {
-  sums?: {
-    cash?: number
-    gold?: number
-    cashToGold?: number
-    goldToCash?: number
-  }
+  sums?: WalletTableSums
 }
 
 const emit = defineEmits<{
   (e: 'sums', sums: WalletTableResponse['sums']): void
 }>()
 
+const catalogMetals = ref<WalletMetalColumn[]>([])
 const { sheetVisible, selectedItem, openSheet, syncSelectedItem } = useMobileDetailSheet<Wallet>()
 
 async function fetchWallet(params: TableInput) {
   const data = (await getWalletTable(params)) as WalletTableResponse
+  catalogMetals.value =
+    data?.sums?.metalBalances?.map((metal) => ({
+      metal_id: metal.metal_id,
+      label: metal.label
+    })) ?? []
   emit('sums', data?.sums)
   return data
 }