email.data.ts 2.21 KB
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: t('monitor.message.emailSub'),
    dataIndex: 'emailSubject',
    width: 160,
  },
  {
    title: t('monitor.message.log.email.table.recipient'),
    dataIndex: 'emailTo',
    width: 160,
  },
  {
    title: t('monitor.message.state'),
    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: t('monitor.message.useTo'),
    dataIndex: 'templatePurposeDictText',
    width: 160,
    format(text) {
      return t(text);
    },
  },
  {
    title: t('common.remarkText'),
    dataIndex: 'remark',
    width: 120,
    slots: {
      customRender: 'remark',
    },
  },
  {
    title: t('monitor.message.log.sendTime'),
    dataIndex: 'sendTime',
    width: 180,
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    field: 'emailSubject',
    label: t('monitor.message.emailSub'),
    component: 'Input',
    componentProps: {
      maxLength: 255,
    },
    dynamicRules: () => {
      return [
        {
          required: false,
          validator: (_, value) => {
            if (String(value).length > 255) {
              return Promise.reject(t('monitor.message.textRule255'));
            }
            return Promise.resolve();
          },
        },
      ];
    },

    colProps: { span: 6 },
  },
  {
    field: 'sendTime',
    label: t('monitor.message.log.sendTime'),
    component: 'RangePicker',
    componentProps: {
      showTime: {
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
      },
    },
    colProps: { span: 6 },
  },
];