From 04a7b3887f362ef188e86e283669d4e11439c99d Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 10 Nov 2023 14:15:14 +0800
Subject: [PATCH] =?UTF-8?q?style:=20error=E9=A1=B5=E9=9D=A2=E5=A4=9A?=
 =?UTF-8?q?=E8=AF=AD=E8=A8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts | 16 ++++++++++++++++
 src/i18n/locales/zh-CN.ts | 16 ++++++++++++++++
 src/views/error/403.vue   | 14 ++++++++++----
 src/views/error/404.vue   | 21 ++++++++++++++-------
 4 files changed, 56 insertions(+), 11 deletions(-)

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 2244636c..165623c5 100644
--- a/src/i18n/locales/en-US.ts
+++ b/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',
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 775774d4..25b40cda 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/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: '手机号登录',
diff --git a/src/views/error/403.vue b/src/views/error/403.vue
index 13c215c4..b7578e2d 100644
--- a/src/views/error/403.vue
+++ b/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="没有访问权限"
-    sub-title="请不要进行非法操作，您可以返回主页面或返回"
+    :title="t('views.error.err403.ttile')"
+    :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>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 14b1e60e..99261f9b 100644
--- a/src/views/error/404.vue
+++ b/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="找不到匹配页面"
-    sub-title="对不起，您正在寻找的页面不存在。"
+    :title="t('views.error.err404.ttile')"
+    :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>