fix some bugs

src/pages/menuPages/customers/base/hooks/customerColumns.tsx

@@ -1,212 +1,164 @@
 import type { BaseTableColumn } from '@core/type/baseTable'
-import {toJalali, toJalaliNoTime, toTime} from '@core/utils/useDataTime'
+import { toJalali } from '@core/utils/useDataTime'
 import CustomTag from '@/components/CustomTag.vue'
 import { usePrice } from '@core/utils/usePrice'
-import { getCashBalance, getGoldBalance } from '@/components/mobile/utils/wallet'
-/*import BudgetSelect from '@/components/BudgetSelect.vue'
-import { useStaticApiListsStore } from '@/store/staticApisStore'
-import type { FilterSelect } from '@/model/filterSelect'
-import type { DocItem } from '@/model/docType'*/
+import { getCashBalance } from '@/components/mobile/utils/wallet'
+import { customerWalletMetalBalanceTitle } 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 CustomerMetalColumn = { 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: 'name',
-    key: 'name',
-    type: 'Text'
-  },
-  {
-    title: 'شماره موبایل',
-    dataIndex: 'mobile',
-    key: 'mobile',
-    type: 'Number'
-  },
-  {
-    title: 'نوع کاربر',
-    dataIndex: 'type_str',
-    key: 'type_str',
-    type: 'Text'
-  },
-  {
-    title: 'کد معرف',
-    dataIndex: 'referral_id',
-    key: 'referral_id',
-    type: 'Text'
-  },
-  {
-    title: 'نام معرف کاربر',
-    dataIndex: 'referral.name',
-    key: 'referral.name',
-    type: 'Text'
-  },
-  {
-    title: 'موجودی ریالی (ریال)',
-    dataIndex: 'wallet.cash',
-    key: 'wallet.cash',
-    type: 'Number',
-    customRender(data) {
-      return usePrice(getCashBalance(data.record?.wallet, { walletCash: data.record?.wallet_cash }), true, '')
-    }
-  },
-  {
-    title: 'موجودی طلایی (گرم)',
-    dataIndex: 'wallet.gold',
-    key: 'wallet.gold',
-    type: 'Number',
-    filterable: false,
-    customRender(data) {
-      return getGoldBalance(data.record?.wallet, { walletGold: data.record?.wallet_gold })
-    }
-  },
-  {
-    title: 'اخرین بازدید',
-    dataIndex: 'last_seen_at',
-    key: 'last_seen_at',
-    type: 'DateTime',
-    customRender(data) {
-      return toJalali(data.record.last_seen_at)
-    }
-  },
-  {
-    title: 'گنج(گرم)',
-    dataIndex: 'gold',
-    key: 'gold',
-    type: 'Number',
-    filterable: false,
-  },
-  {
-    title: 'وضعیت کاربر',
-    dataIndex: 'active',
-    key: 'active',
-    type: 'Boolean',
-    customRender: ({ record }) => {
-      return record.active ? (
-        <div class="flex justify-center">
-          <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
-            فعال
-          </CustomTag>
-        </div>
-      ) : (
-        <div class="flex justify-center">
-          <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
-            غیر فعال
-          </CustomTag>
-        </div>
-      )
-    }
-  },
-  {
-    title: 'وضعیت سفارش دهی',
-    dataIndex: 'trade_active',
-    key: 'trade_active',
-    sortable: false,
-    type: 'Boolean',
-    customRender: ({ record }) => {
-      return record.trade_active ? (
-        <div class="flex justify-center">
-          <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
-            مجاز
-          </CustomTag>
-        </div>
-      ) : (
-        <div class="flex justify-center">
-          <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
-            غیر مجاز
-          </CustomTag>
-        </div>
-      )
-    }
-  },
-  /*{
-      title: 'نقش',
-      dataIndex: 'user_type_record',
-      key: 'user_type_record',
-      type: 'Select',
+export function buildCustomerColumns(metals: CustomerMetalColumn[] = []): 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>
+      customRender: (record: any) => {
+        return record.index + 1
       }
     },
     {
-      title: 'حوزه',
-      dataIndex: 'section',
-      key: 'section'
+      title: 'کد کاربری',
+      dataIndex: 'id',
+      key: 'id',
+      type: 'Number'
+    },
+    {
+      title: 'نام و نام خانوادگی',
+      dataIndex: 'name',
+      key: 'name',
+      type: 'Text'
     },
     {
       title: 'شماره موبایل',
       dataIndex: 'mobile',
-      type: 'Number',
-      key: 'mobile'
+      key: 'mobile',
+      type: 'Number'
     },
     {
-      title: 'تاریخ ثبت',
-      dataIndex: 'created_at',
-      key: 'created_at',
-      type: 'DateTime',
-      customRender: (record: any) => {
-        return toJalaliNoTime(record.record.created_at)
+      title: 'نوع کاربر',
+      dataIndex: 'type_str',
+      key: 'type_str',
+      type: 'Text'
+    },
+    {
+      title: 'کد معرف',
+      dataIndex: 'referral_id',
+      key: 'referral_id',
+      type: 'Text'
+    },
+    {
+      title: 'نام معرف کاربر',
+      dataIndex: 'referral.name',
+      key: 'referral.name',
+      type: 'Text'
+    },
+    {
+      title: 'موجودی ریالی (ریال)',
+      dataIndex: 'wallet.cash',
+      key: 'wallet.cash',
+      type: 'Number',
+      customRender(data) {
+        return usePrice(getCashBalance(data.record?.wallet, { walletCash: data.record?.wallet_cash }), true, '')
       }
-    },*/
-  {
-    title: 'عملیات',
-    dataIndex: 'action',
-    key: 'action',
-    slot: 'action',
-    filterable: false
-  }
-]
+    }
+  ]
+
+  const metalColumns: BaseTableColumn[] =
+    metals.length > 0
+      ? metals.map((metal) => ({
+          title: customerWalletMetalBalanceTitle(metal.metal_id, metal.label),
+          dataIndex: `wallet_metal_gold_${metal.metal_id}`,
+          key: `wallet_metal_${metal.metal_id}`,
+          type: 'Number',
+          filterable: false,
+          customRender(data) {
+            const value = metalCellValue(data.record, metal.metal_id, 'wallet_metal_gold')
+            return formatMetalDisplayValue(value, metal.metal_id)
+          }
+        }))
+      : [
+          {
+            title: customerWalletMetalBalanceTitle(1, 'طلا'),
+            dataIndex: 'wallet.gold',
+            key: 'wallet.gold',
+            type: 'Number',
+            filterable: false,
+            customRender(data) {
+              const value = Number(data.record?.wallet_gold ?? 0)
+              return formatMetalDisplayValue(value, 1)
+            }
+          }
+        ]
+
+  return [
+    ...baseColumns,
+    ...metalColumns,
+    {
+      title: 'اخرین بازدید',
+      dataIndex: 'last_seen_at',
+      key: 'last_seen_at',
+      type: 'DateTime',
+      customRender(data) {
+        return toJalali(data.record.last_seen_at)
+      }
+    },
+    {
+      title: 'وضعیت کاربر',
+      dataIndex: 'active',
+      key: 'active',
+      type: 'Boolean',
+      customRender: ({ record }) => {
+        return record.active ? (
+          <div class="flex justify-center">
+            <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
+              فعال
+            </CustomTag>
+          </div>
+        ) : (
+          <div class="flex justify-center">
+            <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
+              غیر فعال
+            </CustomTag>
+          </div>
+        )
+      }
+    },
+    {
+      title: 'وضعیت سفارش دهی',
+      dataIndex: 'trade_active',
+      key: 'trade_active',
+      sortable: false,
+      type: 'Boolean',
+      customRender: ({ record }) => {
+        return record.trade_active ? (
+          <div class="flex justify-center">
+            <CustomTag textColor="#25855A" bgColor="#E3F4E9" class={'font-bold px-6'}>
+              مجاز
+            </CustomTag>
+          </div>
+        ) : (
+          <div class="flex justify-center">
+            <CustomTag textColor="#C53030" bgColor="#FECACA" class={'font-bold px-6'}>
+              غیر مجاز
+            </CustomTag>
+          </div>
+        )
+      }
+    },
+    {
+      title: 'عملیات',
+      dataIndex: 'action',
+      key: 'action',
+      slot: 'action',
+      filterable: false
+    }
+  ]
+}
+
+export function getCustomerColumns(): BaseTableColumn[] {
+  return buildCustomerColumns()
+}