完善停车区域

web/src/i18n/index.js

@@ -1,11 +0,0 @@
-// import { createI18n } from 'vue-i18n'
-// import zh from './locales/zh-CN.json'
-// import en from './locales/en-US.json'
-//
-// const messages = { 'zh-CN': zh, 'en-US': en }
-// const i18n = createI18n({
-//   locale: localStorage.getItem('language') || 'zh-CN',
-//   fallbackLocale: 'zh-CN',
-//   messages
-// })
-// export default i18n

web/src/i18n/locales/zh-CN.json

@@ -1 +0,0 @@
-

web/src/lang/en.js

@@ -0,0 +1,6 @@
+export default {
+  welcome: 'Welcome to Vue3 Internationalization',
+  language: 'Language Switch',
+  home: 'Home',
+  about: 'About Us'
+}

web/src/lang/index.js

@@ -0,0 +1,17 @@
+import { createI18n } from 'vue-i18n'
+import zh from './zh'
+import en from './en'
+
+// 从本地缓存获取语言，默认中文
+const savedLang = localStorage.getItem('lang') || 'zh'
+
+const i18n = createI18n({
+  legacy: false, // Vue3 组合式API必须关闭
+  locale: savedLang, // 当前语言
+  messages: {
+    zh,
+    en
+  }
+})
+
+export default i18n

web/src/lang/zh.js

@@ -0,0 +1,6 @@
+export default {
+  welcome: '欢迎使用 Vue3 国际化',
+  language: '语言切换',
+  home: '首页',
+  about: '关于我们'
+}

web/src/main.js

@@ -14,7 +14,7 @@ import auth from '@/directive/auth'
 import { store } from '@/pinia'
 import App from './App.vue'
 import { initDom } from './utils/positionToCode'
-// import i18n from './i18n'
+import i18n from './lang'
 
 initDom()
 /**
@@ -37,7 +37,7 @@ app
   .use(run)
   .use(store)
   .use(auth)
-  .use(router)
+  .use(router).use(i18n)
   .mount('#app')
 
 export default app

web/src/view/layout/search/search.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="search-component">
+    <div style="height: 100%;width: 200px">
+      <el-select>
+        <el-option label="zh" value="zh"></el-option>
+        <el-option label="en" value="en"></el-option>
+      </el-select>
+    </div>
     <div
       class="gvaIcon gvaIcon-refresh"
       :class="[reload ? 'reloading' : '']"
@@ -36,7 +42,6 @@ const toService = () => {
 
 </script>
 <style scoped lang="scss">
-
 .search-component {
   @apply inline-flex overflow-hidden text-center gap-5 mr-5;
   div{
@@ -48,6 +53,8 @@ const toService = () => {
   .el-dropdown-link {
     @apply cursor-pointer;
   }
+  display: flex;
+  align-items: center;
 }
 
 .reload {