From 300266d32c43b3afbbe0f77910bd328dc6a11021 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Tue, 28 Oct 2025 16:32:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=B0=86=E5=90=84=E4=B8=AA?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E7=9A=84notfound=E6=8F=90=E7=A4=BA=E6=8F=90?=
 =?UTF-8?q?=E5=8F=96=E4=B8=BA=E5=8D=95=E7=8B=AC=E7=9A=84=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?NotFoundResult?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/shared/NotFoundResult.vue | 33 ++++++++++++++++++++++++
 app/pages/[...all].vue                   | 19 +++++---------
 app/pages/products/[...slug].vue         | 16 +++---------
 app/pages/solutions/[...slug].vue        | 16 +++---------
 i18n/locales/en.json                     |  3 +++
 i18n/locales/zh.json                     |  3 +++
 6 files changed, 53 insertions(+), 37 deletions(-)
 create mode 100644 app/components/shared/NotFoundResult.vue

diff --git a/app/components/shared/NotFoundResult.vue b/app/components/shared/NotFoundResult.vue
new file mode 100644
index 0000000..24b6b80
--- /dev/null
+++ b/app/components/shared/NotFoundResult.vue
@@ -0,0 +1,33 @@
+<template>
+  <el-result icon="warning" :title="title" :sub-title="subTitle">
+    <template #extra>
+      <el-button type="primary" @click="onBack">
+        {{ backText || $t('back') }}
+      </el-button>
+    </template>
+  </el-result>
+</template>
+
+<script setup lang="ts">
+  defineProps({
+    title: {
+      type: String,
+      required: true,
+    },
+    subTitle: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    backText: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    onBack: {
+      type: Function as () => unknown,
+      required: false,
+      default: undefined,
+    },
+  });
+</script>
diff --git a/app/pages/[...all].vue b/app/pages/[...all].vue
index 5568d64..71542f3 100644
--- a/app/pages/[...all].vue
+++ b/app/pages/[...all].vue
@@ -1,17 +1,10 @@
 <template>
   <main p="x4 y10" text="center teal-700 dark:gray-200">
-    <div text4xl>
-      <div i-ep-warning inline-block />
-    </div>
-    <div>{{ $t('not-found') }}</div>
-    <div>
-      <button text-sm btn m="3 t8" @click="router.back()">
-        {{ $t('back') }}
-      </button>
-    </div>
+    <not-found-result
+      :title="$t('page-not-found')"
+      :sub-title="$t('page-not-found-desc')"
+      :back-text="$t('back-to-home')"
+      :on-back="() => $router.push($localePath('/'))"
+    />
   </main>
 </template>
-
-<script setup lang="ts">
-  const router = useRouter();
-</script>
diff --git a/app/pages/products/[...slug].vue b/app/pages/products/[...slug].vue
index f71acd9..2fbfe71 100644
--- a/app/pages/products/[...slug].vue
+++ b/app/pages/products/[...slug].vue
@@ -67,20 +67,12 @@
       </div>
       <!-- 未找到产品 -->
       <div v-else class="not-found">
-        <el-result
-          icon="warning"
+        <not-found-result
           :title="$t('product-not-found')"
           :sub-title="$t('product-not-found-desc')"
-        >
-          <template #extra>
-            <el-button
-              type="primary"
-              @click="$router.push($localePath('/products'))"
-            >
-              {{ $t('back-to-products') }}
-            </el-button>
-          </template>
-        </el-result>
+          :back-text="$t('back-to-products')"
+          :on-back="() => $router.push($localePath('/products'))"
+        />
       </div>
     </div>
     <div v-else class="loading">
diff --git a/app/pages/solutions/[...slug].vue b/app/pages/solutions/[...slug].vue
index 2bf518e..5c40968 100644
--- a/app/pages/solutions/[...slug].vue
+++ b/app/pages/solutions/[...slug].vue
@@ -22,20 +22,12 @@
         </div>
       </div>
       <div v-else class="not-found">
-        <el-result
-          icon="warning"
+        <not-found-result
           :title="$t('solution-not-found')"
           :sub-title="$t('solution-not-found-desc')"
-        >
-          <template #extra>
-            <el-button
-              type="primary"
-              @click="$router.push($localePath('/solutions'))"
-            >
-              {{ $t('back-to-solutions') }}
-            </el-button>
-          </template>
-        </el-result>
+          :back-text="$t('back-to-solutions')"
+          :on-back="() => $router.push($localePath('/solutions'))"
+        />
       </div>
     </div>
     <div v-else class="loading">
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 462e8e1..097b27e 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -56,6 +56,9 @@
   "solution-not-found": "Solution Not Found",
   "solution-not-found-desc": "Sorry, the solution you are lokking for does not exist or has been removed.",
   "back-to-solutions": "Back to Solutions",
+  "page-not-found": "Page Not Found",
+  "page-not-found-desc": "Sorry, the page you are looking for does not exist or has been removed.",
+  "back-to-home": "Back to Home",
   "no-content-available": "No detailed information available",
   "loading": "Loading...",
   "our-products": "Our Products",
diff --git a/i18n/locales/zh.json b/i18n/locales/zh.json
index 9fc3894..36613f4 100644
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@@ -56,6 +56,9 @@
   "solution-not-found": "解决方案未找到",
   "solution-not-found-desc": "抱歉，您访问的解决方案不存在或已被删除",
   "back-to-solutions": "返回解决方案列表",
+  "page-not-found": "页面未找到",
+  "page-not-found-desc": "抱歉，您访问的页面不存在或已被删除。",
+  "back-to-home": "返回首页",
   "no-content-available": "暂无详细信息",
   "loading": "加载中...",
   "our-products": "我们的产品",