⚡ 优化代码

eiam-console/src/main/console-fe/src/pages/account/UserList/components/User/User.tsx

@@ -40,7 +40,7 @@ import {
   Tooltip,
   Typography,
   Tag,
-  Popover
+  Popover,
 } from 'antd';
 import React, { useRef, useState } from 'react';
 import CreateUser from '../CreateUser';
@@ -185,43 +185,42 @@ export default (props: UserListProps) => {
       search: false,
       ellipsis: true,
       render: (_, record) => [
-          <Popover
-              key="pop"
-              title={
-                  <Tag color={'geekblue'} key={record.primaryOrgDisplayPath}>
-                      {record.primaryOrgDisplayPath}
+        <Popover
+          key="pop"
+          title={
+            <Tag color={'geekblue'} key={record.orgDisplayPath}>
+              {record.primaryOrgDisplayPath}
+            </Tag>
+          }
+          content={
+            <Space direction="vertical" size="small" style={{ display: 'flex' }}>
+              {record.orgDisplayPath.split(',')?.map((p: string) => {
+                return (
+                  <Tag color={'green'} key={p}>
+                    {p}
                   </Tag>
-              }
-              content={
-                  <Space direction="vertical" size="small" style={{ display: 'flex' }}>
-                      {record.orgDisplayPath.split(",")?.map((p: string) => {
-                          return (
-                              <Tag color={'green'} key={p}>
-                                  {p}
-                              </Tag>
-                          )
-                      })}
-                  </Space>
-              }>
-              <Space key="primary_path">
-                  {
-                      <Tag color={'geekblue'} key={record.primaryOrgDisplayPath}>
-                          {record.primaryOrgDisplayPath}
-                      </Tag>
-                  }
-              </Space>
-              <Space key="path" direction="vertical" size="small" style={{ display: 'flex' }}>
-                  {
-                      record.orgDisplayPath.split(",")?.map((p: string) => {
-                          return (
-                              <Tag color={'green'} key={p}>
-                                  {p}
-                              </Tag>
-                          )
-                      })
-                  }
-              </Space>
-          </Popover>
+                );
+              })}
+            </Space>
+          }
+        >
+          <Space key="primary_path">
+            {
+              <Tag color={'geekblue'} key={record.primaryOrgDisplayPath}>
+                {record.primaryOrgDisplayPath}
+              </Tag>
+            }
+          </Space>
+          <Space key="path" direction="vertical" size="small" style={{ display: 'flex' }}>
+            {record.orgDisplayPath.split(',')?.map((p: string) => {
+              return (
+                <Tag color={'green'} key={p}>
+                  {p}
+                </Tag>
+              );
+            })}
+          </Space>
+        </Popover>,
       ],
     },
     {

eiam-console/src/main/console-fe/src/services/account.ts

@@ -273,7 +273,9 @@ export async function removeUser(id: string): Promise<API.ApiResult<boolean>> {
 /**
  * Remove  Batch User
  */
-export async function removeBatchUser(ids: (number | string)[]): Promise<API.ApiResult<boolean>> {
+export async function removeBatchUser(
+  ids: (number | string | Key)[],
+): Promise<API.ApiResult<boolean>> {
   return request<API.ApiResult<boolean>>(`/api/v1/user/batch_delete`, {
     method: 'DELETE',
     params: { ids: ids },