---新增系统信息国际化

src/views/monitor/system/info.vue

@@ -13,28 +13,28 @@ let loading = ref<boolean>(true);
 /**磁盘信息表格字段列 */
 let diskTableColumns: ColumnsType = [
   {
-    title: '路径盘符',
+    title: t('views.monitor.system.disk'),
     dataIndex: 'target',
     align: 'center',
   },
   {
-    title: '总大小',
+    title: t('views.monitor.system.totalSize'),
     dataIndex: 'size',
     align: 'center',
   },
 
   {
-    title: '剩余大小',
+    title: t('views.monitor.system.lastSize'),
     dataIndex: 'avail',
     align: 'center',
   },
   {
-    title: '已使用大小',
+    title: t('views.monitor.system.usageSize'),
     dataIndex: 'used',
     align: 'center',
   },
   {
-    title: '空间使用率(%)',
+    title: t('views.monitor.system.spaceUsage'),
     dataIndex: 'pcent',
     align: 'center',
   },
@@ -122,7 +122,7 @@ onMounted(() => {
 <template>
   <PageContainer :loading="loading">
     <a-card
-      title="系统信息"
+      :title="t('views.monitor.system.systemInfo')"
       :bordered="false"
       :body-style="{ marginBottom: '24px', padding: 0 }"
     >
@@ -133,29 +133,31 @@ onMounted(() => {
         :column="{ lg: 2, md: 2, xs: 1 }"
         :bordered="true"
       >
-        <a-descriptions-item label="运行平台">
+        <a-descriptions-item :label="t('views.monitor.system.runPlace')">
           {{ server.system.platform }}
         </a-descriptions-item>
-        <a-descriptions-item label="平台版本">
+        <a-descriptions-item :label="t('views.monitor.system.placeVersion')">
           {{ server.system.platformVersion }}
         </a-descriptions-item>
-        <a-descriptions-item label="系统平台">
+        <a-descriptions-item :label="t('views.monitor.system.systemPlace')">
           {{ server.system.os }}
         </a-descriptions-item>
-        <a-descriptions-item label="系统架构">
+        <a-descriptions-item
+          :label="t('views.monitor.system.systemArchitecture')"
+        >
           {{ server.system.arch }}
         </a-descriptions-item>
-        <a-descriptions-item label="主机名称">
+        <a-descriptions-item :label="t('views.monitor.system.host')">
           {{ server.system.hostname }}
         </a-descriptions-item>
-        <a-descriptions-item label="运行时长">
+        <a-descriptions-item :label="t('views.monitor.system.runTime')">
           {{ loadUpTime(server.system.bootTime) }}
         </a-descriptions-item>
       </a-descriptions>
     </a-card>
 
     <a-card
-      title="CPU信息"
+      :title="t('views.monitor.system.cpuInfo')"
       :bordered="false"
       :body-style="{ marginBottom: '24px', padding: 0 }"
     >
@@ -166,23 +168,23 @@ onMounted(() => {
         :column="1"
         :bordered="true"
       >
-        <a-descriptions-item label="型号">
+        <a-descriptions-item :label="t('views.monitor.system.model')">
           {{ server.cpu.model }}
         </a-descriptions-item>
-        <a-descriptions-item label="速率Hz">
+        <a-descriptions-item :label="t('views.monitor.system.hz')">
           {{ server.cpu.speed }}
         </a-descriptions-item>
-        <a-descriptions-item label="核心数">
+        <a-descriptions-item :label="t('views.monitor.system.cores')">
           {{ server.cpu.core }}
         </a-descriptions-item>
-        <a-descriptions-item label="使用率(%)">
+        <a-descriptions-item :label="t('views.monitor.system.usage')">
           {{ server.cpu.coreUsed }}
         </a-descriptions-item>
       </a-descriptions>
     </a-card>
 
     <a-card
-      title="内存信息"
+      :title="t('views.monitor.system.memory')"
       :bordered="false"
       :body-style="{ marginBottom: '24px', padding: 0 }"
     >
@@ -193,32 +195,32 @@ onMounted(() => {
         :column="{ lg: 2, md: 2, xs: 1 }"
         :bordered="true"
       >
-        <a-descriptions-item label="总内存">
+        <a-descriptions-item :label="t('views.monitor.system.totalMemory')">
           {{ server.memory.totalmem }}
         </a-descriptions-item>
-        <a-descriptions-item label="剩余内存">
+        <a-descriptions-item :label="t('views.monitor.system.lastMemory')">
           {{ server.memory.freemem }}
         </a-descriptions-item>
-        <a-descriptions-item label="使用率(%)">
+        <a-descriptions-item :label="t('views.monitor.system.usage')">
           {{ server.memory.usage }}
         </a-descriptions-item>
-        <a-descriptions-item label="进程总内存">
+        <a-descriptions-item :label="t('views.monitor.system.proMemory')">
           {{ server.memory.rss }}
         </a-descriptions-item>
-        <a-descriptions-item label="堆的总大小">
+        <a-descriptions-item :label="t('views.monitor.system.heapSize')">
           {{ server.memory.heapTotal }}
         </a-descriptions-item>
-        <a-descriptions-item label="堆已分配">
+        <a-descriptions-item :label="t('views.monitor.system.heapUsage')">
           {{ server.memory.heapUsed }}
         </a-descriptions-item>
-        <a-descriptions-item label="链接库占用">
+        <a-descriptions-item :label="t('views.monitor.system.libUse')">
           {{ server.memory.external }}
         </a-descriptions-item>
       </a-descriptions>
     </a-card>
 
     <a-card
-      title="时间信息"
+      :title="t('views.monitor.system.timeInfo')"
       :bordered="false"
       :body-style="{ marginBottom: '24px', padding: 0 }"
     >
@@ -229,20 +231,20 @@ onMounted(() => {
         :column="{ lg: 3, md: 3, xs: 1 }"
         :bordered="true"
       >
-        <a-descriptions-item label="时间">
+        <a-descriptions-item :label="t('views.monitor.system.time')">
           {{ server.time.current }}
         </a-descriptions-item>
-        <a-descriptions-item label="时区">
+        <a-descriptions-item :label="t('views.monitor.system.timeZone')">
           {{ server.time.timezone }}
         </a-descriptions-item>
-        <a-descriptions-item label="时区名称">
+        <a-descriptions-item :label="t('views.monitor.system.timeZoneName')">
           {{ server.time.timezoneName }}
         </a-descriptions-item>
       </a-descriptions>
     </a-card>
 
     <a-card
-      title="网络信息"
+      :title="t('views.monitor.system.networkInfo')"
       :bordered="false"
       :body-style="{ marginBottom: '24px', padding: 0 }"
     >
@@ -263,7 +265,11 @@ onMounted(() => {
       </a-descriptions>
     </a-card>
 
-    <a-card title="磁盘信息" :bordered="false" :body-style="{ padding: 0 }">
+    <a-card
+      :title="t('views.monitor.system.diskInfo')"
+      :bordered="false"
+      :body-style="{ padding: 0 }"
+    >
       <a-table
         class="disk"
         row-key="target"