diff --git a/frontend/src/pages/Resource/Server/List/components/ServerCard.tsx b/frontend/src/pages/Resource/Server/List/components/ServerCard.tsx index cea72c3b..dc627d9d 100644 --- a/frontend/src/pages/Resource/Server/List/components/ServerCard.tsx +++ b/frontend/src/pages/Resource/Server/List/components/ServerCard.tsx @@ -61,8 +61,10 @@ export const ServerCard: React.FC = ({ server, onTest, onEdit, }; return ( - - + + {/* 基础信息 */}
@@ -202,94 +204,94 @@ export const ServerCard: React.FC = ({ server, onTest, onEdit,
- - {/* 展开内容 */} - {expanded && ( -
-
- {renderValue( - - SSH: - - {(server.sshUser || 'root') + ':' + (server.sshPort || 22)} - - , - 'w-32' - )} - {server.authType && ( - - {server.authType === 'PASSWORD' ? '密码认证' : '密钥认证'} - - )} -
-
-
-
- -
- {renderValue( - server.cpuCores ? ( - {server.cpuCores}核 - ) : null, - 'w-10', - { skeleton: true, skeletonHeight: 'h-4' } - )} -
-
-
- -
- {renderValue( - server.memorySize ? ( - {server.memorySize}GB - ) : null, - 'w-10', - { skeleton: true, skeletonHeight: 'h-4' } - )} -
-
-
- -
- {renderValue( - server.diskSize ? ( - {server.diskSize}GB - ) : null, - 'w-10', - { skeleton: true, skeletonHeight: 'h-4' } - )} -
-
- - {server.tags && (() => { - try { - const tags = JSON.parse(server.tags); - if (Array.isArray(tags) && tags.length > 0) { - return ( -
- {tags.slice(0, 3).map((tag: string, index: number) => ( - - {tag} - - ))} - {tags.length > 3 && ( - +{tags.length - 3} - )} -
- ); - } - } catch { - return null; - } - return null; - })()} - - {server.description ? ( -

{server.description}

- ) : null} -
- )}
+ + {/* 展开内容 */} + {expanded && ( +
+
+ {renderValue( + + SSH: + + {(server.sshUser || 'root') + ':' + (server.sshPort || 22)} + + , + 'w-32' + )} + {server.authType && ( + + {server.authType === 'PASSWORD' ? '密码认证' : '密钥认证'} + + )} +
+
+
+
+ +
+ {renderValue( + server.cpuCores ? ( + {server.cpuCores}核 + ) : null, + 'w-10', + { skeleton: true, skeletonHeight: 'h-4' } + )} +
+
+
+ +
+ {renderValue( + server.memorySize ? ( + {server.memorySize}GB + ) : null, + 'w-10', + { skeleton: true, skeletonHeight: 'h-4' } + )} +
+
+
+ +
+ {renderValue( + server.diskSize ? ( + {server.diskSize}GB + ) : null, + 'w-10', + { skeleton: true, skeletonHeight: 'h-4' } + )} +
+
+ + {server.tags && (() => { + try { + const tags = JSON.parse(server.tags); + if (Array.isArray(tags) && tags.length > 0) { + return ( +
+ {tags.slice(0, 3).map((tag: string, index: number) => ( + + {tag} + + ))} + {tags.length > 3 && ( + +{tags.length - 3} + )} +
+ ); + } + } catch { + return null; + } + return null; + })()} + + {server.description ? ( +

{server.description}

+ ) : null} +
+ )}
); };