config.ts 2.89 KB
import { BasicColumn, BasicTableProps, FormSchema } from '/@/components/Table';
import moment from 'moment';
import { h } from 'vue';
import { Tag } from 'ant-design-vue';
import { DataTypeNameEnum, ExecuteWayNameEnum } from '../config/enum';

// 表格配置
export const columns: BasicColumn[] = [
  {
    title: '配置名称',
    dataIndex: 'reportConfigName',
    width: 80,
  },
  {
    title: '所属组织',
    dataIndex: 'organizationName',
    width: 120,
  },
  {
    title: '数据类型',
    dataIndex: 'dataType',
    width: 120,
    format: (_text: string, record: Recordable) => {
      return record.dataCompare === 0 ? DataTypeNameEnum.ORIGINAL : DataTypeNameEnum.AGG;
    },
  },
  {
    title: '执行方式',
    dataIndex: 'executeWay',
    width: 120,
    format: (_text: string, record: Recordable) => {
      return record.executeWay === 0
        ? ExecuteWayNameEnum.EXECUTEWAY_IMMEDIATE
        : ExecuteWayNameEnum.EXECUTEWAY_SCHEDULED;
    },
  },
  {
    title: '执行状态',
    dataIndex: 'executeStatus',
    width: 120,
    customRender: ({ record }) => {
      const status = record.executeStatus;
      const color = status == 1 ? 'green' : status == 0 ? 'red' : 'blue';
      const text = status == 1 ? '成功' : status == 0 ? '失败' : '进行中';
      return h(Tag, { color: color }, () => text);
    },
  },
  {
    title: '执行日期',
    dataIndex: 'executeTime',
    width: 180,
  },
];

// 表格查询配置
export const searchFormSchema: FormSchema[] = [
  {
    field: 'reportConfigName',
    label: '配置名称',
    component: 'Input',
    colProps: { span: 6 },
    componentProps: {
      maxLength: 36,
      placeholder: '请输入配置名称',
    },
  },
  {
    field: 'executeStatus',
    label: '执行状态',
    component: 'Select',
    colProps: { span: 6 },
    componentProps: {
      options: [
        {
          label: '进行中',
          value: 2,
        },
        {
          label: '成功',
          value: 1,
        },
        {
          label: '失败',
          value: 0,
        },
      ],
      placeholder: '请选择执行状态',
    },
  },
  {
    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 },
  },
];

//表格通用属性配置
export const defaultTableAttribtes: BasicTableProps = {
  title: '报表导出列表',
  columns,
  showIndexColumn: false,
  clickToRowSelect: false,
  formConfig: {
    labelWidth: 120,
    schemas: searchFormSchema,
    fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'x']],
  },
  useSearchForm: true,
  showTableSetting: true,
  bordered: true,
  rowKey: 'id',
  actionColumn: {
    width: 200,
    title: '操作',
    dataIndex: 'action',
    slots: { customRender: 'action' },
    fixed: 'right',
  },
};