style: error页面多语言

src/i18n/locales/en-US.ts

@@ -122,6 +122,22 @@ export default {
       serialNum: 'serialNum',
       expiryDate: 'expiryDate',
     },
+    error: {
+      err403: {
+        ttile: 'No access',
+        subTitle:'Please do not perform illegal operations, you can go back to the main page or return to the',
+        backHome: 'Back to Home',
+        back: 'Back', 
+      },
+      err404: {
+        ttile: 'Match page not found',
+        subTitle:'Sorry, the page you are looking for does not exist.',
+        backHome: 'Back to Home',
+        tipTitle: "Can't find the page?",
+        paragraph: 'Try checking the URL for errors and then press the refresh button on your browser.',
+        paragraph1: 'Try to find other content in our application.',
+      },
+    },
     login: {
       tabPane1: 'Account password login',
       tabPane2: 'Login with phone number',

src/i18n/locales/zh-CN.ts

@@ -122,6 +122,22 @@ export default {
       serialNum: '序列号',
       expiryDate: '许可证到期日期',
     },
+    error: {
+      err403: {
+        ttile: '没有访问权限',
+        subTitle:'请不要进行非法操作，您可以返回主页面或返回',
+        backHome: '返回首页',
+        back: '返回', 
+      },
+      err404: {
+        ttile: '找不到匹配页面',
+        subTitle:'对不起，您正在寻找的页面不存在。',
+        backHome: '返回首页',
+        tipTitle: '找不到网页？',
+        paragraph: '尝试检查URL的错误，然后按浏览器上的刷新按钮。',
+        paragraph1: '尝试在我们的应用程序中找到其他内容。',
+      },
+    },
     login: {
       tabPane1: '账号密码登录',
       tabPane2: '手机号登录',

src/views/error/403.vue

@@ -1,19 +1,25 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
+import useI18n from '@/hooks/useI18n';
 const router = useRouter();
+const { t } = useI18n();
 </script>
 
 <template>
   <a-result
     status="403"
-    title="没有访问权限"
+    :title="t('views.error.err403.ttile')"
-    sub-title="请不要进行非法操作，您可以返回主页面或返回"
+    :sub-title="t('views.error.err403.subTitle')"
   >
     <template #extra>
       <RouterLink :to="{ name: 'Index' }" :replace="true">
-        <a-button type="primary"> 返回首页 </a-button>
+        <a-button type="primary">
+          {{ t('views.error.err403.backHome') }}
+        </a-button>
       </RouterLink>
-      <a-button type="default" @click="() => router.back()"> 返回 </a-button>
+      <a-button type="default" @click="() => router.back()">
+        {{ t('views.error.err403.back') }}
+      </a-button>
     </template>
   </a-result>
 </template>

src/views/error/404.vue

@@ -1,23 +1,30 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+</script>
 
 <template>
   <a-result
     status="404"
-    title="找不到匹配页面"
+    :title="t('views.error.err404.ttile')"
-    sub-title="对不起，您正在寻找的页面不存在。"
+    :sub-title="t('views.error.err404.subTitle')"
   >
     <template #extra>
       <RouterLink :to="{ name: 'Index' }" :replace="true">
-        <a-button type="primary"> 返回首页 </a-button>
+        <a-button type="primary">
+          {{ t('views.error.err404.backHome') }}
+        </a-button>
       </RouterLink>
     </template>
     <a-typography>
-      <a-typography-title> 找不到网页？ </a-typography-title>
+      <a-typography-title>
+        {{ t('views.error.err404.tipTitle') }}
+      </a-typography-title>
       <a-typography-paragraph>
-        1. 尝试检查URL的错误，然后按浏览器上的刷新按钮。
+        1. {{ t('views.error.err404.paragraph') }}
       </a-typography-paragraph>
       <a-typography-paragraph>
-        2. 尝试在我们的应用程序中找到其他内容。
+        2. {{ t('views.error.err404.paragraph1') }}
       </a-typography-paragraph>
     </a-typography>
   </a-result>