config.ts 1.9 KB
import { BasicColumn, FormSchema } from '/@/components/Table';
import { Tag } from 'ant-design-vue';
import { DescItem } from '/@/components/Description/index';

import { h } from 'vue';
import { useI18n } from '/@/hooks/web/useI18n';
import { NotifyTypeEnum, ReadStatusColorEnum, ReadStatusEnum } from '/@/enums/messageEnum';
const { t } = useI18n();

export const notifyTypeOptions = Object.keys(NotifyTypeEnum).map((key) => ({
  label: t(`enum.notifyType.${key}`),
  value: NotifyTypeEnum[key],
}));

export const columns: BasicColumn[] = [
  {
    title: t('system.notify.titleText'),
    dataIndex: 'sysNotice.title',
    width: 200,
  },
  {
    title: t('system.notify.notifyTypeText'),
    dataIndex: 'type',
    width: 200,
    format: (_: string, record) => {
      return t(`enum.notifyType.${record?.sysNotice?.type}`);
    },
  },
  {
    title: t('system.notify.dispatcherText'),
    dataIndex: 'sysNotice.senderName',
    width: 200,
  },
  {
    title: t('system.notify.sendTimeText'),
    dataIndex: 'sysNotice.senderDate',
    width: 200,
  },
  {
    title: t('system.notify.readStatusText'),
    dataIndex: 'readStatus',
    width: 200,
    customRender: ({ text }) => {
      return h(Tag, { color: ReadStatusColorEnum[ReadStatusEnum[text]] }, () =>
        t(`enum.readStatus.${ReadStatusEnum[text]}`)
      );
    },
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    field: 'type',
    label: t('system.notify.notifyTypeText'),
    colProps: { span: 6 },
    component: 'Select',
    componentProps: {
      options: notifyTypeOptions,
    },
  },
];

export const DescDetailSchema: DescItem[] = [
  {
    field: 'sysNotice.senderName',
    label: '发送者',
  },
  {
    field: 'sysNotice.senderDate',
    label: '发送时间',
  },
  {
    field: 'sysNotice.type',
    label: t('system.notify.notifyTypeText'),
    render: (text) => {
      return text && t(`enum.notifyType.${text}`);
    },
  },
];