import { BasicColumn, FormSchema } from '/@/components/Table';
import moment from 'moment';
import { findDictItemByCode } from '/@/api/system/dict';
import { format } from '../util';
import { Tag } from 'ant-design-vue';
import { h } from 'vue';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

//格式化资源类型和操作类型
let formatText;
let actionTypeText;

async function formatTextFunc() {
  formatText = await findDictItemByCode({ dictCode: 'operate_log' });
  actionTypeText = await findDictItemByCode({ dictCode: 'exception_log' });
}
formatTextFunc();
// 表格数据
export const columns: BasicColumn[] = [
  {
    title: t('log.operate.table.tenantName'),
    dataIndex: 'tenantName',
    width: 120,
  },
  {
    title: t('log.operate.table.customerName'),
    dataIndex: 'customerName',
    width: 120,
  },
  {
    title: t('log.operate.table.entityType'),
    dataIndex: 'entityType',
    width: 180,
    format: (_, record) => {
      const text = formatText.find((f) => {
        if (f.itemValue == record.entityType) {
          return f.itemText;
        }
      });
      return text?.itemText;
    },
  },
  {
    title: t('log.operate.table.entityName'),
    dataIndex: 'entityName',
    width: 180,
  },
  {
    title: t('log.operate.table.operators'),
    dataIndex: 'userName',
    width: 180,
  },
  {
    title: t('log.operate.table.operationType'),
    dataIndex: 'actionType',
    width: 180,
    format: (_, record) => {
      const text = actionTypeText.find((f) => {
        if (f.itemValue == record.actionType) {
          return f.itemText;
        }
      });
      return text?.itemText;
    },
  },
  {
    title: t('log.operate.table.operationStatus'),
    dataIndex: 'actionStatus',
    width: 180,
    customRender: ({ record }) => {
      const status = record.actionStatus;
      const enable = status === 'SUCCESS';
      const color = enable ? 'green' : 'red';
      const text = enable ? t('common.successText') : t('common.failText');
      return h(Tag, { color }, () => text);
    },
  },
  {
    title: t('log.operate.table.operationTime'),
    dataIndex: 'createdTime',
    width: 180,
    format: (_, record) => {
      return format(record.createdTime, 'yyyy-MM-dd HH:mm:ss');
    },
  },
];

// 分页查询
export const searchFormSchema: FormSchema[] = [
  {
    field: 'entityType',
    label: t('log.operate.search.entityType'),
    component: 'ApiSelect',
    componentProps: {
      api: findDictItemByCode,
      params: {
        dictCode: 'operate_log',
      },
      labelField: 'itemText',
      valueField: 'itemValue',
    },
    colProps: { span: 6 },
  },
  {
    field: 'actionType',
    label: t('log.operate.search.actionType'),
    component: 'ApiSelect',
    componentProps: {
      api: findDictItemByCode,
      params: {
        dictCode: 'exception_log',
      },
      labelField: 'itemText',
      valueField: 'itemValue',
    },
    colProps: { span: 6 },
  },
  {
    field: 'queryTime',
    label: t('log.operate.search.time'),
    component: 'RangePicker',
    componentProps: {
      showTime: {
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
      },
    },
    colProps: { span: 6 },
  },
];

// 详情配置
export const formSchema: FormSchema[] = [
  {
    field: 'createdTime',
    label: t('log.operate.search.time'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'tenantName',
    label: t('log.operate.table.tenantName'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'customerName',
    label: t('log.operate.table.customerName'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'entityType',
    label: t('log.operate.table.entityType'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'entityName',
    label: t('log.operate.table.entityName'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'userName',
    label: t('log.operate.table.operators'),
    colProps: { span: 24 },
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'actionType',
    label: t('log.operate.table.operationType'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'actionStatus',
    label: t('log.operate.table.operationStatus'),
    component: 'Input',
    componentProps: {
      disabled: true,
    },
  },
  {
    field: 'actionData',
    label: t('log.operate.operationalData'),
    component: 'InputTextArea',
    componentProps: {
      disabled: true,
      autosize: true,
      allowClear: false,
    },
  },
  {
    field: 'actionFailureDetails',
    label: t('log.operate.failureInformation'),
    component: 'InputTextArea',
    componentProps: {
      disabled: true,
      autosize: true,
      allowClear: false,
    },
  },
];