From 6558f2ffe97bca8b141056eaea6a2257c1bd74a5 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Mon, 9 Dec 2024 14:11:13 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=84=20=E5=8D=95=E7=8B=AC=E5=A4=84?=
 =?UTF-8?q?=E7=90=86darwin=E7=B3=BB=E7=BB=9F=E3=80=81windows=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E7=9A=84LOGO?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/host.js                               | 17 +++++++++++++++++
 .../components/server-detail/server-name.vue    |  6 ++----
 .../components/server-list/server-list-item.vue | 11 +++++++----
 3 files changed, 26 insertions(+), 8 deletions(-)

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"
         >
           <span
-            v-if="info?.Host?.Platform"
             class="system-os-icon"
           >
-            <span
-              :class="'fl-' + info?.Host?.Platform"
-            />
+            <span :class="platformLogoIconClassName" />
           </span>
           <span class="core-mem">{{ cpuAndMemAndDisk }}</span>
         </span>
@@ -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));
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/components/server-list/server-list-item.vue b/src/views/components/server-list/server-list-item.vue
index cdb7b6f..fb19b84 100644
--- a/src/views/components/server-list/server-list-item.vue
+++ b/src/views/components/server-list/server-list-item.vue
@@ -18,10 +18,7 @@
         <span
           class="server-flag"
         >
-          <span
-            class="fi"
-            :class="'fi-' + (info?.Host?.CountryCode || 'un')"
-          />
+          <span :class="platformLogoIconClassName" />
         </span>
         <span class="server-name">
           {{ info.Name }}
@@ -66,9 +63,13 @@
  * 单节点
  */
 
+import {
+  computed,
+} from 'vue';
 import {
   useRouter,
 } from 'vue-router';
+import * as hostUtils from '@/utils/host';
 
 import handleServerInfo from '@/views/composable/server-info';
 import ServerRealTime from '@/views/components/server/server-real-time.vue';
@@ -91,6 +92,8 @@ const { cpuAndMemAndDisk } = handleServerInfo({
   props,
 });
 
+const platformLogoIconClassName = computed(() => hostUtils.getPlatformLogoIconClassName(props.info?.Host?.Platform));
+
 function openDetail() {
   router.push({
     name: 'ServerDetail',