position.data.ts 2.38 KB
import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { h } from 'vue';
import { Tooltip } from 'ant-design-vue';
import { handeleCopy } from '../../../device/profiles/step/topic';
import { useI18n } from '/@/hooks/web/useI18n';
import { Tag } from 'ant-design-vue';
const { t } = useI18n();

export enum PositionListAuthEnum {
  /**
   * @description 新增
   */
  CREATE = 'api:yt:archive:position:post',

  /**
   * @description 删除
   */
  DELETE = 'api:yt:archive:position:delete',

  /**
   * @description 编辑
   */
  UPDATE = 'api:yt:archive:position:update',

  /**
   * @description 启用
   */
  ENABLE = 'api:yt:archive:position:enable',

  /**
   * @description 停用
   */
  STOP = 'api:yt:archive:position:stop',
}

// 表格列数据
export const columns: BasicColumn[] = [
  {
    dataIndex: 'position',
    title: t('archive.position.positionName'),
    width: 210,
    slots: { customRender: 'position', title: 'deviceTitle' },
    className: 'position-name-edge',
    customRender: ({ record }) => {
      return h('div', { class: 'py-3 px-3.5' }, [
        h(
          'div',
          {
            class: 'cursor-pointer text-blue-500 truncate',
            onClick: () => {
              handeleCopy(`${record.position}`);
            },
          },
          h(
            Tooltip,
            {
              placement: 'topLeft',
              title: `${record.position}`,
            },
            () => `${record.position}`
          )
        ),
      ]);
    },
  },
  {
    title: t('archive.position.status'),
    dataIndex: 'status',
    width: 110,
    customRender: ({ record }) => {
      const color = record?.status == 'ENABLE' ? 'blue' : 'red';
      const text = record.status == 'ENABLE' ? t('common.enableText') : t('common.stop');
      return h(Tag, { color: color }, () => text);
    },
  },
  {
    title: t('archive.position.remark'),
    dataIndex: 'notes',
    width: 120,
  },
  {
    title: t('archive.position.creator'),
    dataIndex: 'creatorName',
    width: 120,
  },
  {
    title: t('archive.position.createTime'),
    dataIndex: 'createTime',
    width: 120,
  },
];

// 查询字段
export const searchFormSchema: FormSchema[] = [
  {
    field: 'position',
    label: t('archive.position.positionName'),
    component: 'Input',
    colProps: { span: 6 },
    componentProps: {
      maxLength: 255,
    },
  },
];