import api from "@/api"
import MyTable from "@/components/MyTable"
import { Input } from "antd"
import React, { useRef } from "react"

const WalletLog = () => {

  const tableRef = useRef(null)
  const columns = [
    {
      title: '金额',
      dataIndex: 'amount',
      width: 200
    },
    {
      title: '剩余金额',
      dataIndex: 'balance',
      width: 200
    },
    {
      title: 'MT帐号',
      dataIndex: 'count',
      width: 200
    },
    {
      title: 'ID',
      dataIndex: 'id',
      width: 200
    },
    {
      title: '流水号',
      dataIndex: 'order',
      width: 200
    },
    {
      title: '时间',
      dataIndex: 'time',
      render: (text) => new Date(text * 1000).toLocaleString(), // 将时间戳转换为人类可读的格式
    },
    {
      title: '类型',
      dataIndex: 'type',
    },
  ];


  return (
    <div>
      <MyTable
        ref={tableRef}
        apiFun={api.get_walletRecord}
        columns={columns}
        searchConfigList={[{
          key: 'search',
          name: 'search',
          slot: <Input style={{ minWidth: 350 }} placeholder="请输入MT账号搜索" />
        }]}
      />
    </div>
  )
}

export default WalletLog