From 2fa89460ebecc2b8577b4f25f6ab91daf5356ea7 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Thu, 14 Aug 2025 13:30:32 +0800
Subject: [PATCH] =?UTF-8?q?Feature:=20=E6=B7=BB=E5=8A=A0Layout=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                      |  4 +++-
 app/components/JinshenHeader.vue | 22 ++++++++++++----------
 app/layouts/default.vue          | 10 ++++++++++
 i18n/locales/en.json             |  7 ++++++-
 i18n/locales/zh.json             | 11 ++++++++---
 5 files changed, 39 insertions(+), 15 deletions(-)
 create mode 100644 app/layouts/default.vue

diff --git a/app/app.vue b/app/app.vue
index 2b1be09..8e7f33e 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,7 @@
 <template>
   <div>
-    <NuxtPage />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
   </div>
 </template>
diff --git a/app/components/JinshenHeader.vue b/app/components/JinshenHeader.vue
index 6f079ed..c98d003 100644
--- a/app/components/JinshenHeader.vue
+++ b/app/components/JinshenHeader.vue
@@ -7,32 +7,32 @@
         <!-- 导航菜单 -->
         <el-menu default-active="productions" class="header-menu" mode="horizontal" :ellipsis="false" router>
             <el-menu-item index="/productions">
-                <span class="title">产品中心</span>
+                <span class="title">{{ $t('productions') }}</span>
             </el-menu-item>
             <el-menu-item index="/solutions">
-                <span class="title">解决方案</span>
+                <span class="title">{{ $t('solutions') }}</span>
             </el-menu-item>
             <el-menu-item index="/support">
-                <span class="title">服务支持</span>
+                <span class="title">{{ $t('support') }}</span>
             </el-menu-item>
             <el-menu-item index="/about">
-                <span class="title">关于我们</span>
+                <span class="title">{{ $t('about-us') }}</span>
             </el-menu-item>
         </el-menu>
 
         <!-- 右侧功能区 -->
         <div class="header-actions">
             <el-input
-v-model="searchQuery" class="search-input" placeholder="搜索..." :prefix-icon="Search" clearable
-                @keyup.enter="handleSearch" />
-            <el-dropdown>
+v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
+                :prefix-icon="Search" clearable @keyup.enter="handleSearch" />
+            <el-dropdown @command="setLocale">
                 <el-link type="info" :underline="false">
                     <el-icon class="mdi mdi-translate translate-link" />
                 </el-link>
                 <template #dropdown>
                     <el-dropdown-menu>
-                        <el-dropdown-item>中文</el-dropdown-item>
-                        <el-dropdown-item>English</el-dropdown-item>
+                        <el-dropdown-item command="zh">中文</el-dropdown-item>
+                        <el-dropdown-item command="en">English</el-dropdown-item>
                     </el-dropdown-menu>
                 </template>
             </el-dropdown>
@@ -43,6 +43,8 @@ v-model="searchQuery" class="search-input" placeholder="搜索..." :prefix-icon=
 <script setup lang="ts">
 import { Search } from '@element-plus/icons-vue';
 
+const { setLocale } = useI18n();
+
 const searchQuery = ref('')
 
 const handleSearch = () => {
@@ -98,4 +100,4 @@ const handleSearch = () => {
 .translate-link {
     font-size: 20px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
new file mode 100644
index 0000000..4dc3181
--- /dev/null
+++ b/app/layouts/default.vue
@@ -0,0 +1,10 @@
+<template>
+    <el-container>
+        <el-header>
+            <jinshen-header />
+        </el-header>
+        <el-main>
+            <slot />
+        </el-main>
+    </el-container>
+</template>
\ No newline at end of file
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index bf4e90b..8616473 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -1,4 +1,9 @@
 {
   "back": "back",
-  "not-found": "Not found"
+  "not-found": "Not found",
+  "productions": "Productions",
+  "solutions": "Solutions",
+  "support": "Support",
+  "about-us": "About Us",
+  "search-placeholder": "Search..."
 }
diff --git a/i18n/locales/zh.json b/i18n/locales/zh.json
index 4dfbadc..c19e0f7 100644
--- a/i18n/locales/zh.json
+++ b/i18n/locales/zh.json
@@ -1,4 +1,9 @@
 {
-    "back": "返回",
-    "not-found": "页面不存在"
-}
\ No newline at end of file
+  "back": "返回",
+  "not-found": "页面不存在",
+  "productions": "产品中心",
+  "solutions": "解决方案",
+  "support": "服务支持",
+  "about-us": "关于我们",
+  "search-placeholder": "搜索..."
+}