import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { h } from 'vue';
import { Tag } from 'ant-design-vue';
import { useI18n } from '/@/hooks/web/useI18n';
import moment from 'moment';
const { t } = useI18n();
export const columns: BasicColumn[] = [
  {
    title: '发送手机',
    dataIndex: 'toPhone',
    width: 160,
  },
  {
    title: '短信平台',
    dataIndex: 'typeDictText',
    width: 180,
  },
  {
    title: '用途',
    dataIndex: 'templatePurposeDictText',
    width: 180,
  },
  {
    title: '状态',
    dataIndex: 'status',
    width: 100,
    customRender: ({ record }) => {
      const status = record.status;
      const success = status === 'SUCCESS';
      const color = success ? 'green' : 'red';
      const successText: string = t('routes.common.system.tableSuccessStatus');
      const failedText: string = t('routes.common.system.tableFailedStatus');
      const text = success ? successText : failedText;
      return h(Tag, { color: color }, () => text);
    },
  },
  {
    title: '备注',
    dataIndex: 'remark',
    width: 180,
  },
  {
    title: '发送时间',
    dataIndex: 'sendTime',
    width: 180,
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    field: 'toPhone',
    label: '发送手机',
    component: 'Input',
    colProps: { span: 6 },
    componentProps: {
      maxLength: 36,
    },
  },
  {
    field: 'sendTime',
    label: '发送时间',
    component: 'RangePicker',
    componentProps: {
      showTime: {
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
      },
    },
    colProps: { span: 6 },
  },
];