import { h } from 'vue';
import { ElTooltip } from 'element-plus';
import type { BasicColumn } from '@/components/Table';
export const userGroupCol: BasicColumn[] = [
  {
    label: '分组名称',
    prop: 'name',
  },
  {
    label: '分组描述',
    prop: 'description',
    minWidth: 100,
    render(record) {
      const truncatedDescription = record.row.description.length > 15 ? record.row.description.substring(0, 15) + '...' : record.row.description;
      return h(
        ElTooltip,
        {
          content: record.row.description,
          disabled:record.row.description.length<=15,
          effect: 'light',
        },
        {
          default: () =>
            h(
              'span',
              {
                style: {
                  whiteSpace: 'nowrap',
                  overflow: 'hidden',
                  textOverflow: 'ellipsis',
                  display: 'inline-block',
                  maxWidth:'80%',
                },
              },
              truncatedDescription
            ),
        }
      );
    }
  },
  {
    label: '组内人员',
    prop: 'total',
  },
  {
    label: '操作人',
    prop: 'operatorName',
  },
  {
    label: '操作时间',
    prop: 'operationTime',
  },
];