import { BasicColumn, FormSchema, useRender } from '@/components/Table'
import { DICT_TYPE } from '@/utils/dict'

export const columns: BasicColumn[] = [
  {
    title: '访问编号',
    dataIndex: 'id',
    width: 100
  },
  {
    title: '日志类型',
    dataIndex: 'logType',
    width: 120,
    customRender: ({ text }) => {
      return useRender.renderDict(text, DICT_TYPE.SYSTEM_LOGIN_TYPE)
    }
  },
  {
    title: '用户名称',
    dataIndex: 'username',
    width: 120
  },
  {
    title: '登录地址',
    dataIndex: 'userIp',
    width: 120
  },
  {
    title: 'userAgent',
    dataIndex: 'userAgent',
    width: 400
  },
  {
    title: '结果',
    dataIndex: 'result',
    width: 180,
    customRender: ({ text }) => {
      return useRender.renderDict(text, DICT_TYPE.SYSTEM_LOGIN_RESULT)
    }
  },
  {
    title: '登录日期',
    dataIndex: 'loginTime',
    width: 180,
    customRender: ({ text }) => {
      return useRender.renderDate(text)
    }
  }
]

export const searchFormSchema: FormSchema[] = [
  {
    label: '登录地址',
    field: 'userIp',
    component: 'Input',
    colProps: { span: 8 }
  },
  {
    label: '用户名称',
    field: 'username',
    component: 'Input',
    colProps: { span: 8 }
  },
  {
    label: '结果',
    field: 'result',
    component: 'Select',
    componentProps: {
      options: [
        { label: '成功', value: 'true', key: 'true' },
        { label: '失败', value: 'false', key: 'false' }
      ]
    },
    colProps: { span: 8 }
  },
  {
    label: '登录时间',
    field: 'createTime',
    component: 'RangePicker',
    colProps: { span: 8 }
  }
]