fix some bugs

src/pages/menuPages/wallet/hooks/walletColumns.tsx

@@ -1,157 +1,75 @@
 import type { BaseTableColumn } from '@core/type/baseTable'
-import { toJalaliNoTime, toTime } from '@core/utils/useDataTime'
-import CustomTag from '@/components/CustomTag.vue'
 import { usePrice } from '@core/utils/usePrice'
-/*import BudgetSelect from '@/components/BudgetSelect.vue'
-import { useStaticApiListsStore } from '@/store/staticApisStore'
-import type { FilterSelect } from '@/model/filterSelect'
-import type { DocItem } from '@/model/docType'*/
+import { metalLabel, walletMetalBalanceTitle } from '@/utils/adminMetalLabels'
+import { formatMetalDisplayValue, metalCellValue } from '@/utils/metalWeight'
 
-//define store
-//const store = useStaticApiListsStore()
-//document types
-/*let docTypes: DocItem[]*/
-/*onMounted(async () => {
-  docTypes = await store.readyDocTypeList()
-})
-const filteredDocTypes: FilterSelect = docTypes?.map((x: DocItem) => {
-  return {
-    label: x.title,
-    value: x.id
-  }
-})*/
+export type WalletMetalColumn = { metal_id: number; label: string; display_unit?: string }
 
-export const cols: BaseTableColumn[] = [
-  {
-    title: 'ردیف',
-    dataIndex: 'id',
-    key: 'id',
-    filterable: false,
-    sortable: false,
-    customRender: (record: any) => {
-      return record.index + 1
-    }
-  },
-  {
-    title: 'کد کیف پول',
-    dataIndex: 'id',
-    key: 'id',
-    type: 'Number'
-    // className: 'column-money'
-  },
-  {
-    title: 'نام مشتری',
-    dataIndex: 'customer.name',
-    key: 'customer.name',
-    type: 'Text'
-  },
-  {
-    title: 'موجودی کیف پول (ریال)',
-    dataIndex: 'cash',
-    key: 'cash',
-    type: 'Text',
-    customRender(data) {
-      return usePrice(data.record.cash, true, '')
-    }
-  },
-  {
-    title: 'موجودی کیف طلا (گرم)',
-    dataIndex: 'gold',
-    key: 'gold',
-    type: 'Text'
-  }
-  /*  {
-    title: 'شماره موبایل',
-    dataIndex: 'mobile',
-    key: 'mobile',
-    type: 'Number'
-  },*/
-  /*  {
-    title: 'نام فروشگاه',
-    dataIndex: 'shop_name',
-    key: 'shop_name',
-    type: 'Text'
-  },*/
-  /*  {
-    title: 'وضعیت',
-    dataIndex: 'active',
-    key: 'active',
-    customRender: ({ record }) => {
-      return record.active ? (
-        <div class="flex justify-center">
-          <CustomTag textColor="#25855A" bgColor="#E3F4E9">
-            فعال
-          </CustomTag>
-        </div>
-      ) : (
-        <div class="flex justify-center">
-          <CustomTag textColor="#C53030" bgColor="#FECACA">
-            غیر فعال
-          </CustomTag>
-        </div>
-      )
-    }
-  },*/
-  /*{
-      title: 'نقش',
-      dataIndex: 'user_type_record',
-      key: 'user_type_record',
-      type: 'Select',
+export function buildWalletColumns(metals: WalletMetalColumn[] = []): BaseTableColumn[] {
+  const baseColumns: BaseTableColumn[] = [
+    {
+      title: 'ردیف',
+      dataIndex: 'id',
+      key: 'id',
       filterable: false,
       sortable: false,
-      filterComponentProps: {
-        multiple: true
-      },
-      filterField: 'user_type_obj.id',
-      filterComponent: ReadyUserTypeSelect,
-      /!*      customRender: (record: any) => {
-        return record.record.user_type_record?.value
-      }*!/
-      customRender: ({ record }) => {
-        const items = record.is_admin ? (
-          <CustomTag textColor="#25855A" bgColor="#E3F4E9">
-            ادمین
-          </CustomTag>
-        ) : (
-          record.user_type_obj.map((item: { title: any }, index: any) => {
-            if (item) {
-              return (
-                <CustomTag textColor="#25855A" bgColor="#E3F4E9">
-                  {item?.title}
-                </CustomTag>
-              )
-            }
-          })
-        )
-        return <div class="flex justify-center items-center gap-2">{items}</div>
-      }
-    },
-    {
-      title: 'حوزه',
-      dataIndex: 'section',
-      key: 'section'
-    },
-    {
-      title: 'شماره موبایل',
-      dataIndex: 'mobile',
-      type: 'Number',
-      key: 'mobile'
-    },
-    {
-      title: 'تاریخ ثبت',
-      dataIndex: 'created_at',
-      key: 'created_at',
-      type: 'DateTime',
       customRender: (record: any) => {
-        return toJalaliNoTime(record.record.created_at)
+        return record.index + 1
       }
-    },*/
-  /*  {
-    title: 'عملیات',
-    dataIndex: 'action',
-    key: 'action',
-    slot: 'action',
-    fixed: 'right',
-    filterable: false
-  }*/
-]
+    },
+    {
+      title: 'کد کیف پول',
+      dataIndex: 'id',
+      key: 'id',
+      type: 'Number'
+    },
+    {
+      title: 'نام مشتری',
+      dataIndex: 'customer.name',
+      key: 'customer.name',
+      type: 'Text'
+    },
+    {
+      title: 'موجودی کیف پول (ریال)',
+      dataIndex: 'cash',
+      key: 'cash',
+      type: 'Text',
+      customRender(data) {
+        return usePrice(data.record.cash, true, '')
+      }
+    }
+  ]
+
+  if (metals.length === 0) {
+    return [
+      ...baseColumns,
+      {
+        title: metalLabel.goldWalletBalanceGram(),
+        dataIndex: 'gold',
+        key: 'gold',
+        type: 'Text',
+        customRender(data) {
+          const value = Number(data.record?.gold ?? 0)
+          return formatMetalDisplayValue(value, 1)
+        }
+      }
+    ]
+  }
+
+  const metalColumns: BaseTableColumn[] = metals.map((metal) => ({
+    title: walletMetalBalanceTitle(metal.metal_id, metal.label),
+    dataIndex: `metal_gold_${metal.metal_id}`,
+    key: `metal_${metal.metal_id}`,
+    type: 'Text',
+    customRender(data) {
+      const value = metalCellValue(data.record, metal.metal_id)
+      return formatMetalDisplayValue(value, metal.metal_id)
+    }
+  }))
+
+  return [...baseColumns, ...metalColumns]
+}
+
+export function getWalletColumns(): BaseTableColumn[] {
+  return buildWalletColumns()
+}