admin/src/modules/system/views/log/SystemLogComponent.config.ts

import type { SmartColumn, SmartSearchFormSchema } from '@/components/SmartTable';
import dayjs from 'dayjs';

export type LoginIdent = 'LOGIN_LOG' | 'INTERFACE_LOG';

/**
 * 获取表格列表
 * @param ident 标识位
 */
export const getTableColumns = (ident: LoginIdent): SmartColumn[] => {
  return tableColumns.filter((item) => {
    return item.ident === undefined || item.ident.includes(ident);
  }) as SmartColumn[];
};

const tableColumns: Array<SmartColumn & { ident?: LoginIdent[] }> = [
  {
    type: 'seq',
    width: 80,
  },
  {
    title: '{system.views.log.title.operation}',
    field: 'operation',
    minWidth: 200,
  },
  {
    title: '{system.views.log.title.logSource}',
    field: 'logSource',
    width: 180,
  },
  {
    title: '{system.views.log.title.createUserId}',
    field: 'createBy',
    width: 120,
  },
  {
    title: '{system.views.log.title.ip}',
    field: 'ip',
    width: 160,
  },
  {
    title: '{system.views.log.title.operationType}',
    field: 'operationType',
    headerAlign: 'left',
    align: 'center',
    width: 120,
    ident: ['INTERFACE_LOG'],
  },
  {
    title: '{system.views.log.title.requestPath}',
    field: 'requestPath',
    width: 200,
    ident: ['INTERFACE_LOG'],
  },
  {
    title: '{system.views.log.title.statusCode}',
    field: 'statusCode',
    width: 120,
    headerAlign: 'left',
    align: 'center',
    slots: {
      default: 'table-statusCode',
    },
    sortable: true,
  },
  {
    title: '{system.views.log.title.method}',
    field: 'method',
    width: 200,
    ident: ['INTERFACE_LOG'],
  },
  {
    title: '{system.views.log.title.useTime}',
    field: 'useTime',
    width: 140,
    headerAlign: 'left',
    align: 'center',
    sortable: true,
    slots: {
      default: 'table-useTime',
    },
    ident: ['INTERFACE_LOG'],
  },
  {
    title: '{system.views.log.title.createTime}',
    field: 'createTime',
    width: 180,
    sortable: true,
  },
  {
    title: '{common.table.operation}',
    field: 'table-operation',
    width: 100,
    fixed: 'right',
    slots: {
      default: 'table-operation',
    },
  },
];

const logSourceEnum = [
  {
    value: '10',
    enumName: 'AUTO_POINTCUT',
    label: 'system.views.log.title.logSourceAuto',
    ident: ['INTERFACE_LOG'],
  },
  {
    value: '20',
    enumName: 'MANUAL',
    label: 'system.views.log.title.logSourceManual',
    ident: ['INTERFACE_LOG'],
  },
  {
    value: '30',
    enumName: 'LOGIN',
    label: 'system.views.log.title.logSourceLoginSuccess',
    ident: ['LOGIN_LOG'],
  },
  {
    value: '40',
    enumName: 'LOGOUT',
    label: 'system.views.log.title.logSourceLogout',
    ident: ['LOGIN_LOG'],
  },
  {
    value: '50',
    enumName: 'LOGIN_FAIL',
    label: 'system.views.log.title.logSourceLoginFail',
    ident: ['LOGIN_LOG'],
  },
];

export const getLogSourceEnum = (ident: LoginIdent, t: Function) => {
  return logSourceEnum
    .filter((item) => item.ident === undefined || item.ident.includes(ident))
    .map((item) => {
      return {
        value: item.value,
        label: t(item.label),
      };
    });
};

const operationTypeEnum = [
  {
    value: 'ADD',
    label: 'system.views.log.title.operationTypeAdd',
  },
  {
    value: 'DELETE',
    label: 'system.views.log.title.operationTypeDelete',
  },
  {
    value: 'UPDATE',
    label: 'system.views.log.title.operationTypeUpdate',
  },
  {
    value: 'QUERY',
    label: 'system.views.log.title.operationTypeQuery',
  },
];
export const getOperationTypeEnum = (t: Function) => {
  return operationTypeEnum.map((item) => {
    return {
      label: t(item.label),
      value: item.value,
    };
  });
};
/**
 * 获取搜索表单
 * @param t
 * @param ident
 */
export const getSearchFormSchemas = (t: Function, ident: LoginIdent) => {
  const schemas: Array<SmartSearchFormSchema & { ident?: LoginIdent[] }> = [
    {
      label: t('system.views.log.title.operation'),
      field: 'operation',
      component: 'Input',
      searchSymbol: 'like',
    },
    {
      label: t('system.views.log.title.logSource'),
      field: 'logSource',
      component: 'Select',
      componentProps: {
        mode: 'multiple',
        style: { width: '200px' },
        options: getLogSourceEnum(ident, t),
      },
      searchSymbol: 'in',
    },
    {
      label: t('system.views.log.title.statusCode'),
      field: 'statusCode',
      component: 'Input',
      searchSymbol: '=',
      componentProps: {
        style: { width: '120px' },
      },
    },
    {
      label: t('system.views.log.title.createTime'),
      field: 'createTime',
      component: 'RangePicker',
      searchSymbol: 'between',
      componentProps: {
        style: { width: '340px' },
        showTime: {
          defaultValue: [dayjs('00:00:00', 'HH:mm:ss')],
        },
      },
    },
    {
      label: t('system.views.log.title.operationType'),
      field: 'operationType',
      component: 'Select',
      searchSymbol: '=',
      ident: ['INTERFACE_LOG'],
      componentProps: {
        optionLabelProp: 'children',
        mode: 'multiple',
        style: { width: '120px' },
        options: getOperationTypeEnum(t),
      },
    },
  ];
  return schemas.filter((item) => item.ident === undefined || item.ident.includes(ident));
};