style: 布局多语言

src/layouts/components/Tabs.vue

@@ -3,6 +3,8 @@ import IconFont from '@/components/IconFont/index.vue';
 import { computed, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import useTabsStore from '@/store/modules/tabs';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
 const tabsStore = useTabsStore();
 const router = useRouter();
 
@@ -126,7 +128,7 @@ watch(router.currentRoute, v => tabsStore.tabOpen(v), { immediate: true });
       <template #rightExtra>
         <a-space :size="8" align="end">
           <a-tooltip placement="topRight">
-            <template #title>刷新当前</template>
+            <template #title>{{ t('loayouts.tabs.reload') }}</template>
             <a-button
               type="ghost"
               shape="circle"
@@ -137,16 +139,22 @@ watch(router.currentRoute, v => tabsStore.tabOpen(v), { immediate: true });
             </a-button>
           </a-tooltip>
           <a-tooltip placement="topRight">
-            <template #title>更多选项</template>
+            <template #title>{{ t('loayouts.tabs.more') }}</template>
             <a-dropdown :trigger="['click', 'hover']" placement="bottomRight">
               <a-button type="ghost" shape="circle" size="small">
                 <template #icon><DownOutlined /></template>
               </a-button>
               <template #overlay>
                 <a-menu @click="({ key }:any) => fnTabMenu(key)">
-                  <a-menu-item key="current">关闭当前</a-menu-item>
-                  <a-menu-item key="other">关闭其他 </a-menu-item>
-                  <a-menu-item key="all">关闭全部</a-menu-item>
+                  <a-menu-item key="current">
+                    {{ t('loayouts.tabs.closeCurrent') }}
+                  </a-menu-item>
+                  <a-menu-item key="other">
+                    {{ t('loayouts.tabs.closeOther') }}
+                  </a-menu-item>
+                  <a-menu-item key="all">
+                    {{ t('loayouts.tabs.closeAll') }}
+                  </a-menu-item>
                 </a-menu>
               </template>
             </a-dropdown>