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

import { h } from 'vue';

export const columns: BasicColumn[] = [
  {
    title: '标题',
    dataIndex: 'sysNotice.title',
    width: 200,
  },
  {
    title: '类型',
    dataIndex: 'type',
    width: 200,
    format: (text: string, record: Recordable) => {
      return record.sysNotice.type === 'NOTICE'
        ? '公告'
        : record.sysNotice.type === 'MEETING'
        ? '会议'
        : record.sysNotice.type === 'OTHER'
        ? '其他'
        : '无';
    },
  },
  {
    title: '发送者',
    dataIndex: 'sysNotice.senderName',
    width: 200,
  },
  {
    title: '发送时间',
    dataIndex: 'sysNotice.senderDate',
    width: 200,
  },
  {
    title: '阅读状态',
    dataIndex: 'readStatus',
    width: 200,
    customRender: ({ record }) => {
      const status = record.readStatus;
      const enable = status == 0 ? '未读' : status == 1 ? '已读' : '其他';
      const color = enable == '未读' ? 'yellow' : enable == '已读' ? 'green' : 'red';
      const text = enable == '未读' ? '未读' : enable == '已读' ? '已读' : '其他';
      return h(Tag, { color }, () => text);
    },
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    field: 'type',
    label: '通知类型',
    colProps: { span: 6 },
    component: 'Select',
    componentProps: {
      placeholder: '请选择类型',
      options: [
        {
          label: '公告',
          value: 'NOTICE',
        },
        {
          label: '会议',
          value: 'MEETING',
        },
        {
          label: '其他',
          value: 'OTHER',
        },
      ],
    },
  },
];

export const DescDetailSchema: DescItem[] = [
  {
    field: 'sysNotice.senderName',
    label: '发送者',
  },
  {
    field: 'sysNotice.senderDate',
    label: '发送时间',
  },
  {
    field: 'sysNotice.type',
    label: '类型',
    render: (text) => {
      return text === 'NOTICE'
        ? '公告'
        : text === 'MEETING'
        ? '会议'
        : text === 'OTHER'
        ? '其他'
        : '';
    },
  },
];
