Function ToolTable

web/packages/tca-manage/src/modules/tools/tool-table.tsx:25–120

({ dataSource, pagination, loading, onEdit }: ToolTableProps)

}

const ToolTable = ({ dataSource, pagination, loading, onEdit }: ToolTableProps) => {
  const columns: PrimaryTableCol<ToolData>[] = [
    {
      colKey: 'display_name',
      title: t('工具名称&简介'),
      width: 200,
      fixed: 'left',
      cell: ({ row }) => (
        <>
          <a
            className="link-name text-weight-bold"
            href={getToolRouter(row)}
            target='_blank'
            rel="noopener noreferrer"
          >
            {toolUtil.getName(row)}
          </a>
          <div className="mt-xs fs-12 text-grey-6">
            <EllipsisTemplate>{row.description}</EllipsisTemplate>
          </div>
        </>
      ),
    },
    {
      colKey: 'org_detail',
      title: t('提供方'),
      width: 120,
      cell: ({ row }) => row.org_detail?.name,
    },
    {
      colKey: 'created_time',
      title: t('创建时间'),
      width: 100,
      cell: ({ row }) => formatDateTime(row.created_time),
    },
    {
      colKey: 'modified_time',
      title: t('最近修改时间'),
      width: 100,
      cell: ({ row }) => formatDateTime(row.modified_time),
    },
    {
      colKey: 'status',
      title: t('状态'),
      width: 120,
      cell: ({ row }) => (
        <Tag className={cn(s.toolTag, s[`status-${row.status}`])}>
          {STATUS_CHOICES[row.status as StatusEnum]}
        </Tag>
      ),
    },
    {
      colKey: 'other',
      title: t('权限状态'),
      width: 120,
      cell: ({ row }) => {
        if (row.open_maintain) {
          return (