<script lang="ts" setup>
import { h, ref, useTemplateRef } from 'vue';
import { NInputNumber, useDialog, useMessage } from 'naive-ui';
import { client, safeClient } from '@/service/api';
import { DepositTypeEnum } from '@/enum';
import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';

const dialog = useDialog();
const message = useMessage();
const tableInst = useTemplateRef<TableInst>('tableInst');

const fetchData: TableFetchData = () => {
  return safeClient(() =>
    client.api.admin.transfer.get({
      query: {}
    })
  );
};

const columns: TableBaseColumns = [
  {
    title: 'ID',
    key: 'id'
  },
  {
    title: 'orderNo',
    key: 'orderNo'
  },
  {
    title: 'fromUserId',
    key: 'fromUserId'
  },
  {
    title: 'toUserId',
    key: 'toUserId'
  },
  {
    title: 'assetCode',
    key: 'assetCode'
  },
  {
    title: 'amount',
    key: 'amount'
  },
  {
    title: 'fee',
    key: 'fee'
  }
];
</script>

<template>
  <TableBase ref="tableInst" :columns="columns" :fetch-data="fetchData" />
</template>

<style lang="css" scoped></style>
