diff --git a/src/utils/host.js b/src/utils/host.js index 08eac38..f76231e 100644 --- a/src/utils/host.js +++ b/src/utils/host.js @@ -192,6 +192,23 @@ export function calcTransfer(bytes) { return result; } +export function getPlatformLogoIconClassName(platform) { + const platformStr = (platform || '').toLowerCase(); + if (platformStr.includes('windows') || platformStr.includes('microsoft')) { + return 'ri-microsoft-fill'; + } + switch (platformStr) { + case 'darwin': + case 'macos': + return 'fl-apple'; + default: + } + if (platform) { + return `fl-${platform}`; + } + return 'ri-server-line'; +} + /** * 获取系统发行版本 */ diff --git a/src/views/components/server-detail/server-name.vue b/src/views/components/server-detail/server-name.vue index 73f2159..65dc28a 100644 --- a/src/views/components/server-detail/server-name.vue +++ b/src/views/components/server-detail/server-name.vue @@ -21,12 +21,9 @@ class="cpu-mem-group" > - + {{ cpuAndMemAndDisk }} @@ -91,6 +88,7 @@ const { cpuAndMemAndDisk } = handleServerInfo({ const slogan = computed(() => props.info?.PublicNote?.customData?.slogan); const cpuInfo = computed(() => hostUtils.getCPUInfo(props.info?.Host?.CPU?.[0])); +const platformLogoIconClassName = computed(() => hostUtils.getPlatformLogoIconClassName(props.info?.Host?.Platform));