import { BasicColumn, FormSchema } from '/@/components/Table';
import { findDictItemByCode } from '/@/api/system/dict';
import { useComponentRegister } from '/@/components/Form';
import { OrgTreeSelect } from '../../common/OrgTreeSelect';
useComponentRegister('OrgTreeSelect', OrgTreeSelect);
// 表格列数据
export const columns: BasicColumn[] = [
  {
    title: '配置名称',
    dataIndex: 'name',
    width: 120,
  },
  {
    title: '所属组织',
    dataIndex: 'organizationName',
    width: 150,
  },
  {
    title: '告警联系人',
    dataIndex: 'alarmContactId',
    width: 155,
    slots: { customRender: 'alarmContact' },
  },
  {
    title: '通知方式',
    dataIndex: 'messageMode',
    width: 155,
    slots: { customRender: 'messageMode' },
  },
  {
    title: '状态',
    dataIndex: 'status',
    width: 120,
    slots: { customRender: 'status' },
  },
  {
    title: '备注',
    dataIndex: 'remark',
    width: 120,
  },
  {
    title: '创建时间',
    dataIndex: 'createTime',
    width: 180,
  },
  {
    title: '更新时间',
    dataIndex: 'updateTime',
    width: 180,
  },
];

// 查询字段
export const searchFormSchema: FormSchema[] = [
  {
    field: 'name',
    label: '告警配置名称',
    component: 'Input',
    colProps: { span: 6 },
    componentProps: {
      maxLength: 36,
      placeholder: '请输入告警配置名称',
    },
  },
  {
    field: 'status',
    label: '告警配置状态',
    component: 'Select',
    colProps: { span: 6 },
    componentProps: {
      options: [
        {
          label: '启用',
          value: 1,
        },
        {
          label: '未启用',
          value: 0,
        },
      ],
      placeholder: '请选择告警配置状态',
    },
  },
];

// 弹框配置项
export const formSchema: FormSchema[] = [
  {
    field: 'name',
    label: '告警配置名称',
    required: true,
    component: 'Input',
    componentProps: {
      placeholder: '请输入告警配置名称',
      maxLength: 30,
    },
  },
  {
    field: 'organizationId',
    label: '所属组织',
    component: 'OrgTreeSelect',
    required: true,
  },
  {
    field: 'alarmContactId',
    label: '告警联系人',
    component: 'Select',
    slot: 'alarmContactSlot',
    required: true,
  },
  {
    field: 'messageMode',
    label: '告警通知方式',
    component: 'ApiSelect',
    helpMessage: ['通知方式，需在消息管理配置对应告警消息模板，否则不能成功通知告警联系人'],
    required: true,
    componentProps: {
      mode: 'multiple',
      placeholder: '请选择告警通知方式',
      api: findDictItemByCode,
      params: {
        dictCode: 'message_type',
      },
      labelField: 'itemText',
      valueField: 'itemValue',
    },
  },
  {
    field: 'remark',
    label: '备注',
    component: 'InputTextArea',
    componentProps: {
      placeholder: '请输入备注',
      maxLength: 255,
    },
  },
];