🪄 单独处理darwin系统、windows系统的LOGO

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';
+}
+
 /**
  * 获取系统发行版本
  */

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
+            <span :class="platformLogoIconClassName" />
-              :class="'fl-' + info?.Host?.Platform"
-            />
           </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>

src/views/components/server-list/server-list-item.vue

@@ -18,10 +18,7 @@
         <span
           class="server-flag"
         >
-          <span
+          <span :class="platformLogoIconClassName" />
-            class="fi"
-            :class="'fi-' + (info?.Host?.CountryCode || 'un')"
-          />
         </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',