From d352fac2f1025100952bc382c97699be0da35ad0 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Wed, 3 Jun 2026 21:03:04 +0800
Subject: [PATCH] feat(i18n): add full multi-language support for app modules

Add new i18n modules for booking, goods, order, and service features across en-US, zh-CN, th-TH locales
Extend existing quick module translations with new card, date, and page title strings
Replace all hardcoded static text in UI components with vue-i18n translation hooks
Update the main i18n registry and login page language switching to support the new translations
---
 src/components/Calender/index.vue             |  40 +++--
 src/components/DateRangeSection/index.vue     |  11 +-
 src/components/FormCard/index.vue             |  34 ++--
 src/components/ModuleTitle/index.vue          |   7 +-
 src/components/Qrcode/index.vue               |   6 +-
 src/components/RefundPopup/index.vue          |  11 +-
 src/components/SumCard/index.vue              |   8 +-
 src/components/SwipeCards/index.vue           |   5 +-
 src/components/UseDateRange/index.vue         |   5 +-
 src/i18n/messages.ts                          |  16 ++
 src/i18n/modules/booking/en-US.ts             |  36 ++++
 src/i18n/modules/booking/index.ts             |  12 ++
 src/i18n/modules/booking/th-TH.ts             |  36 ++++
 src/i18n/modules/booking/zh-CN.ts             |  36 ++++
 src/i18n/modules/common/en-US.ts              |  83 +++++++++
 src/i18n/modules/common/th-TH.ts              |  83 +++++++++
 src/i18n/modules/common/zh-CN.ts              |  83 +++++++++
 src/i18n/modules/goods/en-US.ts               |  32 ++++
 src/i18n/modules/goods/index.ts               |  12 ++
 src/i18n/modules/goods/th-TH.ts               |  32 ++++
 src/i18n/modules/goods/zh-CN.ts               |  32 ++++
 src/i18n/modules/home/en-US.ts                | 167 ++++++++++++++++++
 src/i18n/modules/home/th-TH.ts                | 167 ++++++++++++++++++
 src/i18n/modules/home/zh-CN.ts                | 167 ++++++++++++++++++
 src/i18n/modules/order/en-US.ts               |  92 ++++++++++
 src/i18n/modules/order/index.ts               |  12 ++
 src/i18n/modules/order/th-TH.ts               |  92 ++++++++++
 src/i18n/modules/order/zh-CN.ts               |  92 ++++++++++
 src/i18n/modules/quick/en-US.ts               |   9 +
 src/i18n/modules/quick/th-TH.ts               |   9 +
 src/i18n/modules/quick/zh-CN.ts               |   9 +
 src/i18n/modules/service/en-US.ts             |  24 +++
 src/i18n/modules/service/index.ts             |  12 ++
 src/i18n/modules/service/th-TH.ts             |  24 +++
 src/i18n/modules/service/zh-CN.ts             |  24 +++
 src/i18n/ui-hardcoded.test.ts                 | 159 +++++++++++++++++
 .../components/ConactSection/index.vue        |  17 +-
 .../booking/components/DetailPopup/index.vue  |   9 +-
 .../components/FooterSection/index.vue        |   5 +-
 .../booking/components/UserSection/index.vue  |  15 +-
 src/pages/booking/index.vue                   |  23 ++-
 .../goods/components/DateSelector/index.vue   |  11 +-
 .../goods/components/GoodPackage/index.vue    |   5 +-
 .../goods/components/LocationCard/index.vue   |  12 +-
 src/pages/goods/index.vue                     |  13 +-
 .../ActivityListComponent/index.vue           |  11 +-
 .../home/components/AddCarCard/index.vue      |   9 +-
 .../home/components/AiTabSwitch/index.vue     |   9 +-
 .../home/components/AnswerComponent/index.vue |   7 +-
 .../home/components/ChatCardAi/index.vue      |   5 +-
 src/pages/home/components/ChatGuide/index.vue |  16 +-
 .../home/components/ChatInputArea/index.vue   |   7 +-
 .../home/components/ChatMainList/index.vue    |  26 +--
 .../home/components/ChatQuickAccess/index.vue |  14 +-
 .../components/CreateServiceOrder/index.vue   |  43 +++--
 .../components/DetailCardComponent/index.vue  |   5 +-
 .../DetailCardGoodsContentList/index.vue      |   5 +-
 .../components/QuickQuestions/index.vue       |  10 +-
 .../home/components/DrawerSection/index.vue   |  20 ++-
 src/pages/home/components/Feedback/index.vue  |  32 ++--
 .../LongTextGuideCardPreview/index.vue        |  87 ++++-----
 .../home/components/MoreService/index.vue     |  39 ++--
 .../home/components/NoticeMessage/detail.vue  |   8 +-
 .../home/components/NoticeMessage/index.vue   |  12 +-
 .../components/OpenMapComponent/index.vue     |  13 +-
 .../components/QuickBookingCalender/index.vue |  28 +--
 .../QuickBookingContentList/index.vue         |   6 +-
 .../components/SurveyQuestionnaire/index.vue  |   7 +-
 src/pages/login/index.vue                     |   8 +-
 .../order/components/AmtSection/index.vue     |  11 +-
 .../order/components/FooterSection/index.vue  |  23 +--
 .../order/components/GoodsInfo/index.vue      |  11 +-
 .../components/OrderCard/OrderCardContent.vue |  45 ++---
 .../order/components/OrderCard/index.vue      |  42 +++--
 .../order/components/OrderInfo/index.vue      |  11 +-
 .../order/components/OrderQrcode/index.vue    |  21 ++-
 .../components/OrderStatusInfo/index.vue      |  21 +--
 src/pages/order/components/Tabs/index.vue     |  17 +-
 src/pages/order/components/UserInfo/index.vue |   7 +-
 .../order/components/VoucherList/index.vue    |  15 +-
 src/pages/order/detail.vue                    |   9 +-
 src/pages/order/list.vue                      |   9 +-
 src/pages/quick/components/Card/index.vue     |   6 +-
 src/pages/quick/index.vue                     |  12 +-
 .../service/components/OrderCard/index.vue    |  29 +--
 src/pages/service/index.vue                   |   9 +-
 86 files changed, 2132 insertions(+), 382 deletions(-)
 create mode 100644 src/i18n/modules/booking/en-US.ts
 create mode 100644 src/i18n/modules/booking/index.ts
 create mode 100644 src/i18n/modules/booking/th-TH.ts
 create mode 100644 src/i18n/modules/booking/zh-CN.ts
 create mode 100644 src/i18n/modules/goods/en-US.ts
 create mode 100644 src/i18n/modules/goods/index.ts
 create mode 100644 src/i18n/modules/goods/th-TH.ts
 create mode 100644 src/i18n/modules/goods/zh-CN.ts
 create mode 100644 src/i18n/modules/order/en-US.ts
 create mode 100644 src/i18n/modules/order/index.ts
 create mode 100644 src/i18n/modules/order/th-TH.ts
 create mode 100644 src/i18n/modules/order/zh-CN.ts
 create mode 100644 src/i18n/modules/service/en-US.ts
 create mode 100644 src/i18n/modules/service/index.ts
 create mode 100644 src/i18n/modules/service/th-TH.ts
 create mode 100644 src/i18n/modules/service/zh-CN.ts
 create mode 100644 src/i18n/ui-hardcoded.test.ts

diff --git a/src/components/Calender/index.vue b/src/components/Calender/index.vue
index b3a1922..9c4e8ae 100644
--- a/src/components/Calender/index.vue
+++ b/src/components/Calender/index.vue
@@ -6,8 +6,9 @@
       <!-- 头部区域 -->
       <div class="flex items-start justify-between p-[12px] border-b border-[#d9d9d9] bg-white">
         <div class="flex-1 flex flex-col gap-[4px]">
-          <span class="text-[18px] font-semibold text-[#333] leading-[1.4]">日历选择</span>
-          <span v-if="props.rangeRequirePrice" class="text-[14px] text-[#8c8c8c] leading-[1.4]">选择住宿日期，以下价格为单晚参考价</span>
+          <span class="text-[18px] font-semibold text-[#333] leading-[1.4]">{{ t("common.calendar.title") }}</span>
+          <span v-if="props.rangeRequirePrice" class="text-[14px] text-[#8c8c8c] leading-[1.4]">{{
+            t("common.calendar.stayDateHint") }}</span>
         </div>
         <div class="flex items-center justify-center w-[32px] h-[32px] " @click="handleClose">
           <van-icon name="cross" size="20" color="#8c8c8c"></van-icon>
@@ -61,12 +62,15 @@ import {
   watch,
   onBeforeUnmount,
 } from "vue";
+import { useI18n } from "vue-i18n";
 
 // 定义组件名称
 defineOptions({
   name: "Calendar",
 });
 
+const { t } = useI18n();
+
 // van-popup组件引用
 const popup = ref(null);
 const show = ref(false);
@@ -140,7 +144,15 @@ const emit = defineEmits([
 ]);
 
 // 响应式数据
-const weekDays = ref(["一", "二", "三", "四", "五", "六", "日"]);
+const weekDays = computed(() => [
+  t("common.calendar.weekdays.monday"),
+  t("common.calendar.weekdays.tuesday"),
+  t("common.calendar.weekdays.wednesday"),
+  t("common.calendar.weekdays.thursday"),
+  t("common.calendar.weekdays.friday"),
+  t("common.calendar.weekdays.saturday"),
+  t("common.calendar.weekdays.sunday"),
+]);
 const selectedDates = ref([]);
 const currentYear = ref(new Date().getFullYear());
 const isRangeSelecting = ref(false);
@@ -163,7 +175,7 @@ const yearMonthsGrid = computed(() => {
 
     months.push({
       key: `${year}-${month}`,
-      title: `${year}年${month}月`,
+      title: t("common.calendar.monthTitle", { year, month }),
       year: year,
       month: month,
       grid: generateCalendarGrid(year, month),
@@ -298,13 +310,13 @@ const getDateLabel = (dateStr) => {
   if (props.mode === "range") {
     if (dateStr === rangeStart.value && dateStr === rangeEnd.value) {
       // 当入住和离店是同一天时，显示"住/离"
-      return "住/离";
+      return t("common.calendar.labels.stayAndLeave");
     }
     if (dateStr === rangeStart.value) {
-      return "入住";
+      return t("common.calendar.labels.checkIn");
     }
     if (dateStr === rangeEnd.value) {
-      return "离店";
+      return t("common.calendar.labels.checkOut");
     }
   }
 
@@ -367,7 +379,7 @@ const getDateLabelClass = (dateInfo) => {
 const handleDateClick = (dateInfo) => {
   if (!dateInfo) return;
   if (dateInfo.disabled) {
-    showToast("该日期不可选");
+    showToast(t("common.calendar.errors.disabledDate"));
     // 仍然触发点击事件，供上层参考
     emit("date-click", {
       date: dateInfo.date,
@@ -421,11 +433,11 @@ const handleRangeSelection = (dateInfo) => {
         dateInfo.price !== undefined &&
         dateInfo.price !== "-";
       if (!hasPrice) {
-        showToast('所选日期不可预订，请重新选择');
+        showToast(t("common.calendar.errors.dateUnavailable"));
         return;
       }
       if (dateInfo.stock !== undefined && Number(dateInfo.stock) <= 0) {
-        showToast("所选日期库存不足，请选择其他日期");
+        showToast(t("common.calendar.errors.stockUnavailable"));
         return;
       }
     }
@@ -438,7 +450,7 @@ const handleRangeSelection = (dateInfo) => {
 
   // 否则为结束日期（完成选择）
   if (rangeStart.value === dateInfo.date) {
-    showToast("离店日期不能与入住日期相同");
+    showToast(t("common.calendar.errors.sameDate"));
     return;
   }
 
@@ -453,7 +465,7 @@ const handleRangeSelection = (dateInfo) => {
   // 检查日期跨度是否超过28天
   const daysBetween = calculateDaysBetween(rangeStart.value, rangeEnd.value);
   if (daysBetween > 28) {
-    showToast("预定时间不能超过28天");
+    showToast(t("common.calendar.errors.maxRange"));
     rangeStart.value = null;
     rangeEnd.value = null;
     isRangeSelecting.value = false;
@@ -467,7 +479,7 @@ const handleRangeSelection = (dateInfo) => {
       (d) => d.price === null || d.price === undefined || d.price === "-",
     );
     if (missing) {
-      showToast("所选区间包含无价格日期，请重新选择");
+      showToast(t("common.calendar.errors.missingPrice"));
       rangeStart.value = null;
       rangeEnd.value = null;
       return;
@@ -478,7 +490,7 @@ const handleRangeSelection = (dateInfo) => {
       return item && item.stock !== undefined && Number(item.stock) <= 0;
     });
     if (badStock) {
-      showToast("所选区间包含库存不足的日期，请重新选择");
+      showToast(t("common.calendar.errors.rangeStockUnavailable"));
       rangeStart.value = null;
       rangeEnd.value = null;
       return;
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 2805de5..d51a509 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -1,19 +1,19 @@
 <template>
   <div class=" flex items-center justify-between mb-[12px]">
     <div class="left flex items-center">
-      <span class="text-[12px] text-ink-400 mr-[4px]">入住</span>
+      <span class="text-[12px] text-ink-400 mr-[4px]">{{ t("common.dateRange.checkIn") }}</span>
       <span class="text-[12px] text-[#171717] mr-16">
         {{ selectedDate.startDate }}
       </span>
       <span class="total rounded-[5px] flex items-center text-[11px] color-43669A relative">{{
-        selectedDate.totalDays }}晚</span>
-      <span class="text-[12px] text-ink-400 ml-16">离店</span>
+        selectedDate.totalDays }}{{ t("common.dateRange.nights") }}</span>
+      <span class="text-[12px] text-ink-400 ml-16">{{ t("common.dateRange.checkOut") }}</span>
       <span class="text-[12px] text-[#171717] ml-[4px]">
         {{ selectedDate.endDate }}
       </span>
     </div>
     <div class="flex items-center" v-if="showBtn" @click="emit('click')">
-      <span class="text-[12px] text-[#2D91FF] leading-[16px]">房间详情</span>
+      <span class="text-[12px] text-[#2D91FF] leading-[16px]">{{ t("common.dateRange.roomDetails") }}</span>
       <van-icon name="arrow" size="15" color="#99A0AE" />
     </div>
   </div>
@@ -21,6 +21,9 @@
 
 <script setup>
 import { defineProps, defineEmits } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // Props
 const props = defineProps({
diff --git a/src/components/FormCard/index.vue b/src/components/FormCard/index.vue
index a88e0f4..ce7f8de 100644
--- a/src/components/FormCard/index.vue
+++ b/src/components/FormCard/index.vue
@@ -2,28 +2,31 @@
   <div class="inline-block text-[0px] rounded-lg overflow-hidden w-70 mr-3">
     <div class="bg-sky-500/5 border border-gray-200 rounded-t-lg flex items-center px-3 py-2.5 min-h-11">
       <van-icon class="minus uni-color" color="opacity" size="22" type="minus" />
-      <span class="ml-2 text-base font-medium text-[#0ccd58] flex-1 truncate">{{ title }}</span>
+      <span class="ml-2 text-base font-medium text-[#0ccd58] flex-1 truncate">{{ title ||
+        t("common.form.visitorDefault") }}</span>
       <van-icon v-if="showDeleteIcon" class="delete uni-color" color="opacity" size="22" type="trash"
         @click="handleDelete" />
     </div>
     <div class="bg-gray-100 rounded-b-lg border border-t-0 border-gray-200 p-3">
       <div class="flex items-start flex-col relative mb-4">
         <div class="flex items-center w-full">
-          <span class="text-sm text-[#86909c] w-[50px] shrink-0 font-medium mr-2.5">姓 名</span>
+          <span class="text-sm text-[#86909c] w-[50px] shrink-0 font-medium mr-2.5">{{ t("common.form.name")
+            }}</span>
           <input
             class="flex-1 text-sm text-gray-800 border-none border-b border-gray-200 bg-transparent outline-none transition-all duration-200 ease-in-out min-h-5 placeholder:text-[#86909c] placeholder:opacity-80 focus:border-b focus:border-gray-200"
-            :class="{ 'border-b border-[#ff4d4f]': nameError }" v-model="nameValue" placeholder="请输入姓名"
-            @blur="validateName" />
+            :class="{ 'border-b border-[#ff4d4f]': nameError }" v-model="nameValue"
+            :placeholder="t('common.form.namePlaceholder')" @blur="validateName" />
         </div>
         <span v-if="nameError" class="text-xs text-[#ff4d4f] mt-1.5 ml-[60px] leading-relaxed">{{ nameError }}</span>
       </div>
       <div class="flex items-start flex-col relative">
         <div class="flex items-center w-full">
-          <span class="text-sm text-[#86909c] w-[50px] shrink-0 font-medium mr-2.5">手机号</span>
+          <span class="text-sm text-[#86909c] w-[50px] shrink-0 font-medium mr-2.5">{{ t("common.form.phone")
+            }}</span>
           <input
             class="flex-1 text-sm text-gray-800 border-none border-b border-gray-200 bg-transparent outline-none transition-all duration-200 ease-in-out min-h-5 placeholder:text-[#86909c] placeholder:opacity-80 focus:border-b focus:border-gray-200"
-            :class="{ 'border-b border-[#ff4d4f]': phoneError }" v-model="phoneValue" placeholder="请输入手机号" type="tel"
-            maxlength="11" @blur="validatePhone" />
+            :class="{ 'border-b border-[#ff4d4f]': phoneError }" v-model="phoneValue"
+            :placeholder="t('common.form.phonePlaceholder')" type="tel" maxlength="11" @blur="validatePhone" />
         </div>
         <span v-if="phoneError" class="text-xs text-[#ff4d4f] mt-1.5 ml-[60px] leading-relaxed">{{ phoneError }}</span>
       </div>
@@ -33,13 +36,16 @@
 
 <script setup>
 import { ref, computed } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // 常量定义
 const PHONE_REGEX = /^1[3-9]\d{9}$/;
 const ERROR_MESSAGES = {
-  NAME_REQUIRED: "请输入姓名",
-  PHONE_REQUIRED: "手机号不能为空",
-  PHONE_INVALID: "请输入正确的手机号",
+  NAME_REQUIRED: "common.form.namePlaceholder",
+  PHONE_REQUIRED: "common.form.phonePlaceholder",
+  PHONE_INVALID: "booking.validation.validPhone",
 };
 
 /**
@@ -54,7 +60,7 @@ const ERROR_MESSAGES = {
 const props = defineProps({
   title: {
     type: String,
-    default: "游客1",
+    default: "",
   },
   form: {
     type: Object,
@@ -117,7 +123,7 @@ const phoneValue = computed({
  */
 const getNameError = (name) => {
   if (!name || name.trim() === "") {
-    return ERROR_MESSAGES.NAME_REQUIRED;
+    return t(ERROR_MESSAGES.NAME_REQUIRED);
   }
   return "";
 };
@@ -129,10 +135,10 @@ const getNameError = (name) => {
  */
 const getPhoneError = (phone) => {
   if (!phone) {
-    return ERROR_MESSAGES.PHONE_REQUIRED;
+    return t(ERROR_MESSAGES.PHONE_REQUIRED);
   }
   if (!PHONE_REGEX.test(phone)) {
-    return ERROR_MESSAGES.PHONE_INVALID;
+    return t(ERROR_MESSAGES.PHONE_INVALID);
   }
   return "";
 };
diff --git a/src/components/ModuleTitle/index.vue b/src/components/ModuleTitle/index.vue
index 7922f20..629ee28 100644
--- a/src/components/ModuleTitle/index.vue
+++ b/src/components/ModuleTitle/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="relative inline-block p-[6px_2px_2px] mb-[4px]">
     <span class="text-[18px] font-bold text-[#171717] relative z-10">
-      {{ title }}
+      {{ title || t("common.module.imageDetail") }}
     </span>
     <img class="absolute bottom-[-3px] left-0 w-full h-[10px] z-0" :src="isZhiNian ? indicatorSrcB : indicatorSrc" />
   </div>
@@ -9,13 +9,16 @@
 
 <script setup>
 import { isZhiNian } from "@/constants/base";
+import { useI18n } from "vue-i18n";
 import indicatorSrc from "./images/wave_icon.png";
 import indicatorSrcB from "./images/wave_icon_b.png";
 
+const { t } = useI18n();
+
 defineProps({
   title: {
     type: String,
-    default: "图片详情",
+    default: "",
   },
 });
 </script>
diff --git a/src/components/Qrcode/index.vue b/src/components/Qrcode/index.vue
index 197731e..5662806 100644
--- a/src/components/Qrcode/index.vue
+++ b/src/components/Qrcode/index.vue
@@ -12,9 +12,11 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, getCurrentInstance } from "vue";
+import { useI18n } from "vue-i18n";
 import QRCode from "./qrcode.js";
 
 let qrcode;
+const { t } = useI18n();
 
 // 定义props
 const props = defineProps({
@@ -163,7 +165,7 @@ const _makeCode = () => {
     }
   } else {
     console.log("二维码内容为空");
-    showToast("二维码内容不能为空");
+    showToast(t("common.qrcode.emptyContent"));
   }
 };
 
@@ -179,7 +181,7 @@ const _saveCode = () => {
     uni.saveImageToPhotosAlbum({
       filePath: result.value,
       success: function () {
-        showToast("二维码保存成功");
+        showToast(t("common.qrcode.saveSuccess"));
       },
     });
   }
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 56121f6..2dc39e5 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -3,7 +3,7 @@
     <div class="rounded-t-[15px] pb-10 bg-[#f5f7fa] ">
       <div class="flex items-center justify-between pt-[12px] pb-[12px] relative">
         <div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
-          取消政策
+          {{ t("common.refund.policy") }}
         </div>
         <!-- 关闭按钮 -->
         <van-icon class="top-[14px] right-[12px] absolute" name="cross" size="20" color="#CACFD8" @click="close" />
@@ -27,9 +27,12 @@
 
 <script setup>
 import { ref, computed, defineExpose } from "vue";
+import { useI18n } from "vue-i18n";
 import { iconsMap } from "@/static/fonts/znicons";
 import ZnIcon from '@/components/ZnIcon/index.vue'
 
+const { t } = useI18n();
+
 // Props定义
 const props = defineProps({
   // 弹窗显示状态
@@ -55,11 +58,11 @@ const show = ref(false)
 const refundTitle = computed(() => {
   if (props.orderData.commodityPurchaseInstruction) {
     return (
-      props.orderData.commodityPurchaseInstruction.refundTitle || "退订规则"
+      props.orderData.commodityPurchaseInstruction.refundTitle || t("common.refund.rules")
     );
   }
 
-  return "退订规则";
+  return t("common.refund.rules");
 });
 
 const commodityPurchaseInstruction = computed(() => {
@@ -85,4 +88,4 @@ defineExpose({
   open,
   close,
 })
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/SumCard/index.vue b/src/components/SumCard/index.vue
index 737e076..c916fba 100644
--- a/src/components/SumCard/index.vue
+++ b/src/components/SumCard/index.vue
@@ -1,17 +1,21 @@
 <template>
   <div class="rounded-lg bg-[#f5f5f5] px-3">
     <div class="flex justify-between items-center py-3 border-b border-[#ddd]">
-      <span class="text-[15px] text-[#333]">价格</span>
+      <span class="text-[15px] text-[#333]">{{ t("common.summary.price") }}</span>
       <span class="text-[14px] text-[#333]">¥{{ referencePrice }}</span>
     </div>
     <div class="flex justify-between items-center py-3">
-      <span class="text-[15px] text-[#333]">折扣优惠</span>
+      <span class="text-[15px] text-[#333]">{{ t("common.summary.discount") }}</span>
       <span class="text-[14px] text-[#ff5722]">-¥{{ discount }}</span>
     </div>
   </div>
 </template>
 
 <script setup>
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 defineProps({
   referencePrice: {
     type: Number,
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index c92e6e3..0ff73ce 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -27,7 +27,7 @@
 
           <div
             class="bd-[#0ccd58] text-[14px] text-white leading-1 mt-[12px] p-[12px_24px] rounded-[12px] inline-flex items-center justify-center"
-            @click.stop="placeOrderHandle(card)">购买</div>
+            @click.stop="placeOrderHandle(card)">{{ t("common.actions.buy") }}</div>
         </div>
       </div>
     </div>
@@ -36,8 +36,11 @@
 
 <script setup>
 import { ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import { checkToken } from "@/hooks/useGoLogin";
 
+const { t } = useI18n();
+
 const props = defineProps({
   cardsData: { type: Array, default: () => [] },
 });
diff --git a/src/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index b89b13b..220d047 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
     <div class=" text-[16px] font-medium text-black leading-[24px] p-[12px]">
-      使用日期
+      {{ t("common.dateRange.useDate") }}
     </div>
     <div class="flex items-center">
       <div class="w-full" overflow-x-auto>
@@ -33,6 +33,9 @@
 
 <script setup>
 import { ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 const props = defineProps({
   selectedDate: { type: String, default: null },
   openDateRangeList: { type: Array, default: () => [] },
diff --git a/src/i18n/messages.ts b/src/i18n/messages.ts
index 6ee353e..7fcfb4d 100644
--- a/src/i18n/messages.ts
+++ b/src/i18n/messages.ts
@@ -2,24 +2,40 @@ import { supportedLocales } from "./types.ts";
 import type { SupportedLocale } from "./types.ts";
 import { commonMessages } from "./modules/common/index.ts";
 import type { CommonMessages } from "./modules/common/index.ts";
+import { bookingMessages } from "./modules/booking/index.ts";
+import type { BookingMessages } from "./modules/booking/index.ts";
+import { goodsMessages } from "./modules/goods/index.ts";
+import type { GoodsMessages } from "./modules/goods/index.ts";
 import { homeMessages } from "./modules/home/index.ts";
 import type { HomeMessages } from "./modules/home/index.ts";
+import { orderMessages } from "./modules/order/index.ts";
+import type { OrderMessages } from "./modules/order/index.ts";
 import { quickMessages } from "./modules/quick/index.ts";
 import type { QuickMessages } from "./modules/quick/index.ts";
+import { serviceMessages } from "./modules/service/index.ts";
+import type { ServiceMessages } from "./modules/service/index.ts";
 
 export type AppMessages = {
+  booking: BookingMessages;
   common: CommonMessages;
+  goods: GoodsMessages;
   home: HomeMessages;
+  order: OrderMessages;
   quick: QuickMessages;
+  service: ServiceMessages;
 };
 
 export const messages = Object.fromEntries(
   supportedLocales.map((locale) => [
     locale,
     {
+      booking: bookingMessages[locale],
       common: commonMessages[locale],
+      goods: goodsMessages[locale],
       home: homeMessages[locale],
+      order: orderMessages[locale],
       quick: quickMessages[locale],
+      service: serviceMessages[locale],
     },
   ]),
 ) as Record<SupportedLocale, AppMessages>;
diff --git a/src/i18n/modules/booking/en-US.ts b/src/i18n/modules/booking/en-US.ts
new file mode 100644
index 0000000..e462be2
--- /dev/null
+++ b/src/i18n/modules/booking/en-US.ts
@@ -0,0 +1,36 @@
+export default {
+  contact: {
+    quantity: "Quantity",
+    quantityHint: "Select package quantity",
+    contactInfo: "Contact info",
+    contactName: "Contact name",
+    contactNamePlaceholder: "Enter contact name",
+    phone: "Mobile number",
+    phonePlaceholder: "Enter contact phone",
+  },
+  detail: {
+    title: "Details",
+    onlinePay: "Online payment",
+    roomFee: "Room fee",
+  },
+  footer: {
+    payNow: "Pay now",
+  },
+  policy: {
+    description: "Cancellation policy and notes",
+    title: "Cancellation policy",
+  },
+  user: {
+    stayInfo: "Stay info",
+    roomUnit: "rooms",
+    guestName: "Guest name",
+    namePlaceholder: "Enter name",
+    contactPhone: "Contact phone",
+    phonePlaceholder: "Enter contact phone",
+  },
+  validation: {
+    nameRequired: "Please enter a name",
+    reservationDateRequired: "Please select a reservation date",
+    validPhone: "Please enter a valid phone number",
+  },
+} as const;
diff --git a/src/i18n/modules/booking/index.ts b/src/i18n/modules/booking/index.ts
new file mode 100644
index 0000000..4804be5
--- /dev/null
+++ b/src/i18n/modules/booking/index.ts
@@ -0,0 +1,12 @@
+import type { LocaleMessageSchema, SupportedLocale } from "../../types.ts";
+import enUS from "./en-US.ts";
+import thTH from "./th-TH.ts";
+import zhCN from "./zh-CN.ts";
+
+export type BookingMessages = LocaleMessageSchema<typeof zhCN>;
+
+export const bookingMessages = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+  "th-TH": thTH,
+} satisfies Record<SupportedLocale, BookingMessages>;
diff --git a/src/i18n/modules/booking/th-TH.ts b/src/i18n/modules/booking/th-TH.ts
new file mode 100644
index 0000000..12a07f5
--- /dev/null
+++ b/src/i18n/modules/booking/th-TH.ts
@@ -0,0 +1,36 @@
+export default {
+  contact: {
+    quantity: "จำนวน",
+    quantityHint: "เลือกจำนวนแพ็กเกจ",
+    contactInfo: "ข้อมูลติดต่อ",
+    contactName: "ชื่อผู้ติดต่อ",
+    contactNamePlaceholder: "กรอกชื่อผู้ติดต่อ",
+    phone: "หมายเลขมือถือ",
+    phonePlaceholder: "กรอกเบอร์ติดต่อ",
+  },
+  detail: {
+    title: "รายละเอียด",
+    onlinePay: "ชำระเงินออนไลน์",
+    roomFee: "ค่าห้อง",
+  },
+  footer: {
+    payNow: "ชำระเงินทันที",
+  },
+  policy: {
+    description: "นโยบายการยกเลิกและคำอธิบาย",
+    title: "นโยบายการยกเลิก",
+  },
+  user: {
+    stayInfo: "ข้อมูลการเข้าพัก",
+    roomUnit: "ห้อง",
+    guestName: "ชื่อผู้เข้าพัก",
+    namePlaceholder: "กรอกชื่อ",
+    contactPhone: "เบอร์ติดต่อ",
+    phonePlaceholder: "กรอกเบอร์ติดต่อ",
+  },
+  validation: {
+    nameRequired: "โปรดกรอกชื่อ",
+    reservationDateRequired: "โปรดเลือกวันที่จอง",
+    validPhone: "โปรดกรอกหมายเลขโทรศัพท์ที่ถูกต้อง",
+  },
+} as const;
diff --git a/src/i18n/modules/booking/zh-CN.ts b/src/i18n/modules/booking/zh-CN.ts
new file mode 100644
index 0000000..ed09584
--- /dev/null
+++ b/src/i18n/modules/booking/zh-CN.ts
@@ -0,0 +1,36 @@
+export default {
+  contact: {
+    quantity: "选择数量",
+    quantityHint: "请选择套餐数量",
+    contactInfo: "联系方式",
+    contactName: "联系人姓名",
+    contactNamePlaceholder: "请输入联系人",
+    phone: "手机号码",
+    phonePlaceholder: "请输入联系手机",
+  },
+  detail: {
+    title: "明细详情",
+    onlinePay: "在线支付",
+    roomFee: "房费",
+  },
+  footer: {
+    payNow: "立即支付",
+  },
+  policy: {
+    description: "取消政策及说明",
+    title: "取消政策",
+  },
+  user: {
+    stayInfo: "入住信息",
+    roomUnit: "间",
+    guestName: "住客姓名",
+    namePlaceholder: "请输入姓名",
+    contactPhone: "联系手机",
+    phonePlaceholder: "请输入联系手机",
+  },
+  validation: {
+    nameRequired: "请填写姓名",
+    reservationDateRequired: "请选择预约日期",
+    validPhone: "请输入正确的手机号",
+  },
+} as const;
diff --git a/src/i18n/modules/common/en-US.ts b/src/i18n/modules/common/en-US.ts
index d36d1c3..adae98a 100644
--- a/src/i18n/modules/common/en-US.ts
+++ b/src/i18n/modules/common/en-US.ts
@@ -1,12 +1,79 @@
 export default {
   actions: {
+    askMore: "Ask more",
+    book: "Book",
+    buy: "Buy",
     cancel: "Cancel",
+    callPhone: "Call",
     confirm: "Confirm",
+    fillIn: "Fill in",
+    generate: "Generate",
+    goPay: "Pay",
+    logout: "Sign out",
+    navigation: "Navigate",
+    payNow: "Pay now",
     retry: "Retry",
+    submit: "Submit",
+    viewDetail: "View details",
+  },
+  calendar: {
+    title: "Select dates",
+    stayDateHint: "Select stay dates. Prices below are nightly references.",
+    weekdays: {
+      monday: "Mon",
+      tuesday: "Tue",
+      wednesday: "Wed",
+      thursday: "Thu",
+      friday: "Fri",
+      saturday: "Sat",
+      sunday: "Sun",
+    },
+    monthTitle: "{month}/{year}",
+    labels: {
+      stayAndLeave: "In/Out",
+      checkIn: "Check-in",
+      checkOut: "Check-out",
+    },
+    errors: {
+      disabledDate: "This date is unavailable",
+      dateUnavailable: "This date cannot be booked. Please choose again.",
+      stockUnavailable: "This date is out of stock. Please choose another date.",
+      sameDate: "Check-out date cannot be the same as check-in date",
+      maxRange: "Booking period cannot exceed 28 days",
+      missingPrice: "The selected range includes dates without prices. Please choose again.",
+      rangeStockUnavailable: "The selected range includes dates with insufficient stock. Please choose again.",
+    },
+  },
+  dateRange: {
+    checkIn: "Check-in",
+    nights: "nights",
+    checkOut: "Check-out",
+    roomDetails: "Room details",
+    useDate: "Use date",
   },
   errors: {
+    loadFailedRetry: "Load failed. Tap to retry",
     network: "Network error. Please try again later.",
   },
+  form: {
+    name: "Name",
+    namePlaceholder: "Enter name",
+    phone: "Phone",
+    phonePlaceholder: "Enter phone number",
+    visitorDefault: "Guest 1",
+  },
+  labels: {
+    account: "Account",
+    language: "Language",
+  },
+  locales: {
+    zhCN: "中文",
+    enUS: "English",
+    thTH: "ภาษาไทย",
+    zhShort: "中",
+    enShort: "EN",
+    thShort: "TH",
+  },
   login: {
     method: {
       google: "Sign in with Google",
@@ -35,8 +102,24 @@ export default {
       smsApiMissing: "SMS sending API is not connected",
     },
   },
+  module: {
+    imageDetail: "Image details",
+  },
+  qrcode: {
+    emptyContent: "QR code content cannot be empty",
+    saveSuccess: "QR code saved",
+  },
+  refund: {
+    policy: "Cancellation policy",
+    rules: "Refund rules",
+  },
   state: {
     empty: "No data",
     loading: "Loading...",
+    noMore: "No more",
+  },
+  summary: {
+    price: "Price",
+    discount: "Discount",
   },
 } as const;
diff --git a/src/i18n/modules/common/th-TH.ts b/src/i18n/modules/common/th-TH.ts
index e70e391..a3055c3 100644
--- a/src/i18n/modules/common/th-TH.ts
+++ b/src/i18n/modules/common/th-TH.ts
@@ -1,12 +1,79 @@
 export default {
   actions: {
+    askMore: "ถามต่อ",
+    book: "จอง",
+    buy: "ซื้อ",
     cancel: "ยกเลิก",
+    callPhone: "โทร",
     confirm: "ยืนยัน",
+    fillIn: "ไปกรอก",
+    generate: "สร้าง",
+    goPay: "ไปชำระเงิน",
+    logout: "ออกจากระบบ",
+    navigation: "นำทาง",
+    payNow: "ชำระเงินทันที",
     retry: "ลองอีกครั้ง",
+    submit: "ส่ง",
+    viewDetail: "ดูรายละเอียด",
+  },
+  calendar: {
+    title: "เลือกปฏิทิน",
+    stayDateHint: "เลือกวันที่เข้าพัก ราคาด้านล่างเป็นราคาต่อคืนโดยประมาณ",
+    weekdays: {
+      monday: "จ",
+      tuesday: "อ",
+      wednesday: "พ",
+      thursday: "พฤ",
+      friday: "ศ",
+      saturday: "ส",
+      sunday: "อา",
+    },
+    monthTitle: "{month}/{year}",
+    labels: {
+      stayAndLeave: "เข้า/ออก",
+      checkIn: "เช็คอิน",
+      checkOut: "เช็คเอาต์",
+    },
+    errors: {
+      disabledDate: "วันที่นี้ไม่สามารถเลือกได้",
+      dateUnavailable: "วันที่เลือกไม่สามารถจองได้ โปรดเลือกใหม่",
+      stockUnavailable: "วันที่เลือกมีจำนวนไม่พอ โปรดเลือกวันที่อื่น",
+      sameDate: "วันเช็คเอาต์ต้องไม่ตรงกับวันเช็คอิน",
+      maxRange: "ระยะเวลาจองต้องไม่เกิน 28 วัน",
+      missingPrice: "ช่วงวันที่เลือกมีวันที่ไม่มีราคา โปรดเลือกใหม่",
+      rangeStockUnavailable: "ช่วงวันที่เลือกมีวันที่จำนวนไม่พอ โปรดเลือกใหม่",
+    },
+  },
+  dateRange: {
+    checkIn: "เช็คอิน",
+    nights: "คืน",
+    checkOut: "เช็คเอาต์",
+    roomDetails: "รายละเอียดห้อง",
+    useDate: "วันที่ใช้",
   },
   errors: {
+    loadFailedRetry: "โหลดล้มเหลว แตะเพื่อลองอีกครั้ง",
     network: "เครือข่ายผิดพลาด โปรดลองอีกครั้งในภายหลัง",
   },
+  form: {
+    name: "ชื่อ",
+    namePlaceholder: "กรอกชื่อ",
+    phone: "โทรศัพท์",
+    phonePlaceholder: "กรอกหมายเลขโทรศัพท์",
+    visitorDefault: "ผู้เข้าพัก 1",
+  },
+  labels: {
+    account: "บัญชี",
+    language: "ภาษา",
+  },
+  locales: {
+    zhCN: "中文",
+    enUS: "English",
+    thTH: "ภาษาไทย",
+    zhShort: "中",
+    enShort: "EN",
+    thShort: "TH",
+  },
   login: {
     method: {
       google: "เข้าสู่ระบบด้วย Google",
@@ -35,8 +102,24 @@ export default {
       smsApiMissing: "ยังไม่ได้เชื่อมต่อ API สำหรับส่ง SMS",
     },
   },
+  module: {
+    imageDetail: "รายละเอียดรูปภาพ",
+  },
+  qrcode: {
+    emptyContent: "เนื้อหา QR Code ต้องไม่ว่าง",
+    saveSuccess: "บันทึก QR Code แล้ว",
+  },
+  refund: {
+    policy: "นโยบายการยกเลิก",
+    rules: "กฎการคืนเงิน",
+  },
   state: {
     empty: "ไม่มีข้อมูล",
     loading: "กำลังโหลด...",
+    noMore: "ไม่มีเพิ่มเติม",
+  },
+  summary: {
+    price: "ราคา",
+    discount: "ส่วนลด",
   },
 } as const;
diff --git a/src/i18n/modules/common/zh-CN.ts b/src/i18n/modules/common/zh-CN.ts
index bb22ca5..571f5d8 100644
--- a/src/i18n/modules/common/zh-CN.ts
+++ b/src/i18n/modules/common/zh-CN.ts
@@ -1,12 +1,79 @@
 export default {
   actions: {
+    askMore: "继续追问",
+    book: "预定",
+    buy: "购买",
     cancel: "取消",
+    callPhone: "拨打电话",
     confirm: "确认",
+    fillIn: "前往填写",
+    generate: "生成",
+    goPay: "去支付",
+    logout: "退出登录",
+    navigation: "导航",
+    payNow: "立即支付",
     retry: "重试",
+    submit: "提交",
+    viewDetail: "查看详情",
+  },
+  calendar: {
+    title: "日历选择",
+    stayDateHint: "选择住宿日期，以下价格为单晚参考价",
+    weekdays: {
+      monday: "一",
+      tuesday: "二",
+      wednesday: "三",
+      thursday: "四",
+      friday: "五",
+      saturday: "六",
+      sunday: "日",
+    },
+    monthTitle: "{year}年{month}月",
+    labels: {
+      stayAndLeave: "住/离",
+      checkIn: "入住",
+      checkOut: "离店",
+    },
+    errors: {
+      disabledDate: "该日期不可选",
+      dateUnavailable: "所选日期不可预订，请重新选择",
+      stockUnavailable: "所选日期库存不足，请选择其他日期",
+      sameDate: "离店日期不能与入住日期相同",
+      maxRange: "预定时间不能超过28天",
+      missingPrice: "所选区间包含无价格日期，请重新选择",
+      rangeStockUnavailable: "所选区间包含库存不足的日期，请重新选择",
+    },
+  },
+  dateRange: {
+    checkIn: "入住",
+    nights: "晚",
+    checkOut: "离店",
+    roomDetails: "房间详情",
+    useDate: "使用日期",
   },
   errors: {
+    loadFailedRetry: "加载失败，点击重试",
     network: "网络异常，请稍后重试",
   },
+  form: {
+    name: "姓 名",
+    namePlaceholder: "请输入姓名",
+    phone: "手机号",
+    phonePlaceholder: "请输入手机号",
+    visitorDefault: "游客1",
+  },
+  labels: {
+    account: "账号",
+    language: "语言",
+  },
+  locales: {
+    zhCN: "中文",
+    enUS: "English",
+    thTH: "ภาษาไทย",
+    zhShort: "中",
+    enShort: "EN",
+    thShort: "TH",
+  },
   login: {
     method: {
       google: "谷歌账号登录",
@@ -35,8 +102,24 @@ export default {
       smsApiMissing: "验证码发送接口未接入",
     },
   },
+  module: {
+    imageDetail: "图片详情",
+  },
+  qrcode: {
+    emptyContent: "二维码内容不能为空",
+    saveSuccess: "二维码保存成功",
+  },
+  refund: {
+    policy: "取消政策",
+    rules: "退订规则",
+  },
   state: {
     empty: "暂无数据",
     loading: "加载中...",
+    noMore: "没有更多了",
+  },
+  summary: {
+    price: "价格",
+    discount: "折扣优惠",
   },
 } as const;
diff --git a/src/i18n/modules/goods/en-US.ts b/src/i18n/modules/goods/en-US.ts
new file mode 100644
index 0000000..ca9274f
--- /dev/null
+++ b/src/i18n/modules/goods/en-US.ts
@@ -0,0 +1,32 @@
+export default {
+  actions: {
+    bookNow: "Book now",
+  },
+  date: {
+    checkIn: "Check-in",
+    nights: "nights",
+    checkOut: "Check-out",
+  },
+  dialog: {
+    unavailableTitle: "Notice",
+    unavailableMessage: "The selected item is currently unavailable. Please choose again.",
+  },
+  location: {
+    locatedAt: "Located at",
+    missingPhone: "No phone number provided",
+    navigation: "Navigate",
+    phone: "Phone",
+  },
+  package: {
+    included: "Package includes",
+  },
+  title: {
+    detail: "Item details",
+  },
+  types: {
+    hotel: "Room",
+    ticket: "Ticket",
+    food: "Dining",
+    package: "Package",
+  },
+} as const;
diff --git a/src/i18n/modules/goods/index.ts b/src/i18n/modules/goods/index.ts
new file mode 100644
index 0000000..5a73d06
--- /dev/null
+++ b/src/i18n/modules/goods/index.ts
@@ -0,0 +1,12 @@
+import type { LocaleMessageSchema, SupportedLocale } from "../../types.ts";
+import enUS from "./en-US.ts";
+import thTH from "./th-TH.ts";
+import zhCN from "./zh-CN.ts";
+
+export type GoodsMessages = LocaleMessageSchema<typeof zhCN>;
+
+export const goodsMessages = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+  "th-TH": thTH,
+} satisfies Record<SupportedLocale, GoodsMessages>;
diff --git a/src/i18n/modules/goods/th-TH.ts b/src/i18n/modules/goods/th-TH.ts
new file mode 100644
index 0000000..f290ed0
--- /dev/null
+++ b/src/i18n/modules/goods/th-TH.ts
@@ -0,0 +1,32 @@
+export default {
+  actions: {
+    bookNow: "จองทันที",
+  },
+  date: {
+    checkIn: "วันเช็คอิน",
+    nights: "คืน",
+    checkOut: "วันเช็คเอาต์",
+  },
+  dialog: {
+    unavailableTitle: "แจ้งเตือน",
+    unavailableMessage: "สินค้าที่เลือกยังไม่สามารถจองได้ โปรดเลือกใหม่",
+  },
+  location: {
+    locatedAt: "ตั้งอยู่ที่",
+    missingPhone: "ไม่มีหมายเลขโทรศัพท์",
+    navigation: "นำทาง",
+    phone: "โทรศัพท์",
+  },
+  package: {
+    included: "รวมในแพ็กเกจ",
+  },
+  title: {
+    detail: "รายละเอียดสินค้า",
+  },
+  types: {
+    hotel: "ห้องพัก",
+    ticket: "ตั๋ว",
+    food: "อาหาร",
+    package: "แพ็กเกจ",
+  },
+} as const;
diff --git a/src/i18n/modules/goods/zh-CN.ts b/src/i18n/modules/goods/zh-CN.ts
new file mode 100644
index 0000000..a624006
--- /dev/null
+++ b/src/i18n/modules/goods/zh-CN.ts
@@ -0,0 +1,32 @@
+export default {
+  actions: {
+    bookNow: "立即预定",
+  },
+  date: {
+    checkIn: "入住日期",
+    nights: "晚",
+    checkOut: "退房日期",
+  },
+  dialog: {
+    unavailableTitle: "温馨提示",
+    unavailableMessage: "您选的商品暂不可预订，请重新选择。",
+  },
+  location: {
+    locatedAt: "位于",
+    missingPhone: "未提供电话号码",
+    navigation: "导航",
+    phone: "电话",
+  },
+  package: {
+    included: "套餐包含内容",
+  },
+  title: {
+    detail: "商品详情",
+  },
+  types: {
+    hotel: "客房",
+    ticket: "门票",
+    food: "餐饮",
+    package: "套餐",
+  },
+} as const;
diff --git a/src/i18n/modules/home/en-US.ts b/src/i18n/modules/home/en-US.ts
index d85c3ca..45c29e3 100644
--- a/src/i18n/modules/home/en-US.ts
+++ b/src/i18n/modules/home/en-US.ts
@@ -1,4 +1,171 @@
 export default {
+  activity: {
+    quickBooking: "Quick booking",
+  },
+  addCar: {
+    tip: "Bind a real and valid license plate number, otherwise plate-based payment may not work.",
+    scanQr: "Long press to scan QR code",
+  },
+  answer: {
+    generating: "Generating",
+    viewFull: "View full",
+  },
+  chat: {
+    aiTour: "AI tour",
+    connectionFailed: "Failed to connect to the server. Please try again later.",
+    disclaimer: "Content is generated by an AI model. Please verify carefully.",
+    discovery: "Discover",
+    emptyReply: "No content received. Please try again.",
+    pending: "Thinking",
+    placeholder: "Tell Xiao Qi what you are thinking~",
+    requestStopped: "Request stopped",
+    requestTimeout: "Request timed out. Please try again.",
+    sendFailed: "Failed to send message. Please try again.",
+    waitCurrentReply: "Please wait for the current reply to finish",
+  },
+  chatGuide: {
+    title: "Chat with me!",
+    subtitle: "Tap to start chatting",
+  },
+  detail: {
+    imageTitle: "Image details",
+    relatedGoods: "Related items",
+  },
+  drawer: {
+    account: "Account",
+    language: "Language",
+    logout: "Sign out",
+    cancelAccount: "Delete account",
+  },
+  feedback: {
+    created: "Feedback created",
+    title: "Feedback",
+    phone: "Contact phone",
+    phonePlaceholder: "Enter contact phone",
+    content: "Feedback",
+    contentPlaceholder: "Enter feedback",
+    submit: "Submit now",
+    phonePreview: "Contact: ",
+    contentPreview: "Feedback: ",
+    successMessage: "{appName} will process your feedback as soon as possible.",
+    phoneRequired: "Please enter a contact phone",
+    contentRequired: "Please enter feedback",
+    success: "Feedback submitted",
+    failed: "Feedback submission failed",
+  },
+  longTextCards: {
+    rafting: {
+      badge: "Rafting guide",
+      title: "A few tips before getting in the water",
+      summary: "Wolongtan rafting is worth trying: forty minutes and three rapids, but motion-sensitive visitors should plan carefully...",
+      footer: "View full guide",
+    },
+    scenicSpot: {
+      badge: "Scenic story",
+      title: "Xiaoqikong Ancient Bridge · Three centuries of stone arches",
+      summary: "Xiaoqikong Ancient Bridge is a 300-year-old seven-arch stone bridge, and the scenic area takes its name from it...",
+      footer: "View full intro",
+    },
+    route: {
+      badge: "Route guide",
+      title: "After Wolongtan, continue to Yuanyang Lake",
+      summary: "The shuttle from Wolongtan to Yuanyang Lake takes about twenty minutes. The key is choosing the upper or lower lake...",
+      footer: "View full route",
+    },
+    photo: {
+      badge: "Photo guide",
+      title: "How to make the Yuanyang Lake glass boat shot count",
+      summary: "For glass boat photos, capture the clear green beneath the water. Best results come with front light...",
+      footer: "View full guide",
+    },
+    missingDetail: "Detail page is not configured yet",
+  },
+  map: {
+    open: "Open guide map",
+    distancePrefix: "From you",
+    defaultWalk: "8 min",
+    walkPrefix: "· Walk",
+  },
+  moreService: {
+    title: "More services",
+    quickBooking: {
+      title: "Quick booking",
+      content: "Book tickets, rooms, and meals",
+      button: "Book",
+    },
+    discovery: {
+      title: "Discover",
+      content: "Find attractions, activities, and featured content",
+      button: "Explore",
+    },
+    myOrder: {
+      title: "My orders",
+      content: "View ticket, stay, dining, and other orders",
+      button: "View",
+    },
+    service: {
+      title: "Call service",
+      content: "View service calls, progress, and handling status",
+      button: "View",
+    },
+    feedback: {
+      title: "Feedback",
+      content: "Submit issues, suggestions, and needs",
+      button: "Feedback",
+    },
+  },
+  notice: {
+    detailTitle: "Message details",
+    defaultTip: "Ask anytime. Your travel companion is here.",
+    publishedAt: "Published: ",
+    detail: "Details",
+  },
+  quickAccess: {
+    quickBooking: "Quick booking",
+    myOrder: "My orders",
+    service: "Call service",
+    more: "More",
+  },
+  quickBooking: {
+    calendarTitle: "Calendar",
+    order: "Order",
+    relativeDays: {
+      twoDaysAgo: "Two days ago",
+      yesterday: "Yesterday",
+      today: "Today",
+      tomorrow: "Tomorrow",
+      dayAfterTomorrow: "After tomorrow",
+    },
+  },
+  quickQuestions: {
+    title: "Quick questions",
+  },
+  serviceOrder: {
+    created: "Service created",
+    title: "Call service",
+    position: "Location",
+    positionPlaceholder: "Enter location",
+    phone: "Contact phone",
+    phonePlaceholder: "Enter contact phone",
+    demand: "Request description",
+    demandPlaceholder: "Enter request description",
+    photos: "Upload photo",
+    positionPreview: "Location: ",
+    phonePreview: "Contact: ",
+    demandPreview: "Request: ",
+    view: "View service",
+    callNow: "Call now",
+    imageFailed: "Failed to select image",
+    positionRequired: "Please enter a location",
+    phoneRequired: "Please enter a contact phone",
+    demandRequired: "Please enter request details",
+    success: "Call submitted",
+    failed: "Call failed",
+  },
   subtitle: "Welcome to the mobile app",
+  survey: {
+    title: "Survey",
+    fillIn: "Fill in",
+  },
   title: "Home",
 } as const;
diff --git a/src/i18n/modules/home/th-TH.ts b/src/i18n/modules/home/th-TH.ts
index 703232b..471c1e0 100644
--- a/src/i18n/modules/home/th-TH.ts
+++ b/src/i18n/modules/home/th-TH.ts
@@ -1,4 +1,171 @@
 export default {
+  activity: {
+    quickBooking: "จองด่วน",
+  },
+  addCar: {
+    tip: "โปรดผูกทะเบียนรถจริงและถูกต้อง ไม่เช่นนั้นฟังก์ชันชำระเงินด้วยทะเบียนอาจใช้งานไม่ได้",
+    scanQr: "กดค้างเพื่อสแกน QR",
+  },
+  answer: {
+    generating: "กำลังสร้าง",
+    viewFull: "ดูทั้งหมด",
+  },
+  chat: {
+    aiTour: "AI พาเที่ยว",
+    connectionFailed: "เชื่อมต่อเซิร์ฟเวอร์ไม่สำเร็จ โปรดลองอีกครั้งภายหลัง",
+    disclaimer: "เนื้อหาสร้างโดยโมเดล AI โปรดตรวจสอบอย่างรอบคอบ",
+    discovery: "สำรวจ",
+    emptyReply: "ไม่ได้รับเนื้อหา โปรดลองอีกครั้ง",
+    pending: "กำลังคิด",
+    placeholder: "บอก Xiao Qi ว่าคุณกำลังคิดอะไร~",
+    requestStopped: "หยุดคำขอแล้ว",
+    requestTimeout: "คำขอหมดเวลา โปรดลองอีกครั้ง",
+    sendFailed: "ส่งข้อความไม่สำเร็จ โปรดลองอีกครั้ง",
+    waitCurrentReply: "โปรดรอให้คำตอบปัจจุบันเสร็จสิ้น",
+  },
+  chatGuide: {
+    title: "มาคุยกับฉันสิ!",
+    subtitle: "แตะเพื่อเริ่มแชท",
+  },
+  detail: {
+    imageTitle: "รายละเอียดรูปภาพ",
+    relatedGoods: "สินค้าที่เกี่ยวข้อง",
+  },
+  drawer: {
+    account: "บัญชี",
+    language: "ภาษา",
+    logout: "ออกจากระบบ",
+    cancelAccount: "ลบบัญชี",
+  },
+  feedback: {
+    created: "สร้างข้อเสนอแนะแล้ว",
+    title: "ข้อเสนอแนะ",
+    phone: "เบอร์ติดต่อ",
+    phonePlaceholder: "กรอกเบอร์ติดต่อ",
+    content: "เนื้อหาข้อเสนอแนะ",
+    contentPlaceholder: "กรอกข้อเสนอแนะ",
+    submit: "ส่งทันที",
+    phonePreview: "ติดต่อ: ",
+    contentPreview: "ข้อเสนอแนะ: ",
+    successMessage: "{appName}จะดำเนินการกับข้อเสนอแนะของคุณโดยเร็วที่สุด",
+    phoneRequired: "โปรดกรอกเบอร์ติดต่อ",
+    contentRequired: "โปรดกรอกข้อเสนอแนะ",
+    success: "ส่งข้อเสนอแนะสำเร็จ",
+    failed: "ส่งข้อเสนอแนะไม่สำเร็จ",
+  },
+  longTextCards: {
+    rafting: {
+      badge: "คู่มือล่องแก่ง",
+      title: "ฟังคำแนะนำก่อนลงน้ำ",
+      summary: "ล่องแก่ง Wolongtan น่าลอง ใช้เวลาประมาณสี่สิบนาทีและมีแก่งสามช่วง ผู้ที่เวียนน้ำควรพิจารณาก่อน...",
+      footer: "ดูคู่มือฉบับเต็ม",
+    },
+    scenicSpot: {
+      badge: "เรื่องราวสถานที่",
+      title: "สะพานโบราณ Xiaoqikong · ซุ้มหินสามร้อยปี",
+      summary: "สะพานโบราณ Xiaoqikong เป็นสะพานหินเจ็ดช่องอายุกว่า 300 ปี และเป็นที่มาของชื่อพื้นที่...",
+      footer: "ดูคำแนะนำฉบับเต็ม",
+    },
+    route: {
+      badge: "เส้นทาง",
+      title: "หลัง Wolongtan แวะไปทะเลสาบ Yuanyang",
+      summary: "จาก Wolongtan ไปทะเลสาบ Yuanyang โดยรถชมวิวใช้เวลาประมาณยี่สิบนาที จุดสำคัญคือเลือกทะเลสาบบนหรือล่าง...",
+      footer: "ดูเส้นทางฉบับเต็ม",
+    },
+    photo: {
+      badge: "คู่มือถ่ายภาพ",
+      title: "ถ่ายเรือกระจก Yuanyang Lake ให้คุ้ม",
+      summary: "ถ่ายเรือกระจกให้ดีต้องเก็บสีเขียวใสใต้น้ำไว้ด้วย ช่วงแสงตามทิศเหมาะที่สุด...",
+      footer: "ดูคู่มือฉบับเต็ม",
+    },
+    missingDetail: "ยังไม่ได้ตั้งค่าหน้ารายละเอียด",
+  },
+  map: {
+    open: "เปิดแผนที่นำเที่ยว",
+    distancePrefix: "ห่างจากคุณ",
+    defaultWalk: "8 นาที",
+    walkPrefix: "· เดิน",
+  },
+  moreService: {
+    title: "บริการเพิ่มเติม",
+    quickBooking: {
+      title: "จองด่วน",
+      content: "จองตั๋ว ห้องพัก และอาหาร",
+      button: "ไปจอง",
+    },
+    discovery: {
+      title: "สำรวจ",
+      content: "ค้นหาสถานที่ กิจกรรม และเนื้อหาเด่น",
+      button: "ไปสำรวจ",
+    },
+    myOrder: {
+      title: "คำสั่งซื้อของฉัน",
+      content: "ดูคำสั่งซื้อตั๋ว ที่พัก อาหาร และอื่นๆ",
+      button: "ดู",
+    },
+    service: {
+      title: "เรียกบริการ",
+      content: "ดูบริการที่เรียก ความคืบหน้า และสถานะการจัดการ",
+      button: "ดู",
+    },
+    feedback: {
+      title: "ข้อเสนอแนะ",
+      content: "ส่งปัญหา คำแนะนำ และความต้องการ",
+      button: "ส่งข้อเสนอแนะ",
+    },
+  },
+  notice: {
+    detailTitle: "รายละเอียดข้อความ",
+    defaultTip: "สั่งได้ทุกเมื่อ เพื่อนเที่ยวที่เข้าใจคุณ",
+    publishedAt: "เผยแพร่: ",
+    detail: "รายละเอียด",
+  },
+  quickAccess: {
+    quickBooking: "จองด่วน",
+    myOrder: "คำสั่งซื้อของฉัน",
+    service: "เรียกบริการ",
+    more: "เพิ่มเติม",
+  },
+  quickBooking: {
+    calendarTitle: "ปฏิทิน",
+    order: "สั่งซื้อ",
+    relativeDays: {
+      twoDaysAgo: "สองวันก่อน",
+      yesterday: "เมื่อวาน",
+      today: "วันนี้",
+      tomorrow: "พรุ่งนี้",
+      dayAfterTomorrow: "มะรืนนี้",
+    },
+  },
+  quickQuestions: {
+    title: "คำถามด่วน",
+  },
+  serviceOrder: {
+    created: "สร้างบริการแล้ว",
+    title: "เรียกบริการ",
+    position: "ตำแหน่ง",
+    positionPlaceholder: "กรอกตำแหน่ง",
+    phone: "เบอร์ติดต่อ",
+    phonePlaceholder: "กรอกเบอร์ติดต่อ",
+    demand: "คำอธิบายคำขอ",
+    demandPlaceholder: "กรอกคำอธิบายคำขอ",
+    photos: "อัปโหลดรูปภาพ",
+    positionPreview: "ตำแหน่ง: ",
+    phonePreview: "ติดต่อ: ",
+    demandPreview: "คำขอ: ",
+    view: "ดูบริการ",
+    callNow: "เรียกทันที",
+    imageFailed: "เลือกรูปภาพไม่สำเร็จ",
+    positionRequired: "โปรดกรอกตำแหน่ง",
+    phoneRequired: "โปรดกรอกเบอร์ติดต่อ",
+    demandRequired: "โปรดกรอกรายละเอียดคำขอ",
+    success: "เรียกบริการสำเร็จ",
+    failed: "เรียกบริการไม่สำเร็จ",
+  },
   subtitle: "ยินดีต้อนรับสู่แอปมือถือ",
+  survey: {
+    title: "แบบสอบถาม",
+    fillIn: "ไปกรอก",
+  },
   title: "หน้าแรก",
 } as const;
diff --git a/src/i18n/modules/home/zh-CN.ts b/src/i18n/modules/home/zh-CN.ts
index c05411e..e1f9b8d 100644
--- a/src/i18n/modules/home/zh-CN.ts
+++ b/src/i18n/modules/home/zh-CN.ts
@@ -1,4 +1,171 @@
 export default {
+  activity: {
+    quickBooking: "快速预定",
+  },
+  addCar: {
+    tip: "请绑定真实有效的车牌号，否则将无法正常使用车牌付费等功能",
+    scanQr: "长按二维码识别",
+  },
+  answer: {
+    generating: "正在生成",
+    viewFull: "查看完整",
+  },
+  chat: {
+    aiTour: "AI伴游",
+    connectionFailed: "连接服务器失败，请稍后重试",
+    disclaimer: "内容由AI大模型生成，请仔细鉴别",
+    discovery: "探索发现",
+    emptyReply: "未获取到内容，请重试",
+    pending: "思考中",
+    placeholder: "快告诉小七您在想什么~",
+    requestStopped: "请求已停止",
+    requestTimeout: "请求超时，请重试",
+    sendFailed: "发送消息失败，请重试",
+    waitCurrentReply: "请等待当前回复完成",
+  },
+  chatGuide: {
+    title: "和我聊聊天吧!",
+    subtitle: "点击开始聊天",
+  },
+  detail: {
+    imageTitle: "图片详情",
+    relatedGoods: "相关商品",
+  },
+  drawer: {
+    account: "账号",
+    language: "语言",
+    logout: "退出登录",
+    cancelAccount: "账号注销",
+  },
+  feedback: {
+    created: "反馈已创建",
+    title: "反馈意见",
+    phone: "联系电话",
+    phonePlaceholder: "请填写联系电话",
+    content: "意见内容",
+    contentPlaceholder: "请输入反馈意见",
+    submit: "立即提交",
+    phonePreview: "联系方式:",
+    contentPreview: "意见内容:",
+    successMessage: "{appName}收到您的意见将第一时间为您处理!",
+    phoneRequired: "请填写联系电话",
+    contentRequired: "请填写意见内容",
+    success: "反馈意见成功",
+    failed: "反馈意见失败",
+  },
+  longTextCards: {
+    rafting: {
+      badge: "漂流攻略",
+      title: "下水之前，先听小七唠两句",
+      summary: "卧龙潭漂流值得冲，全程四十分钟、三段激流，但晕水的人要掂量…",
+      footer: "点击查看完整攻略",
+    },
+    scenicSpot: {
+      badge: "景点故事",
+      title: "小七孔古桥 · 走了三百年的石拱",
+      summary: "小七孔古桥是一座三百岁的七孔石桥，小七孔的名字就从这儿来…",
+      footer: "点击查看完整介绍",
+    },
+    route: {
+      badge: "路线指引",
+      title: "漂完卧龙潭，顺道去鸳鸯湖",
+      summary: "卧龙潭到鸳鸯湖坐观光车约二十分钟。要紧的是鸳鸯湖分上下湖…",
+      footer: "点击查看完整路线",
+    },
+    photo: {
+      badge: "拍照攻略",
+      title: "鸳鸯湖玻璃船，这样拍才不亏",
+      summary: "玻璃船拍照，关键是拍水下那抹通透的绿，顺光时段最出片…",
+      footer: "点击查看完整攻略",
+    },
+    missingDetail: "暂未配置详情页",
+  },
+  map: {
+    open: "打开导览地图",
+    distancePrefix: "距你",
+    defaultWalk: "8分钟",
+    walkPrefix: "· 步行",
+  },
+  moreService: {
+    title: "更多服务",
+    quickBooking: {
+      title: "快速预定",
+      content: "预定门票、房间、餐食",
+      button: "去预定",
+    },
+    discovery: {
+      title: "探索发现",
+      content: "发现景点、活动、特色内容",
+      button: "去探索",
+    },
+    myOrder: {
+      title: "我的订单",
+      content: "查看门票、住宿、餐饮等订单",
+      button: "去查看",
+    },
+    service: {
+      title: "呼叫服务",
+      content: "查看呼叫服务、进度与处理情况",
+      button: "去查看",
+    },
+    feedback: {
+      title: "反馈意见",
+      content: "提交使用问题、建议与需求",
+      button: "去反馈",
+    },
+  },
+  notice: {
+    detailTitle: "消息详情",
+    defaultTip: "随时吩咐，懂你的旅游搭子",
+    publishedAt: "发布时间：",
+    detail: "详情",
+  },
+  quickAccess: {
+    quickBooking: "快速预定",
+    myOrder: "我的订单",
+    service: "呼叫服务",
+    more: "更多",
+  },
+  quickBooking: {
+    calendarTitle: "日历",
+    order: "下单",
+    relativeDays: {
+      twoDaysAgo: "前天",
+      yesterday: "昨天",
+      today: "今天",
+      tomorrow: "明天",
+      dayAfterTomorrow: "后天",
+    },
+  },
+  quickQuestions: {
+    title: "快捷提问",
+  },
+  serviceOrder: {
+    created: "服务已创建",
+    title: "呼叫服务",
+    position: "所在位置",
+    positionPlaceholder: "请填写所在位置",
+    phone: "联系电话",
+    phonePlaceholder: "请填写联系电话",
+    demand: "需求信息描述",
+    demandPlaceholder: "请输入需求信息描述",
+    photos: "照片上传",
+    positionPreview: "所在位置：",
+    phonePreview: "联系方式:",
+    demandPreview: "需求描述:",
+    view: "查看服务",
+    callNow: "立即呼叫",
+    imageFailed: "选择图片失败",
+    positionRequired: "请填写所在位置",
+    phoneRequired: "请填写联系电话",
+    demandRequired: "请填写需求信息描述内容",
+    success: "呼叫成功",
+    failed: "呼叫失败",
+  },
   subtitle: "欢迎使用移动端应用",
+  survey: {
+    title: "调查问卷",
+    fillIn: "前往填写",
+  },
   title: "首页",
 } as const;
diff --git a/src/i18n/modules/order/en-US.ts b/src/i18n/modules/order/en-US.ts
new file mode 100644
index 0000000..1440d90
--- /dev/null
+++ b/src/i18n/modules/order/en-US.ts
@@ -0,0 +1,92 @@
+export default {
+  amount: {
+    title: "Order amount",
+    autoCancel: "The order will be cancelled automatically after timeout",
+    cancelPolicy: "Cancellation policy and notes",
+    viewDetail: "View details",
+  },
+  card: {
+    pay: "Pay",
+    other: "Other order",
+    statusUnknown: "Unknown status",
+    workStatusPending: "Waiting",
+    workStatusProcessing: "Processing",
+    workStatusCompleted: "Completed",
+    workStatusClosed: "Closed",
+    orderStatusPendingPay: "Pending payment",
+    orderStatusPendingConfirm: "Pending confirmation",
+    orderStatusPendingUse: "Pending use",
+    orderStatusCanceled: "Cancelled",
+    orderStatusRefunding: "Refunding",
+    orderStatusRefunded: "Refunded",
+    orderStatusCompleted: "Completed",
+    checkInTime: "Check-in time",
+    visitorName: "Visitor name",
+    contactPhone: "Contact phone",
+    quantity: "Quantity",
+    createTime: "Created at",
+    contactGuest: "Contact guest",
+    monthDay: "{month}/{day}",
+  },
+  empty: {
+    list: "No orders yet",
+  },
+  footer: {
+    refund: "Request refund",
+    payNow: "Pay now",
+    bookAgain: "Book again",
+    submitting: "Submitting order...",
+    createFailed: "Order creation failed. Please try again.",
+    payParamsInvalid: "Payment parameters are invalid. Please try again.",
+    paySuccess: "Payment successful",
+    payFailed: "Payment failed. Please try again.",
+    tipTitle: "Notice",
+    payDeveloping: "Payment feature is under development",
+  },
+  goods: {
+    quantity: "Quantity",
+    ticketUnit: "tickets",
+    itemUnit: "items",
+    voucherHint: "Use the electronic voucher for direct verification",
+  },
+  info: {
+    number: "Order number",
+    createdAt: "Order time",
+    payStatus: "Payment status",
+    unpaid: "Unpaid",
+    paid: "Paid",
+  },
+  qrcode: {
+    title: "Verification voucher",
+    instruction: "Please show this code to staff",
+    total: "Total",
+    remaining: "Remaining",
+    available: "available",
+    voucher: "Voucher",
+    onlyVerify: "This code can verify only",
+    unit: "items",
+    swipeHint: "Scan, then tap next",
+  },
+  refund: {
+    submitted: "Refund request submitted",
+    failed: "Refund request failed. Please try again.",
+  },
+  tabs: {
+    all: "All orders",
+    service: "Service tickets",
+  },
+  title: {
+    detail: "Order details",
+    list: "All orders",
+  },
+  user: {
+    guestName: "Guest name",
+    phone: "Contact phone",
+  },
+  voucher: {
+    title: "Voucher list",
+    show: "Show voucher",
+    used: "Used",
+    usedToast: "This voucher has already been used",
+  },
+} as const;
diff --git a/src/i18n/modules/order/index.ts b/src/i18n/modules/order/index.ts
new file mode 100644
index 0000000..37183e7
--- /dev/null
+++ b/src/i18n/modules/order/index.ts
@@ -0,0 +1,12 @@
+import type { LocaleMessageSchema, SupportedLocale } from "../../types.ts";
+import enUS from "./en-US.ts";
+import thTH from "./th-TH.ts";
+import zhCN from "./zh-CN.ts";
+
+export type OrderMessages = LocaleMessageSchema<typeof zhCN>;
+
+export const orderMessages = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+  "th-TH": thTH,
+} satisfies Record<SupportedLocale, OrderMessages>;
diff --git a/src/i18n/modules/order/th-TH.ts b/src/i18n/modules/order/th-TH.ts
new file mode 100644
index 0000000..72a7b92
--- /dev/null
+++ b/src/i18n/modules/order/th-TH.ts
@@ -0,0 +1,92 @@
+export default {
+  amount: {
+    title: "ยอดคำสั่งซื้อ",
+    autoCancel: "คำสั่งซื้อจะถูกยกเลิกอัตโนมัติเมื่อหมดเวลา",
+    cancelPolicy: "นโยบายการยกเลิกและคำอธิบาย",
+    viewDetail: "ดูรายละเอียด",
+  },
+  card: {
+    pay: "ชำระเงิน",
+    other: "คำสั่งซื้ออื่น",
+    statusUnknown: "ไม่ทราบสถานะ",
+    workStatusPending: "รอรับงาน",
+    workStatusProcessing: "กำลังดำเนินการ",
+    workStatusCompleted: "เสร็จสิ้น",
+    workStatusClosed: "ปิดแล้ว",
+    orderStatusPendingPay: "รอชำระเงิน",
+    orderStatusPendingConfirm: "รอยืนยัน",
+    orderStatusPendingUse: "รอใช้งาน",
+    orderStatusCanceled: "ยกเลิกแล้ว",
+    orderStatusRefunding: "กำลังคืนเงิน",
+    orderStatusRefunded: "คืนเงินแล้ว",
+    orderStatusCompleted: "เสร็จสิ้น",
+    checkInTime: "เวลาเช็คอิน",
+    visitorName: "ชื่อนักท่องเที่ยว",
+    contactPhone: "เบอร์ติดต่อ",
+    quantity: "จำนวน",
+    createTime: "เวลาสร้าง",
+    contactGuest: "ติดต่อผู้เข้าพัก",
+    monthDay: "{day}/{month}",
+  },
+  empty: {
+    list: "ยังไม่มีคำสั่งซื้อ",
+  },
+  footer: {
+    refund: "ขอคืนเงิน",
+    payNow: "ชำระเงินทันที",
+    bookAgain: "จองอีกครั้ง",
+    submitting: "กำลังส่งคำสั่งซื้อ...",
+    createFailed: "สร้างคำสั่งซื้อไม่สำเร็จ โปรดลองอีกครั้ง",
+    payParamsInvalid: "ข้อมูลชำระเงินไม่ถูกต้อง โปรดลองอีกครั้ง",
+    paySuccess: "ชำระเงินสำเร็จ",
+    payFailed: "ชำระเงินไม่สำเร็จ โปรดลองอีกครั้ง",
+    tipTitle: "แจ้งเตือน",
+    payDeveloping: "ฟังก์ชันชำระเงินกำลังพัฒนา",
+  },
+  goods: {
+    quantity: "จำนวนที่ซื้อ",
+    ticketUnit: "ใบ",
+    itemUnit: "รายการ",
+    voucherHint: "ใช้คูปองอิเล็กทรอนิกส์เพื่อยืนยันโดยตรง",
+  },
+  info: {
+    number: "เลขคำสั่งซื้อ",
+    createdAt: "เวลาสั่งซื้อ",
+    payStatus: "สถานะชำระเงิน",
+    unpaid: "ยังไม่ชำระ",
+    paid: "ชำระแล้ว",
+  },
+  qrcode: {
+    title: "คูปองยืนยัน",
+    instruction: "โปรดแสดงรหัสนี้ให้เจ้าหน้าที่",
+    total: "ทั้งหมด",
+    remaining: "เหลือ",
+    available: "ใช้ได้",
+    voucher: "คูปอง",
+    onlyVerify: "รหัสนี้ใช้ยืนยันได้เพียง",
+    unit: "รายการ",
+    swipeHint: "สแกนแล้วแตะถัดไป",
+  },
+  refund: {
+    submitted: "ส่งคำขอคืนเงินแล้ว",
+    failed: "ขอคืนเงินไม่สำเร็จ โปรดลองอีกครั้ง",
+  },
+  tabs: {
+    all: "คำสั่งซื้อทั้งหมด",
+    service: "ใบงานบริการ",
+  },
+  title: {
+    detail: "รายละเอียดคำสั่งซื้อ",
+    list: "คำสั่งซื้อทั้งหมด",
+  },
+  user: {
+    guestName: "ชื่อผู้เข้าพัก",
+    phone: "เบอร์ติดต่อ",
+  },
+  voucher: {
+    title: "รายการคูปองยืนยัน",
+    show: "แสดงคูปอง",
+    used: "ใช้แล้ว",
+    usedToast: "คูปองนี้ถูกใช้แล้ว",
+  },
+} as const;
diff --git a/src/i18n/modules/order/zh-CN.ts b/src/i18n/modules/order/zh-CN.ts
new file mode 100644
index 0000000..29bf267
--- /dev/null
+++ b/src/i18n/modules/order/zh-CN.ts
@@ -0,0 +1,92 @@
+export default {
+  amount: {
+    title: "订单金额",
+    autoCancel: "超时后，订单将自动取消",
+    cancelPolicy: "取消政策及说明",
+    viewDetail: "查看详情",
+  },
+  card: {
+    pay: "去支付",
+    other: "其他订单",
+    statusUnknown: "未知状态",
+    workStatusPending: "待接单",
+    workStatusProcessing: "处理中",
+    workStatusCompleted: "已完成",
+    workStatusClosed: "已关闭",
+    orderStatusPendingPay: "待支付",
+    orderStatusPendingConfirm: "待确认",
+    orderStatusPendingUse: "待使用",
+    orderStatusCanceled: "已取消",
+    orderStatusRefunding: "退款中",
+    orderStatusRefunded: "已退款",
+    orderStatusCompleted: "已完成",
+    checkInTime: "入住时间",
+    visitorName: "游客姓名",
+    contactPhone: "联系电话",
+    quantity: "份数",
+    createTime: "创建时间",
+    contactGuest: "联系房客",
+    monthDay: "{month}月{day}日",
+  },
+  empty: {
+    list: "您暂无订单",
+  },
+  footer: {
+    refund: "申请退款",
+    payNow: "立即支付",
+    bookAgain: "再次预定",
+    submitting: "正在提交订单...",
+    createFailed: "订单创建失败，请重试",
+    payParamsInvalid: "支付参数错误，请重试",
+    paySuccess: "支付成功",
+    payFailed: "支付失败，请重试",
+    tipTitle: "提示",
+    payDeveloping: "支付功能开发中",
+  },
+  goods: {
+    quantity: "购买数量",
+    ticketUnit: "张",
+    itemUnit: "份",
+    voucherHint: "凭[电子凭证]直接验证使用",
+  },
+  info: {
+    number: "订单编号",
+    createdAt: "下单时间",
+    payStatus: "支付状态",
+    unpaid: "未支付",
+    paid: "已支付",
+  },
+  qrcode: {
+    title: "核销凭证",
+    instruction: "请向工作人员出示此码",
+    total: "总计",
+    remaining: "剩",
+    available: "可用",
+    voucher: "凭证",
+    onlyVerify: "此码仅可核销",
+    unit: "份",
+    swipeHint: "扫码后点击下一张",
+  },
+  refund: {
+    submitted: "退款申请已提交",
+    failed: "退款申请失败，请重试",
+  },
+  tabs: {
+    all: "全部订单",
+    service: "服务工单",
+  },
+  title: {
+    detail: "订单详情",
+    list: "全部订单",
+  },
+  user: {
+    guestName: "住客姓名",
+    phone: "联系电话",
+  },
+  voucher: {
+    title: "核销凭证列表",
+    show: "出示凭证",
+    used: "已核销",
+    usedToast: "该凭证已核销使用",
+  },
+} as const;
diff --git a/src/i18n/modules/quick/en-US.ts b/src/i18n/modules/quick/en-US.ts
index 3e8f35d..ad94201 100644
--- a/src/i18n/modules/quick/en-US.ts
+++ b/src/i18n/modules/quick/en-US.ts
@@ -1,7 +1,16 @@
 export default {
+  card: {
+    orderShort: "Book",
+  },
+  date: {
+    checkIn: "Check-in",
+    nights: "nights",
+    checkOut: "Check-out",
+  },
   form: {
     placeholder: "Enter content",
     submit: "Submit",
   },
+  pageTitle: "Quick booking",
   title: "Quick Actions",
 } as const;
diff --git a/src/i18n/modules/quick/th-TH.ts b/src/i18n/modules/quick/th-TH.ts
index c3c6018..b7dd510 100644
--- a/src/i18n/modules/quick/th-TH.ts
+++ b/src/i18n/modules/quick/th-TH.ts
@@ -1,7 +1,16 @@
 export default {
+  card: {
+    orderShort: "จอง",
+  },
+  date: {
+    checkIn: "เช็คอิน",
+    nights: "คืน",
+    checkOut: "เช็คเอาต์",
+  },
   form: {
     placeholder: "กรอกเนื้อหา",
     submit: "ส่ง",
   },
+  pageTitle: "จองด่วน",
   title: "การดำเนินการด่วน",
 } as const;
diff --git a/src/i18n/modules/quick/zh-CN.ts b/src/i18n/modules/quick/zh-CN.ts
index e72ffa2..e50577b 100644
--- a/src/i18n/modules/quick/zh-CN.ts
+++ b/src/i18n/modules/quick/zh-CN.ts
@@ -1,7 +1,16 @@
 export default {
+  card: {
+    orderShort: "订",
+  },
+  date: {
+    checkIn: "入住",
+    nights: "晚",
+    checkOut: "离店",
+  },
   form: {
     placeholder: "请输入内容",
     submit: "提交",
   },
+  pageTitle: "快速预定",
   title: "快捷操作",
 } as const;
diff --git a/src/i18n/modules/service/en-US.ts b/src/i18n/modules/service/en-US.ts
new file mode 100644
index 0000000..f7cbfd8
--- /dev/null
+++ b/src/i18n/modules/service/en-US.ts
@@ -0,0 +1,24 @@
+export default {
+  card: {
+    workOrder: "Work order",
+    canceled: "Cancelled",
+    location: "Location: ",
+    phone: "Contact: ",
+    demand: "Request: ",
+    staff: "Staff: ",
+    callPhone: "Call",
+    cancelCall: "Cancel call",
+    cancelSuccess: "Call cancelled",
+    cancelFailed: "Failed to cancel call",
+  },
+  empty: {
+    list: "No service calls yet",
+  },
+  status: {
+    pending: "Pending",
+    processing: "Processing",
+    completed: "Completed",
+    canceled: "Cancelled",
+  },
+  title: "Call service",
+} as const;
diff --git a/src/i18n/modules/service/index.ts b/src/i18n/modules/service/index.ts
new file mode 100644
index 0000000..edc756a
--- /dev/null
+++ b/src/i18n/modules/service/index.ts
@@ -0,0 +1,12 @@
+import type { LocaleMessageSchema, SupportedLocale } from "../../types.ts";
+import enUS from "./en-US.ts";
+import thTH from "./th-TH.ts";
+import zhCN from "./zh-CN.ts";
+
+export type ServiceMessages = LocaleMessageSchema<typeof zhCN>;
+
+export const serviceMessages = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+  "th-TH": thTH,
+} satisfies Record<SupportedLocale, ServiceMessages>;
diff --git a/src/i18n/modules/service/th-TH.ts b/src/i18n/modules/service/th-TH.ts
new file mode 100644
index 0000000..ba878a8
--- /dev/null
+++ b/src/i18n/modules/service/th-TH.ts
@@ -0,0 +1,24 @@
+export default {
+  card: {
+    workOrder: "ใบงาน",
+    canceled: "ยกเลิกแล้ว",
+    location: "ตำแหน่ง: ",
+    phone: "ติดต่อ: ",
+    demand: "คำขอ: ",
+    staff: "เจ้าหน้าที่: ",
+    callPhone: "โทร",
+    cancelCall: "ยกเลิกการเรียก",
+    cancelSuccess: "ยกเลิกการเรียกสำเร็จ",
+    cancelFailed: "ยกเลิกการเรียกไม่สำเร็จ",
+  },
+  empty: {
+    list: "ยังไม่มีบริการที่เรียก",
+  },
+  status: {
+    pending: "รอดำเนินการ",
+    processing: "กำลังดำเนินการ",
+    completed: "เสร็จสิ้น",
+    canceled: "ยกเลิกแล้ว",
+  },
+  title: "เรียกบริการ",
+} as const;
diff --git a/src/i18n/modules/service/zh-CN.ts b/src/i18n/modules/service/zh-CN.ts
new file mode 100644
index 0000000..d116ca8
--- /dev/null
+++ b/src/i18n/modules/service/zh-CN.ts
@@ -0,0 +1,24 @@
+export default {
+  card: {
+    workOrder: "工单",
+    canceled: "已取消",
+    location: "所在位置：",
+    phone: "联系方式:",
+    demand: "需求描述:",
+    staff: "服务人员：",
+    callPhone: "拨打电话",
+    cancelCall: "取消呼叫",
+    cancelSuccess: "取消呼叫成功",
+    cancelFailed: "取消呼叫失败",
+  },
+  empty: {
+    list: "您暂无呼叫服务",
+  },
+  status: {
+    pending: "待处理",
+    processing: "处理中",
+    completed: "已完成",
+    canceled: "已取消",
+  },
+  title: "呼叫服务",
+} as const;
diff --git a/src/i18n/ui-hardcoded.test.ts b/src/i18n/ui-hardcoded.test.ts
new file mode 100644
index 0000000..9c1bced
--- /dev/null
+++ b/src/i18n/ui-hardcoded.test.ts
@@ -0,0 +1,159 @@
+import assert from "node:assert/strict";
+import { describe, it } from "node:test";
+import { existsSync, readdirSync, readFileSync } from "node:fs";
+import { join, relative } from "node:path";
+import { parse as parseSfc } from "@vue/compiler-sfc";
+import { baseParse, NodeTypes } from "@vue/compiler-dom";
+import ts from "typescript";
+
+const projectRoot = process.cwd();
+const sourceRoot = join(projectRoot, "src");
+const hasChinese = (value: string | undefined): boolean => /\p{Script=Han}/u.test(value ?? "");
+
+const excludedVueFiles = new Set(
+  [
+    "src/pages/home/components/LongTextGuideCardPreview/guide.vue",
+    "src/pages/home/components/LongTextGuideCardPreview/photo.vue",
+    "src/pages/home/components/LongTextGuideCardPreview/poi.vue",
+    "src/pages/home/components/LongTextGuideCardPreview/route.vue",
+  ].map((item) => item.replace(/\//g, "\\")),
+);
+
+function collectVueFiles(dir: string, files: string[] = []): string[] {
+  if (!existsSync(dir)) {
+    return files;
+  }
+
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    const fullPath = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      collectVueFiles(fullPath, files);
+      continue;
+    }
+
+    if (entry.isFile() && entry.name.endsWith(".vue")) {
+      files.push(fullPath);
+    }
+  }
+
+  return files;
+}
+
+function getLine(source: string, offset: number): number {
+  return source.slice(0, offset).split(/\r?\n/).length;
+}
+
+function collectTemplateFindings(file: string, source: string): string[] {
+  const findings: string[] = [];
+  const { descriptor } = parseSfc(source, { filename: file });
+  const template = descriptor.template;
+  if (!template) {
+    return findings;
+  }
+
+  let ast;
+  try {
+    ast = baseParse(template.content);
+  } catch {
+    return findings;
+  }
+
+  function report(offset: number, text: string): void {
+    findings.push(`${relative(projectRoot, file)}:${getLine(source, template.loc.start.offset + offset)} ${text}`);
+  }
+
+  function walk(node: any): void {
+    if (node.type === NodeTypes.TEXT && hasChinese(node.content)) {
+      report(node.loc.start.offset, node.content.trim());
+    }
+
+    if (node.type === NodeTypes.INTERPOLATION) {
+      const expression = node.content?.loc?.source ?? "";
+      if (hasChinese(expression)) {
+        report(node.loc.start.offset, expression);
+      }
+    }
+
+    if (node.type === NodeTypes.ELEMENT) {
+      for (const prop of node.props ?? []) {
+        if (prop.type === NodeTypes.ATTRIBUTE && hasChinese(prop.value?.content)) {
+          report(prop.loc.start.offset, `${prop.name}="${prop.value?.content}"`);
+        }
+
+        if (prop.type === NodeTypes.DIRECTIVE && hasChinese(prop.exp?.loc?.source)) {
+          report(prop.loc.start.offset, prop.exp?.loc?.source ?? "");
+        }
+      }
+    }
+
+    for (const child of node.children ?? []) {
+      walk(child);
+    }
+  }
+
+  walk(ast);
+  return findings;
+}
+
+function collectScriptFindings(file: string, source: string): string[] {
+  const findings: string[] = [];
+  const { descriptor } = parseSfc(source, { filename: file });
+  const blocks = [descriptor.script, descriptor.scriptSetup].filter(Boolean);
+  const uiCallNames = new Set([
+    "showToast",
+    "showDialog",
+    "showConfirmDialog",
+    "showFailToast",
+    "showSuccessToast",
+    "showNotify",
+    "showLoading",
+    "showModal",
+  ]);
+
+  for (const block of blocks) {
+    const blockContent = block?.content ?? "";
+    const ast = ts.createSourceFile(`${file}.ts`, blockContent, ts.ScriptTarget.Latest, true, ts.ScriptKind.TS);
+
+    function isUiCall(node: ts.CallExpression): boolean {
+      const expression = node.expression;
+      if (ts.isIdentifier(expression)) {
+        return uiCallNames.has(expression.text);
+      }
+
+      if (ts.isPropertyAccessExpression(expression)) {
+        return uiCallNames.has(expression.name.text);
+      }
+
+      return false;
+    }
+
+    function walk(node: ts.Node): void {
+      if (ts.isCallExpression(node) && isUiCall(node)) {
+        const text = node.getText(ast);
+        if (hasChinese(text)) {
+          const line = getLine(source, (block?.loc.start.offset ?? 0) + node.getStart(ast));
+          findings.push(`${relative(projectRoot, file)}:${line} ${text}`);
+        }
+      }
+
+      ts.forEachChild(node, walk);
+    }
+
+    walk(ast);
+  }
+
+  return findings;
+}
+
+describe("visible UI copy", () => {
+  it("uses i18n keys instead of hardcoded Chinese strings", () => {
+    const findings = collectVueFiles(sourceRoot)
+      .filter((file) => !excludedVueFiles.has(relative(projectRoot, file)))
+      .flatMap((file) => {
+        const source = readFileSync(file, "utf8");
+        return [...collectTemplateFindings(file, source), ...collectScriptFindings(file, source)];
+      });
+
+    assert.deepEqual(findings, []);
+  });
+});
diff --git a/src/pages/booking/components/ConactSection/index.vue b/src/pages/booking/components/ConactSection/index.vue
index be976fb..57e3ba5 100644
--- a/src/pages/booking/components/ConactSection/index.vue
+++ b/src/pages/booking/components/ConactSection/index.vue
@@ -2,8 +2,8 @@
   <!-- 选择数量 -->
   <div class=" bg-white p-[12px] rounded-[12px] flex items-center mb-[12px]">
     <div class="flex-1">
-      <div class="text-[16px] font-medium text-black leading-[24px]">选择数量</div>
-      <div class="text-[12px] color-A3A3A3 leading-[16px]">请选择套餐数量</div>
+      <div class="text-[16px] font-medium text-black leading-[24px]">{{ t("booking.contact.quantity") }}</div>
+      <div class="text-[12px] color-A3A3A3 leading-[16px]">{{ t("booking.contact.quantityHint") }}</div>
     </div>
     <div class="right">
       <Stepper v-model="count" />
@@ -17,21 +17,21 @@
   <!-- 联系方式 -->
   <div class="bg-white rounded-[12px] overflow-hidden">
     <div class=" border-b border-ink-200 text-[16px] font-medium text-black leading-[24px] p-[12px]">
-      联系方式
+      {{ t("booking.contact.contactInfo") }}
     </div>
     <div class="flex items-center  p-[12px]">
-      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系人姓名</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">{{ t("booking.contact.contactName") }}</div>
       <div class="right">
         <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].visitorName"
-          placeholder="请输入联系人" maxlength="20" />
+          :placeholder="t('booking.contact.contactNamePlaceholder')" maxlength="20" />
       </div>
     </div>
 
     <div class="flex items-center  p-[12px]">
-      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">手机号码</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">{{ t("booking.contact.phone") }}</div>
       <div class="right">
         <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
-          placeholder="请输入联系手机" maxlength="11" />
+          :placeholder="t('booking.contact.phonePlaceholder')" maxlength="11" />
       </div>
     </div>
   </div>
@@ -39,9 +39,12 @@
 
 <script setup>
 import { computed, defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import Stepper from "@/components/Stepper/index.vue";
 import UseDateRange from "@/components/UseDateRange/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   modelValue: {
     type: Number,
diff --git a/src/pages/booking/components/DetailPopup/index.vue b/src/pages/booking/components/DetailPopup/index.vue
index b63577d..4cd0ead 100644
--- a/src/pages/booking/components/DetailPopup/index.vue
+++ b/src/pages/booking/components/DetailPopup/index.vue
@@ -3,7 +3,7 @@
     <div class="rounded-t-[15px] pb-10 bg-[#f5f7fa] ">
       <div class=" flex items-center justify-between pt-[12px] pb-[12px] relative">
         <div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
-          明细详情
+          {{ t("booking.detail.title") }}
         </div>
         <!-- 关闭按钮 -->
         <van-icon class="top-[14px] right-[12px] absolute" name="cross" size="20" color="#CACFD8" @click="close" />
@@ -11,11 +11,11 @@
       <!-- 内容区域 -->
       <div class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-[40px]">
         <div class="border-b border-ink-200 flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
-          <span class="text-[16px] font-medium text-[#171717]">在线支付</span>
+          <span class="text-[16px] font-medium text-[#171717]">{{ t("booking.detail.onlinePay") }}</span>
           <span class="text-[14px] text-[#171717]">239</span>
         </div>
         <div class=" flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
-          <span class="text-[16px] font-medium text-[#171717]">房费</span>
+          <span class="text-[16px] font-medium text-[#171717]">{{ t("booking.detail.roomFee") }}</span>
           <span class="text-[14px] text-[#171717]">239</span>
         </div>
       </div>
@@ -25,6 +25,9 @@
 
 <script setup>
 import { ref, computed, defineExpose } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // Props定义
 const props = defineProps({
diff --git a/src/pages/booking/components/FooterSection/index.vue b/src/pages/booking/components/FooterSection/index.vue
index 8a696e8..e9afc9c 100644
--- a/src/pages/booking/components/FooterSection/index.vue
+++ b/src/pages/booking/components/FooterSection/index.vue
@@ -9,16 +9,19 @@
     </div> -->
     <div class="btn  rounded-[10px] flex items-center ml-auto pl-8" @click="handleBooking">
       <img class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-      <span class="text-[16px] font-medium text-white">立即支付</span>
+      <span class="text-[16px] font-medium text-white">{{ t("booking.footer.payNow") }}</span>
     </div>
   </div>
 </template>
 
 <script setup>
 import { computed, defineProps, defineEmits, ref, onMounted, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import { DebounceUtils } from "@/utils/DebounceUtils";
 import { preOrder } from "@/api/order";
 
+const { t } = useI18n();
+
 const props = defineProps({
   modelValue: {
     type: Number,
diff --git a/src/pages/booking/components/UserSection/index.vue b/src/pages/booking/components/UserSection/index.vue
index ccc6bb3..aaf5f66 100644
--- a/src/pages/booking/components/UserSection/index.vue
+++ b/src/pages/booking/components/UserSection/index.vue
@@ -2,28 +2,28 @@
   <div class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
     <div class="flex items-center  p-[12px] border-b border-ink-200">
       <div class="text-[16px] font-medium text-black leading-[24px] flex-1">
-        入住信息
+        {{ t("booking.user.stayInfo") }}
       </div>
       <div class="right">
-        <Stepper v-model="count" unit="间" />
+        <Stepper v-model="count" :unit="t('booking.user.roomUnit')" />
       </div>
     </div>
 
     <div class=" pl-[12px] pr-[12px]">
       <div class=" border-b border-ink-200 pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
         :key="index">
-        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">{{ t("booking.user.guestName") }}</div>
         <div class="right">
           <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="item.visitorName"
-            placeholder="请输入姓名" maxlength="11" />
+            :placeholder="t('booking.user.namePlaceholder')" maxlength="11" />
         </div>
       </div>
 
       <div class="flex items-center  pt-[12px] pb-[12px]">
-        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系手机</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">{{ t("booking.user.contactPhone") }}</div>
         <div class="right">
           <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
-            placeholder="请输入联系手机" maxlength="11" />
+            :placeholder="t('booking.user.phonePlaceholder')" maxlength="11" />
         </div>
       </div>
     </div>
@@ -32,8 +32,11 @@
 
 <script setup>
 import { computed, defineProps, defineEmits } from "vue";
+import { useI18n } from "vue-i18n";
 import Stepper from "@/components/Stepper/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   modelValue: {
     type: Number,
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index d3ee749..6510c23 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -2,7 +2,7 @@
   <div class="h-screen flex flex-col bg-[linear-gradient(180deg,#e8fff1_0%,#f5f7fa_100%)_0_86px/100%_100px_no-repeat]">
     <TopNavBar titleAlign="center" backgroundColor="#E8FFF1" backIconColor="#000" :shadow="false">
       <template #title>
-        {{ GOODS_TYPE[orderData.orderType] }}
+        {{ getGoodsTypeLabel(orderData.orderType) }}
       </template>
     </TopNavBar>
 
@@ -33,9 +33,10 @@
         </div>
 
         <div class="flex items-center justify-between pt-[12px]">
-          <span class="text-[12px] text-ink-600 leading-[18px]">取消政策及说明</span>
+          <span class="text-[12px] text-ink-600 leading-[18px]">{{ t("booking.policy.description") }}</span>
           <div class="flex items-center">
-            <span class="text-[12px] text-[#2D91FF] leading-[16px]" @click="refundVisible = true">取消政策</span>
+            <span class="text-[12px] text-[#2D91FF] leading-[16px]" @click="refundVisible = true">{{
+              t("booking.policy.title") }}</span>
             <van-icon name="arrow" size="15" color="#99A0AE" />
           </div>
         </div>
@@ -63,6 +64,7 @@
 
 <script setup>
 import { ref, watch, nextTick } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import DateRangeSection from "@/components/DateRangeSection/index.vue";
@@ -73,12 +75,12 @@ import DetailPopup from "./components/DetailPopup/index.vue";
 import FooterSection from "./components/FooterSection/index.vue";
 import { goodsDetail, orderPay } from "@/api/goods";
 import { useSelectedDateStore } from "@/store";
-import { GOODS_TYPE } from "@/constants/type";
 import { ThrottleUtils } from "@/utils/ThrottleUtils";
 import { PhoneUtils } from "@/utils/PhoneUtils";
 
 
 const router = useRouter();
+const { t } = useI18n();
 
 const refundVisible = ref(false);
 const detailVisible = ref(false);
@@ -90,6 +92,13 @@ const selectedDate = ref({
 });
 const quantity = ref(1);
 const selectedReservationDate = ref("");
+const goodsTypeKeys = {
+  0: "goods.types.hotel",
+  1: "goods.types.ticket",
+  2: "goods.types.food",
+  3: "goods.types.package",
+};
+const getGoodsTypeLabel = (type) => t(goodsTypeKeys[type] || "goods.title.detail");
 
 // 工具函数
 const createEmptyUserForm = () => ({ visitorName: "", contactPhone: "" });
@@ -175,7 +184,7 @@ const validateUserForms = () => {
   });
 
   if (invalidUsers.length) {
-    showToast("请填写姓名");
+    showToast(t("booking.validation.nameRequired"));
     return false;
   }
 
@@ -188,7 +197,7 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
   // 预约日期，酒店类型不需要
   if (orderData.value.reservationEnabled) {
     if (!selectedReservationDate.value) {
-      showToast("请选择预约日期");
+      showToast(t("booking.validation.reservationDateRequired"));
       return;
     }
   }
@@ -200,7 +209,7 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
 
   // 校验手机号
   if (!PhoneUtils.validatePhone(userFormList.value[0].contactPhone)) {
-    showToast("请输入正确的手机号");
+    showToast(t("booking.validation.validPhone"));
     return;
   }
 
diff --git a/src/pages/goods/components/DateSelector/index.vue b/src/pages/goods/components/DateSelector/index.vue
index 6121e3f..b7edb52 100644
--- a/src/pages/goods/components/DateSelector/index.vue
+++ b/src/pages/goods/components/DateSelector/index.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="flex items-end justify-between my-[12px] px-[12px]" @click="showCalendar">
     <div class="flex-1 relative">
-      <div class="absolute top-[-6px] left-[12px] text-[10px] text-ink-600 bg-white px-[4px]">入住日期</div>
+      <div class="absolute top-[-6px] left-[12px] text-[10px] text-ink-600 bg-white px-[4px]">{{
+        t("goods.date.checkIn") }}</div>
       <div class="flex items-center justify-start border border-[#f0f0f0] rounded-[8px] px-[12px] py-[10px] bg-white">
         <div class="flex items-baseline gap-[4px]">
           <span class="text-[16px] font-medium text-[#333]">{{ checkInDate }}</span>
@@ -11,11 +12,12 @@
     </div>
 
     <div class="flex items-center justify-center min-w-[40px] mx-[8px] mb-[10px]">
-      <span class="text-[12px] text-[#666]">{{ nights }}晚</span>
+      <span class="text-[12px] text-[#666]">{{ nights }}{{ t("goods.date.nights") }}</span>
     </div>
 
     <div class="flex-1 relative">
-      <div class="absolute top-[-6px] left-[12px] text-[10px] text-ink-600 bg-white px-[4px]">退房日期</div>
+      <div class="absolute top-[-6px] left-[12px] text-[10px] text-ink-600 bg-white px-[4px]">{{
+        t("goods.date.checkOut") }}</div>
       <div class="flex items-center justify-start border border-[#f0f0f0] rounded-[8px] px-[12px] py-[10px] bg-white">
         <div class="flex items-baseline gap-[4px]">
           <span class="text-[16px] font-medium text-[#333]">{{ checkOutDate }}</span>
@@ -28,6 +30,9 @@
 
 <script setup>
 import { defineProps, defineEmits } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // 定义事件
 const emit = defineEmits(["showCalendar"]);
diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
index 185d450..03ec680 100644
--- a/src/pages/goods/components/GoodPackage/index.vue
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="border-top border-[#E5E5E5] border-[8px] px-[12px] pt-[6px] pb-[12px]">
-    <ModuleTitle v-if="showTitle" title="套餐包含内容" />
+    <ModuleTitle v-if="showTitle" :title="t('goods.package.included')" />
     <div class="flex flex-col items-start " v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
       <div class="flex items-center justify-start py-[4px] ml-[4px]">
         <span class="whitespace-nowrap flex-auto text-[14px] text-[#171717]">
@@ -20,6 +20,9 @@
 <script setup>
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // Props定义
 const props = defineProps({
diff --git a/src/pages/goods/components/LocationCard/index.vue b/src/pages/goods/components/LocationCard/index.vue
index 841a9f6..f3e05a9 100644
--- a/src/pages/goods/components/LocationCard/index.vue
+++ b/src/pages/goods/components/LocationCard/index.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="flex items-center mt-[12px] p-[12px] bg-white border-t border-[#e0e0e0]">
     <div class="flex flex-col flex-1">
-      <span class="text-[14px] font-medium text-ink-800">位于 {{ orderData.oneLevelAddress }}</span>
+      <span class="text-[14px] font-medium text-ink-800">{{ t("goods.location.locatedAt") }} {{
+        orderData.oneLevelAddress }}</span>
       <span class="mt-[4px] text-[12px] text-ink-500">{{ orderData.commodityAddress }}</span>
     </div>
 
@@ -10,7 +11,7 @@
         <div class="w-[28px] h-[28px] rounded-[10px] bg-[#F5F5F5] flex items-center justify-center">
           <Navigation size="16" color="#171717" />
         </div>
-        <span class="text-[12px] text-ink-600">导航</span>
+        <span class="text-[12px] text-ink-600">{{ t("goods.location.navigation") }}</span>
       </div>
 
       <div>
@@ -18,7 +19,7 @@
           @click.stop="callPhone">
           <Phone size="16" color="#171717" />
         </div>
-        <span class="text-[12px] text-ink-600">电话</span>
+        <span class="text-[12px] text-ink-600">{{ t("goods.location.phone") }}</span>
       </div>
     </div>
   </div>
@@ -26,8 +27,11 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import { Phone, Navigation } from '@lucide/vue'
 
+const { t } = useI18n();
+
 const props = defineProps({
   orderData: {
     type: Object,
@@ -46,7 +50,7 @@ const callPhone = () => {
   const phone = getPhoneNumber();
 
   if (!phone) {
-    showToast("未提供电话号码");
+    showToast(t("goods.location.missingPhone"));
     return;
   }
 
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 39faad7..09fdba1 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col h-screen bg-white">
-    <TopNavBar fixed :title="navOpacity < 0.5 ? '' : '商品详情'" :background="`rgba(255, 255, 255, ${navOpacity})`"
-      :titleColor="navOpacity < 0.5 ? '#ffffff' : '#000000'"
+    <TopNavBar fixed :title="navOpacity < 0.5 ? '' : t('goods.title.detail')"
+      :background="`rgba(255, 255, 255, ${navOpacity})`" :titleColor="navOpacity < 0.5 ? '#ffffff' : '#000000'"
       :backIconColor="navOpacity < 0.5 ? '#ffffff' : '#000000'" />
     <!-- 滚动区域 -->
     <div class="flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
@@ -51,7 +51,7 @@
         class="flex items-center ml-auto pl-[8px] rounded-[10px] w-[120px] h-[48px] [background:linear-gradient(90deg,#ff3d60_57%,#ff990c_100%)]"
         @click="navigateToPay(goodsData)">
         <img class="w-[34px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-        <span class="text-[16px] font-medium text-white">立即预定</span>
+        <span class="text-[16px] font-medium text-white">{{ t("goods.actions.bookNow") }}</span>
       </div>
     </div>
 
@@ -63,7 +63,9 @@
 
 <script setup>
 import { onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRoute, useRouter } from 'vue-router'
+import { showDialog } from "vant";
 import { goodsDetail, commodityDailyPriceList } from "@/api/goods";
 import { DateUtils } from "@/utils/dateUtils";
 import TopNavBar from "@/components/TopNavBar/index.vue";
@@ -79,6 +81,7 @@ import { useSelectedDateStore } from "@/store";
 
 const router = useRouter()
 const route = useRoute()
+const { t } = useI18n();
 
 // 导航栏透明度 - 默认透明，随滚动变为不透明
 const navOpacity = ref(0);
@@ -123,8 +126,8 @@ const goodsInfo = async (params) => {
 
   if (goodsData.value.commodityStatus !== "1") {
     showDialog({
-      title: "温馨提示",
-      message: "您选的商品暂不可预订，请重新选择。",
+      title: t("goods.dialog.unavailableTitle"),
+      message: t("goods.dialog.unavailableMessage"),
 
     }).then(() => {
       router.back()
diff --git a/src/pages/home/components/ActivityListComponent/index.vue b/src/pages/home/components/ActivityListComponent/index.vue
index dfdbff7..ed19cca 100644
--- a/src/pages/home/components/ActivityListComponent/index.vue
+++ b/src/pages/home/components/ActivityListComponent/index.vue
@@ -17,15 +17,18 @@
 </template>
 
 <script setup>
-import { ref, defineProps } from "vue";
+import { computed, ref, defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import { emitter } from '@/utils/events'
 import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
+import { Command } from "@/constants/ChatModel";
 
-const commandModel = ref({
+const { t } = useI18n();
+const commandModel = computed(() => ({
   icon: "",
-  title: "快速预定",
+  title: t("home.activity.quickBooking"),
   type: Command.quickBooking,
-});
+}));
 
 const autoplay = ref(true);
 const interval = ref(3000);
diff --git a/src/pages/home/components/AddCarCard/index.vue b/src/pages/home/components/AddCarCard/index.vue
index aa1b1f7..d7912c2 100644
--- a/src/pages/home/components/AddCarCard/index.vue
+++ b/src/pages/home/components/AddCarCard/index.vue
@@ -1,18 +1,21 @@
 <template>
   <div class="flex flex-col items-center">
     <div class="description">
-      请绑定真实有效的车牌号，否则将无法正常使用车牌付费等功能
+      {{ t("home.addCar.tip") }}
     </div>
     <img class="mt-[12px] w-[250px] h-[250px] rounded-[4px]"
       src="https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/20250920102920_354_52.png" />
-    <div class="p-[12px] text-[18px] text-600 text-[#666]">长按二维码识别</div>
+    <div class="p-[12px] text-[18px] text-600 text-[#666]">{{ t("home.addCar.scanQr") }}</div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 
-const props = defineProps({
+const { t } = useI18n();
+
+defineProps({
   toolCall: {
     type: Object,
     default: {},
diff --git a/src/pages/home/components/AiTabSwitch/index.vue b/src/pages/home/components/AiTabSwitch/index.vue
index 8a2d2ff..739e392 100644
--- a/src/pages/home/components/AiTabSwitch/index.vue
+++ b/src/pages/home/components/AiTabSwitch/index.vue
@@ -12,7 +12,8 @@
             " class="absolute inset-x-0 bottom-0 top-auto block w-full h-12 align-bottom z-5" />
           <div class="relative flex items-center justify-center z-20 -translate-x-5">
             <span
-              :class="['text-[18px]', modelValue === 0 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">探索发现</span>
+              :class="['text-[18px]', modelValue === 0 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">{{
+                t("home.chat.discovery") }}</span>
           </div>
         </div>
       </div>
@@ -28,7 +29,8 @@
             " class="absolute inset-x-0 bottom-0 top-auto block w-full h-12 align-bottom z-5" />
           <div class="relative flex items-center justify-center z-20 translate-x-5">
             <span
-              :class="['text-[18px]', modelValue === 1 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">AI伴游</span>
+              :class="['text-[18px]', modelValue === 1 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">{{
+                t("home.chat.aiTour") }}</span>
             <div v-if="showDot" :class="['inline-block ml-1.5 w-1.5 h-1.5 rounded-full z-22 -translate-y-px', modelValue === 1 ? 'bg-[#26d46c]' : 'bg-white/65 border border-black/8',
             ]"></div>
           </div>
@@ -43,6 +45,9 @@ import leftSelected from "./images/L_02.png";
 import leftUnselected from "./images/L_01.png";
 import rightSelected from "./images/R_02.png";
 import rightUnselected from "./images/R_01.png";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   modelValue: { type: Number, default: 0 },
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index 788e407..eec05da 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -14,11 +14,11 @@
       </div>
       <!-- 超过3行时显示...提示 -->
       <div v-if="!finish" class="flex flex-row items-center mt-[8px]">
-        <span class="text-[12px] font-normal font-color-600">正在生成</span>
+        <span class="text-[12px] font-normal font-color-600">{{ t("home.answer.generating") }}</span>
         <ChatLoading />
       </div>
       <div v-if="isOverflow" class="flex flex-row items-center justify-between mt-[4px]" @click="lookDetailAction">
-        <span class="text-[12px] font-normal text-[#2D91FF] mr-[4px]">查看完整{{ tag }}</span>
+        <span class="text-[12px] font-normal text-[#2D91FF] mr-[4px]">{{ t("home.answer.viewFull") }}{{ tag }}</span>
         <uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
       </div>
 
@@ -29,6 +29,7 @@
 
 <script setup>
 import { defineProps, computed, watch, onBeforeUnmount } from "vue";
+import { useI18n } from "vue-i18n";
 
 import ChatMarkdown from "../ChatMarkdown/index.vue";
 import ChatLoading from "../ChatLoading/index.vue";
@@ -39,6 +40,8 @@ import {
   hasLongTextExtraSections,
 } from "@/constants/longTextCard";
 
+const { t } = useI18n();
+
 // 直接根据文字长度判断，超过约100个字符认为会溢出（约3行）
 const props = defineProps({
   content: {
diff --git a/src/pages/home/components/ChatCardAi/index.vue b/src/pages/home/components/ChatCardAi/index.vue
index 531908b..547ade8 100644
--- a/src/pages/home/components/ChatCardAi/index.vue
+++ b/src/pages/home/components/ChatCardAi/index.vue
@@ -17,9 +17,12 @@
 
 <script setup>
 import { defineProps, computed, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import ChatMarkdown from "../ChatMarkdown/index.vue";
 import ChatLoading from "../ChatLoading/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   text: {
     type: String,
@@ -44,7 +47,7 @@ const processedText = computed(() => {
   const textStr = String(props.text);
 
   // 处理加载状态的文本
-  if (textStr.includes("思考中") || textStr.includes("...")) {
+  if (textStr.includes(t("home.chat.pending")) || textStr.includes("...")) {
     return textStr;
   }
 
diff --git a/src/pages/home/components/ChatGuide/index.vue b/src/pages/home/components/ChatGuide/index.vue
index 33b7f03..bcdcf9b 100644
--- a/src/pages/home/components/ChatGuide/index.vue
+++ b/src/pages/home/components/ChatGuide/index.vue
@@ -4,18 +4,23 @@
     <img v-if="!hasMessage" :src="imageSrc" class="w-[160px] h-[160px] mb-5" />
 
     <!-- 主标题变量 -->
-    <div v-if="!hasMessage" class="text-[18px] font-bold text-[#2c3e50] mb-1 text-center">{{ mainTitle }}</div>
+    <div v-if="!hasMessage" class="text-[18px] font-bold text-[#2c3e50] mb-1 text-center">{{ displayMainTitle }}
+    </div>
 
     <!-- 副标题变量 -->
     <div v-if="!hasMessage" class="flex items-center">
       <span class="w-[5px] h-[5px] bg-[#42b983] rounded-full"></span>
-      <span class="text-[12px] text-[#afb9c1] ml-[6px] mr-[6px]">{{ subTitle }}</span>
+      <span class="text-[12px] text-[#afb9c1] ml-[6px] mr-[6px]">{{ displaySubTitle }}</span>
       <span class="w-[5px] h-[5px] bg-[#42b983] rounded-full"></span>
     </div>
   </div>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   hasMessage: {
@@ -30,12 +35,15 @@ const props = defineProps({
   // 主标题
   mainTitle: {
     type: String,
-    default: '和我聊聊天吧!'
+    default: ''
   },
   // 副标题
   subTitle: {
     type: String,
-    default: '点击开始聊天'
+    default: ''
   }
 });
+
+const displayMainTitle = computed(() => props.mainTitle || t("home.chatGuide.title"));
+const displaySubTitle = computed(() => props.subTitle || t("home.chatGuide.subtitle"));
 </script>
diff --git a/src/pages/home/components/ChatInputArea/index.vue b/src/pages/home/components/ChatInputArea/index.vue
index 3c202bd..c0c6bde 100644
--- a/src/pages/home/components/ChatInputArea/index.vue
+++ b/src/pages/home/components/ChatInputArea/index.vue
@@ -27,13 +27,16 @@
     </div>
 
     <div class="text-center text-[9px] leading-[12px] text-[#A5AAB4] pb-[6px]">
-      内容由AI大模型生成，请仔细鉴别
+      {{ t("home.chat.disclaimer") }}
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref, computed, watch, nextTick, onMounted, defineExpose, onUnmounted } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   modelValue: String,
@@ -50,7 +53,7 @@ const emit = defineEmits([
 ]);
 
 const textareaRef = ref(null);
-const placeholder = ref("快告诉小七您在想什么~");
+const placeholder = computed(() => t("home.chat.placeholder"));
 const inputMessage = ref(props.modelValue || "");
 const maxTextareaHeight = 92;
 const isFocused = ref(false);
diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index df65a0f..d53761c 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -135,7 +135,8 @@
 </template>
 
 <script setup>
-import { onMounted, nextTick, onUnmounted, ref } from "vue";
+import { computed, onMounted, nextTick, onUnmounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { emitter } from '@/utils/events'
 import { MessageRole, MessageType, CompName, Command } from "@/constants/ChatModel";
 import WebSocketManager from "@/utils/WebSocketManager";
@@ -183,6 +184,7 @@ import SurveyQuestionnaire from "../SurveyQuestionnaire/index.vue";
 
 const emit = defineEmits(["showDrawer"]);
 const appStore = useAppStore();
+const { t } = useI18n();
 
 /// 输入框组件引用
 const inputAreaRef = ref(null);
@@ -250,7 +252,7 @@ const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
 let currentSessionMessageId = null;
 
 const tabIndex = ref(0);
-const tabList = ["探索发现", "AI伴游"];
+const tabList = computed(() => [t("home.chat.discovery"), t("home.chat.aiTour")]);
 
 const handleChange = (i) => {
   console.log("切换:", i);
@@ -802,7 +804,7 @@ const handleWebSocketMessage = (data) => {
       if (data.toolCall || data.componentName) {
         chatMsgList.value[aiMsgIndex].msg = "";
       } else {
-        chatMsgList.value[aiMsgIndex].msg = "未获取到内容，请重试";
+        chatMsgList.value[aiMsgIndex].msg = t("home.chat.emptyReply");
       }
       chatMsgList.value[aiMsgIndex].isLoading = false;
     }
@@ -896,7 +898,7 @@ const sendMessage = async (message, isInstruct = false) => {
       if (!isWsConnected()) {
         // uni.hideLoading();
         setTimeout(() => {
-          showToast("连接服务器失败，请稍后重试");
+          showToast(t("home.chat.connectionFailed"));
         }, 100);
         return;
       }
@@ -905,14 +907,14 @@ const sendMessage = async (message, isInstruct = false) => {
       console.error("重新连接WebSocket失败:", error);
       // uni.hideLoading();
       setTimeout(() => {
-        showToast("连接服务器失败，请稍后重试");
+        showToast(t("home.chat.connectionFailed"));
       }, 100);
       return;
     }
   }
 
   if (isSessionActive.value) {
-    showToast("请等待当前回复完成");
+    showToast(t("home.chat.waitCurrentReply"));
     return;
   }
   isSessionActive.value = true;
@@ -1055,7 +1057,7 @@ const sendChat = async (message, isInstruct = false) => {
       ) {
         chatMsgList.value[aiMsgIndex].msg = connected
           ? ""
-          : "发送消息失败，请重试";
+          : t("home.chat.sendFailed");
         chatMsgList.value[aiMsgIndex].isLoading = connected;
       }
       if (connected) {
@@ -1077,7 +1079,7 @@ const sendChat = async (message, isInstruct = false) => {
   const aiMsg = {
     msgId: `msg_${chatMsgList.value.length}`,
     msgType: MessageRole.AI,
-    msg: "思考中",
+    msg: t("home.chat.pending"),
     isLoading: true,
     messageId: currentSessionMessageId,
     replyMessageId: "",
@@ -1101,7 +1103,7 @@ const sendChat = async (message, isInstruct = false) => {
       chatMsgList.value[idx] &&
       chatMsgList.value[idx].isLoading
     ) {
-      chatMsgList.value[idx].msg = "请求超时，请重试";
+      chatMsgList.value[idx].msg = t("home.chat.requestTimeout");
       chatMsgList.value[idx].isLoading = false;
       pendingMap.delete(currentSessionMessageId);
       pendingTimeouts.delete(currentSessionMessageId);
@@ -1119,7 +1121,7 @@ const sendChat = async (message, isInstruct = false) => {
   if (!success) {
     const idx = pendingMap.get(currentSessionMessageId);
     if (idx != null && chatMsgList.value[idx]) {
-      chatMsgList.value[idx].msg = "发送消息失败，请重试";
+      chatMsgList.value[idx].msg = t("home.chat.sendFailed");
       chatMsgList.value[idx].isLoading = false;
     }
     // 清理 pending
@@ -1162,11 +1164,11 @@ const stopRequest = async () => {
     if (
       chatMsgList.value[aiMsgIndex].msg &&
       chatMsgList.value[aiMsgIndex].msg.trim() &&
-      !chatMsgList.value[aiMsgIndex].msg.startsWith("思考中")
+      !chatMsgList.value[aiMsgIndex].msg.startsWith(t("home.chat.pending"))
     ) {
       // 保留已显示内容
     } else {
-      chatMsgList.value[aiMsgIndex].msg = "请求已停止";
+      chatMsgList.value[aiMsgIndex].msg = t("home.chat.requestStopped");
     }
   }
 
diff --git a/src/pages/home/components/ChatQuickAccess/index.vue b/src/pages/home/components/ChatQuickAccess/index.vue
index d6135a7..e8d2242 100644
--- a/src/pages/home/components/ChatQuickAccess/index.vue
+++ b/src/pages/home/components/ChatQuickAccess/index.vue
@@ -14,7 +14,8 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import { emitter } from '@/utils/events'
 import { Command } from "@/constants/ChatModel";
@@ -22,25 +23,26 @@ import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { checkToken } from "@/hooks/useGoLogin";
 
 const router = useRouter();
-const itemList = ref([
+const { t } = useI18n();
+const itemList = computed(() => [
   {
     icon: "",
-    title: "快速预定",
+    title: t("home.quickAccess.quickBooking"),
     type: Command.quickBooking,
   },
   {
     icon: "",
-    title: "我的订单",
+    title: t("home.quickAccess.myOrder"),
     type: Command.myOrder,
   },
   {
     icon: "",
-    title: "呼叫服务",
+    title: t("home.quickAccess.service"),
     type: Command.callServiceCard,
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
-    title: "更多",
+    title: t("home.quickAccess.more"),
     type: Command.more,
   },
 ]);
diff --git a/src/pages/home/components/CreateServiceOrder/index.vue b/src/pages/home/components/CreateServiceOrder/index.vue
index 14ee53e..f31c099 100644
--- a/src/pages/home/components/CreateServiceOrder/index.vue
+++ b/src/pages/home/components/CreateServiceOrder/index.vue
@@ -3,29 +3,31 @@
     <div class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
       <div class="w-full h-[48px] flex items-center justify-between bg-[#f0f8f3]">
         <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
-          {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
+          {{ isCallSuccess ? t("home.serviceOrder.created") : t("home.serviceOrder.title") }}
         </span>
         <img class="w-[98px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
         <div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium leading-[22px] mr-[20px]">所在位置</span>
-          <input placeholder="请填写所在位置" v-model="roomId" />
+          <span class="font-medium leading-[22px] mr-[20px]">{{ t("home.serviceOrder.position") }}</span>
+          <input :placeholder="t('home.serviceOrder.positionPlaceholder')" v-model="roomId" />
         </div>
 
         <div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
-          <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
+          <span class="font-medium leading-[22px] mr-[20px]">{{ t("home.serviceOrder.phone") }}</span>
+          <input :placeholder="t('home.serviceOrder.phonePlaceholder')" v-model="contactPhone"
+            @input="handleContactPhoneInput" />
         </div>
 
         <div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium leading-[22px] mb-[12px]">需求信息描述</div>
-          <textarea class="h-[80px]" placeholder="请输入需求信息描述" maxlength="100" v-model="contactText" />
+          <div class="font-medium leading-[22px] mb-[12px]">{{ t("home.serviceOrder.demand") }}</div>
+          <textarea class="h-[80px]" :placeholder="t('home.serviceOrder.demandPlaceholder')" maxlength="100"
+            v-model="contactText" />
         </div>
 
         <div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium leading-[22px] mb-[12px]">照片上传</div>
+          <div class="font-medium leading-[22px] mb-[12px]">{{ t("home.serviceOrder.photos") }}</div>
 
           <div class="w-[80px] h-[80px] bg-white rounded-[8px] overflow-hidden flex items-center justify-center">
             <div v-if="contentImgUrl" class="w-full h-full relative inline-block">
@@ -45,13 +47,13 @@
       <div v-else class=" card-content flex items-center p-[12px]">
         <div class=" left flex-1 pr-[20px]">
           <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
-            所在位置：{{ roomId }}
+            {{ t("home.serviceOrder.positionPreview") }}{{ roomId }}
           </div>
           <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
-            联系方式: {{ contactPhone }}
+            {{ t("home.serviceOrder.phonePreview") }} {{ contactPhone }}
           </div>
           <div class="text-[12px] text-ink-600 leading-[20px] ellipsis-2">
-            需求描述: {{ contactText }}
+            {{ t("home.serviceOrder.demandPreview") }} {{ contactText }}
           </div>
         </div>
 
@@ -60,7 +62,7 @@
 
       <div class="h-[44px] rounded-full text-white bg-[#4de4ff] flex items-center justify-center mx-[12px] mb-[12px]"
         @click="handleCall">
-        {{ isCallSuccess ? "查看服务" : "立即呼叫" }}
+        {{ isCallSuccess ? t("home.serviceOrder.view") : t("home.serviceOrder.callNow") }}
       </div>
     </div>
   </div>
@@ -68,12 +70,15 @@
 
 <script setup>
 import { ref, computed, onMounted, nextTick, defineProps, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import { emitter } from '@/utils/events'
 import { SCROLL_TO_BOTTOM } from "@/constants/constant";
 import { createWorkOrder } from "@/api/workOrder";
 import { uploadFile } from "@/api/upload";
 import ZnIcon from "@/components/ZnIcon/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   toolCall: {
     type: Object,
@@ -128,7 +133,7 @@ const handleChooseImage = () => {
       updateImagehandle(file);
     },
     fail: () => {
-      showToast("选择图片失败");
+      showToast(t("home.serviceOrder.imageFailed"));
     },
   });
 };
@@ -159,7 +164,7 @@ const handleCall = async () => {
   }
 
   if (!roomId.value.trim()) {
-    showToast("请填写所在位置");
+    showToast(t("home.serviceOrder.positionRequired"));
     return;
   }
 
@@ -167,12 +172,12 @@ const handleCall = async () => {
     ? contactPhone.value
     : originalPhone.value;
   if (!phoneToSubmit.trim()) {
-    showToast("请填写联系电话");
+    showToast(t("home.serviceOrder.phoneRequired"));
     return;
   }
 
   if (!contactText.value.trim()) {
-    showToast("请填写需求信息描述内容");
+    showToast(t("home.serviceOrder.demandRequired"));
     return;
   }
 
@@ -200,12 +205,12 @@ const sendCreateWorkOrder = async (phoneToSubmit) => {
       // 设置成功状态
       isCallSuccess.value = true;
 
-      showToast("呼叫成功");
+      showToast(t("home.serviceOrder.success"));
     } else {
-      showToast(res.message || "呼叫失败");
+      showToast(res.message || t("home.serviceOrder.failed"));
     }
   } catch (error) {
-    showToast("网络错误，请重试");
+    showToast(t("common.errors.network"));
   }
 };
 
diff --git a/src/pages/home/components/DetailCardComponent/index.vue b/src/pages/home/components/DetailCardComponent/index.vue
index 602eb0b..448f068 100644
--- a/src/pages/home/components/DetailCardComponent/index.vue
+++ b/src/pages/home/components/DetailCardComponent/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="w-full pb-[12px]">
     <template v-if="toolCall.picture && toolCall.picture.length">
-      <ModuleTitle :title="图片详情" />
+      <ModuleTitle :title="t('home.detail.imageTitle')" />
       <ImageSwiper :images="toolCall.picture" thumbnailBottom="12px" />
     </template>
 
@@ -13,10 +13,13 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 import ImageSwiper from "@/components/ImageSwiper/index.vue";
 import DetailCardGoodsContentList from "../DetailCardGoodsContentList/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   toolCall: {
     type: Object,
diff --git a/src/pages/home/components/DetailCardGoodsContentList/index.vue b/src/pages/home/components/DetailCardGoodsContentList/index.vue
index a4c9765..0dbda86 100644
--- a/src/pages/home/components/DetailCardGoodsContentList/index.vue
+++ b/src/pages/home/components/DetailCardGoodsContentList/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-[6px]">
-    <ModuleTitle title="相关商品" />
+    <ModuleTitle :title="t('home.detail.relatedGoods')" />
 
     <SwipeCards :cardsData="commodityList" />
   </div>
@@ -8,9 +8,12 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 import SwipeCards from "@/components/SwipeCards/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   commodityList: {
     type: Array,
diff --git a/src/pages/home/components/Discovery/components/QuickQuestions/index.vue b/src/pages/home/components/Discovery/components/QuickQuestions/index.vue
index 13910e6..4a40851 100644
--- a/src/pages/home/components/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/home/components/Discovery/components/QuickQuestions/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="pl-[12px]">
-    <ModuleTitle :title="themeName" />
+    <ModuleTitle :title="displayThemeName" />
 
     <div
       class="mt-1 mb-[6px] text-[0] overflow-x-auto whitespace-nowrap scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
@@ -26,14 +26,16 @@
 </template>
 
 <script setup>
-import { defineProps } from "vue";
+import { computed, defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 const emit = defineEmits(["didSelectItem"]);
+const { t } = useI18n();
 
 const props = defineProps({
   themeName: {
     type: String,
-    default: "快捷提问",
+    default: "",
   },
   list: {
     type: Array,
@@ -41,6 +43,8 @@ const props = defineProps({
   }
 });
 
+const displayThemeName = computed(() => props.themeName || t("home.quickQuestions.title"));
+
 /// 点击卡片
 const sendReply = (item) => {
   emit("didSelectItem", item);
diff --git a/src/pages/home/components/DrawerSection/index.vue b/src/pages/home/components/DrawerSection/index.vue
index 90d874a..a440b63 100644
--- a/src/pages/home/components/DrawerSection/index.vue
+++ b/src/pages/home/components/DrawerSection/index.vue
@@ -6,7 +6,7 @@
           <!-- 顶部用户信息 -->
           <div
             class="flex justify-between items-center py-[12px] pr-[12px] pl-0 border-b border-[#f0f0f0] last:border-b-0">
-            <span class="text-[14px] text-[#333]">账号</span>
+            <span class="text-[14px] text-[#333]">{{ t("home.drawer.account") }}</span>
             <span class="text-[14px] text-[#666]">{{ userInfo.phone }}</span>
           </div>
 
@@ -20,13 +20,13 @@
 
           <div
             class="flex justify-between items-center py-[12px] pr-[12px] pl-0 border-b border-[#f0f0f0] last:border-b-0">
-            <span class="text-[14px] text-[#333]">语言</span>
+            <span class="text-[14px] text-[#333]">{{ t("home.drawer.language") }}</span>
             <div class="flex items-center gap-3">
               <span v-for="lang in languageOptions" :key="lang.locale"
                 class="text-[14px] transition-colors duration-200"
                 :class="currentLocale === lang.locale ? 'text-[#00C853] font-medium' : 'text-[#666]'"
                 @click="switchLanguage(lang.locale)">
-                {{ lang.label }}
+                {{ t(lang.labelKey) }}
               </span>
             </div>
           </div>
@@ -34,7 +34,7 @@
 
         <!-- 底部退出按钮 -->
         <span class="flex items-center justify-center h-[42px] mt-[40px] bg-white text-[#333] rounded-[4px] border-none"
-          @click="handleLogout">退出登录</span>
+          @click="handleLogout">{{ t("home.drawer.logout") }}</span>
       </div>
     </div>
   </van-popup>
@@ -42,6 +42,7 @@
 
 <script setup>
 import { computed, ref, defineEmits, defineExpose } from "vue";
+import { useI18n } from "vue-i18n";
 import { checkToken } from "@/hooks/useGoLogin";
 import { getLoginUserPhone } from "@/api/login";
 import { NOTICE_EVENT_LOGOUT } from "@/constants/constant";
@@ -49,6 +50,7 @@ import { getCurrentLocale, setLocale } from "@/i18n";
 import { useAppStore } from "@/store";
 
 const appStore = useAppStore();
+const { t } = useI18n();
 const drawerRef = ref(null);
 
 // 监听抽屉显示事件
@@ -74,9 +76,9 @@ const open = async () => {
 const close = () => show.value = false;
 
 const languageOptions = [
-  { locale: "zh-CN", label: "中" },
-  { locale: "en-US", label: "EN" },
-  { locale: "th-TH", label: "TH" },
+  { locale: "zh-CN", labelKey: "common.locales.zhShort" },
+  { locale: "en-US", labelKey: "common.locales.enShort" },
+  { locale: "th-TH", labelKey: "common.locales.thShort" },
 ];
 const currentLocale = computed(() => getCurrentLocale());
 const switchLanguage = (locale) => setLocale(locale);
@@ -87,9 +89,9 @@ const userInfo = ref({
 });
 
 // 功能菜单列表（带 type 区分操作类型）
-const menuList = ref([
+const menuList = computed(() => [
   {
-    label: "账号注销",
+    label: t("home.drawer.cancelAccount"),
     type: "action",
     url: "cancelAccount",
   },
diff --git a/src/pages/home/components/Feedback/index.vue b/src/pages/home/components/Feedback/index.vue
index 9537eb4..700d1d7 100644
--- a/src/pages/home/components/Feedback/index.vue
+++ b/src/pages/home/components/Feedback/index.vue
@@ -3,42 +3,42 @@
     <div class="w-full bg-white  border-ff overflow-hidden rounded-[20px]">
       <div class=" h-[48px] w-full flex items-center justify-between bg-[#f0f8f3]">
         <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
-          {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
+          {{ isCallSuccess ? t("home.feedback.created") : t("home.feedback.title") }}
         </span>
         <img class="w-[98px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
         <div class="bg-[#f5f7fa]  flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
-          <input placeholder="请填写联系电话" v-model="contactPhone" />
+          <span class="font-medium leading-[22px] mr-[20px]">{{ t("home.feedback.phone") }}</span>
+          <input :placeholder="t('home.feedback.phonePlaceholder')" v-model="contactPhone" />
         </div>
         <div class="bg-[#f5f7fa]  p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium leading-[22px] mb-[12px]">意见内容</div>
-          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-normal" maxlength="100"
-            v-model="contactText" />
+          <div class="font-medium leading-[22px] mb-[12px]">{{ t("home.feedback.content") }}</div>
+          <textarea class="h-80" :placeholder="t('home.feedback.contentPlaceholder')"
+            placeholder-class="text-[14px] font-normal" maxlength="100" v-model="contactText" />
         </div>
 
         <div
           class="h-[44px] rounded-full text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex items-center justify-center"
           @click="handleCall">
-          立即提交
+          {{ t("home.feedback.submit") }}
         </div>
       </div>
 
       <div v-else class=" left flex-1 p-[12px]">
         <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
-          联系方式: {{ contactPhone }}
+          {{ t("home.feedback.phonePreview") }} {{ contactPhone }}
         </div>
         <div class="text-[12px] text-ink-600 leading-[20px] ellipsis-2">
-          意见内容: {{ contactText }}
+          {{ t("home.feedback.contentPreview") }} {{ contactText }}
         </div>
       </div>
 
       <div class="footer-help flex items-center pl-[12px] mb-[12px]">
         <img class="w-[16px] h-[16px] mr-[4px]" src="./images/icon_volume.png" />
         <span class="text-[12px] font-medium color-FA7319">
-          {{ appName }}收到您的意见将第一时间为您处理!
+          {{ t("home.feedback.successMessage", { appName }) }}
         </span>
       </div>
     </div>
@@ -47,11 +47,13 @@
 
 <script setup>
 import { ref, onMounted, nextTick, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { emitter } from '@/utils/events'
 import { SCROLL_TO_BOTTOM } from "@/constants/constant";
 import { getCurrentConfig } from "@/constants/base";
 import { submitFeedback } from "@/api/home";
 
+const { t } = useI18n();
 const contactPhone = ref("");
 const contactText = ref("");
 const isCallSuccess = ref(false); // 呼叫成功状态
@@ -59,12 +61,12 @@ const appName = computed(() => getCurrentConfig().name);
 
 const handleCall = async () => {
   if (!contactPhone.value.trim()) {
-    showToast("请填写联系电话");
+    showToast(t("home.feedback.phoneRequired"));
     return;
   }
 
   if (!contactText.value.trim()) {
-    showToast("请填写意见内容");
+    showToast(t("home.feedback.contentRequired"));
     return;
   }
 
@@ -83,13 +85,13 @@ const sendFeedback = async () => {
       // 设置成功状态
       isCallSuccess.value = true;
 
-      showToast("反馈意见成功");
+      showToast(t("home.feedback.success"));
     } else {
-      showToast(res.message || "反馈意见失败");
+      showToast(res.message || t("home.feedback.failed"));
     }
   } catch (error) {
     console.error("反馈意见失败:", error);
-    showToast("网络错误，请重试");
+    showToast(t("common.errors.network"));
   }
 };
 
diff --git a/src/pages/home/components/LongTextGuideCardPreview/index.vue b/src/pages/home/components/LongTextGuideCardPreview/index.vue
index cd27441..82d79d1 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/index.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/index.vue
@@ -29,7 +29,10 @@
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { getLongTextGuideDetailRoute } from "./detailRoutes.mjs";
+
+const { t } = useI18n();
 const props = defineProps({
   componentName: {
     type: String,
@@ -37,55 +40,43 @@ const props = defineProps({
   },
 });
 
-const longTextCard = {
-  type: 'longTextCard',
-  badge: "漂流攻略",
-  badgeTone: "amber",
-  title: "下水之前，先听小七唠两句",
-  summary: "卧龙潭漂流值得冲，全程四十分钟、三段激流，但晕水的人要掂量…",
-  footer: "点击查看完整攻略",
-}
-
-const longTextCardScenicSpot = {
-  type: 'longTextCardScenicSpot',
-  badge: "景点故事",
-  badgeTone: "green",
-  title: "小七孔古桥 · 走了三百年的石拱",
-  summary: "小七孔古桥是一座三百岁的七孔石桥，小七孔的名字就从这儿来…",
-  footer: "点击查看完整介绍",
-}
-
-const longTextCardRoute = {
-  type: 'longTextCardRoute',
-  badge: "路线指引",
-  badgeTone: "violet",
-  title: "漂完卧龙潭，顺道去鸳鸯湖",
-  summary: "卧龙潭到鸳鸯湖坐观光车约二十分钟。要紧的是鸳鸯湖分上下湖…",
-  footer: "点击查看完整路线",
-}
-
-const longTextCardSnap = {
-  type: 'longTextCardSnap',
-  badge: "拍照攻略",
-  badgeTone: "blue",
-  title: "鸳鸯湖玻璃船，这样拍才不亏",
-  summary: "玻璃船拍照，关键是拍水下那抹通透的绿，顺光时段最出片…",
-  footer: "点击查看完整攻略",
-}
+const cardMap = computed(() => ({
+  longTextCard: {
+    type: 'longTextCard',
+    badge: t("home.longTextCards.rafting.badge"),
+    badgeTone: "amber",
+    title: t("home.longTextCards.rafting.title"),
+    summary: t("home.longTextCards.rafting.summary"),
+    footer: t("home.longTextCards.rafting.footer"),
+  },
+  longTextCardScenicSpot: {
+    type: 'longTextCardScenicSpot',
+    badge: t("home.longTextCards.scenicSpot.badge"),
+    badgeTone: "green",
+    title: t("home.longTextCards.scenicSpot.title"),
+    summary: t("home.longTextCards.scenicSpot.summary"),
+    footer: t("home.longTextCards.scenicSpot.footer"),
+  },
+  longTextCardRoute: {
+    type: 'longTextCardRoute',
+    badge: t("home.longTextCards.route.badge"),
+    badgeTone: "violet",
+    title: t("home.longTextCards.route.title"),
+    summary: t("home.longTextCards.route.summary"),
+    footer: t("home.longTextCards.route.footer"),
+  },
+  longTextCardSnap: {
+    type: 'longTextCardSnap',
+    badge: t("home.longTextCards.photo.badge"),
+    badgeTone: "blue",
+    title: t("home.longTextCards.photo.title"),
+    summary: t("home.longTextCards.photo.summary"),
+    footer: t("home.longTextCards.photo.footer"),
+  },
+}));
 
 const item = computed(() => {
-  switch (props.componentName) {
-    case 'longTextCard':
-      return longTextCard;
-    case 'longTextCardSnap':
-      return longTextCardSnap;
-    case 'longTextCardRoute':
-      return longTextCardRoute;
-    case 'longTextCardScenicSpot':
-      return longTextCardScenicSpot;
-    default:
-      return longTextCard;
-  }
+  return cardMap.value[props.componentName] || cardMap.value.longTextCard;
 });
 
 const getBadgeClass = (tone) => {
@@ -101,7 +92,7 @@ const getBadgeClass = (tone) => {
 const openDetail = (item) => {
   const url = getLongTextGuideDetailRoute(item.type);
   if (!url) {
-    showToast("暂未配置详情页");
+    showToast(t("home.longTextCards.missingDetail"));
     return;
   }
 
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index e094b1e..6edfd2f 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -2,7 +2,8 @@
   <van-popup ref="popup" position="bottom" v-model:show="show" style="background: transparent;">
     <div class="popup-content bg-[#f5f7fa] rounded-t-[15px] pt-[12px] pl-[12px] pr-[12px] pb-[30px]">
       <div class="flex items-center pb-[12px]">
-        <div class="title flex-1 text-center text-[17px] text-black font-medium ml-24">更多服务</div>
+        <div class="title flex-1 text-center text-[17px] text-black font-medium ml-24">{{ t("home.moreService.title")
+          }}</div>
         <van-icon name="cross" size="24" color="#CACFD8" @click="close" />
       </div>
 
@@ -31,7 +32,8 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import { Command } from "@/constants/ChatModel";
 import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
@@ -39,46 +41,47 @@ import { checkToken } from "@/hooks/useGoLogin";
 import { emitter } from '@/utils/events'
 
 const router = useRouter();
+const { t } = useI18n();
 const popup = ref(null);
 
-const list = ref([
+const list = computed(() => [
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/ksyd.png",
-    title: "快速预定",
-    content: "预定门票、房间、餐食",
-    btnText: "去预定",
+    title: t("home.moreService.quickBooking.title"),
+    content: t("home.moreService.quickBooking.content"),
+    btnText: t("home.moreService.quickBooking.button"),
     type: Command.quickBooking,
     path: "/quick",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/tsfx.png",
-    title: "探索发现",
-    content: "发现景点、活动、特色内容",
-    btnText: "去探索",
+    title: t("home.moreService.discovery.title"),
+    content: t("home.moreService.discovery.content"),
+    btnText: t("home.moreService.discovery.button"),
     type: Command.discovery,
     path: "",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/mddd.png",
-    title: "我的订单",
-    content: "查看门票、住宿、餐饮等订单",
-    btnText: "去查看",
+    title: t("home.moreService.myOrder.title"),
+    content: t("home.moreService.myOrder.content"),
+    btnText: t("home.moreService.myOrder.button"),
     type: Command.myOrder,
     path: "/order",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/wdgd.png",
-    title: "呼叫服务",
-    content: "查看呼叫服务、进度与处理情况",
-    btnText: "去查看",
+    title: t("home.moreService.service.title"),
+    content: t("home.moreService.service.content"),
+    btnText: t("home.moreService.service.button"),
     type: Command.myWorkOrder,
     path: "/service",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/fkyj.png",
-    title: "反馈意见",
-    content: "提交使用问题、建议与需求",
-    btnText: "去反馈",
+    title: t("home.moreService.feedback.title"),
+    content: t("home.moreService.feedback.content"),
+    btnText: t("home.moreService.feedback.button"),
     type: Command.feedbackCard,
     path: "",
   },
diff --git a/src/pages/home/components/NoticeMessage/detail.vue b/src/pages/home/components/NoticeMessage/detail.vue
index e83598d..caff08a 100644
--- a/src/pages/home/components/NoticeMessage/detail.vue
+++ b/src/pages/home/components/NoticeMessage/detail.vue
@@ -15,7 +15,8 @@
 
           <div v-if="publishTime" class="notice-time-tag flex flex-row items-center mt-[16px]">
             <uni-icons type="clock" size="18" color="#5A6780" />
-            <span class="text-[#171717] text-[12px] font-semibold ml-[8px]">发布时间：{{ publishTime }}</span>
+            <span class="text-[#171717] text-[12px] font-semibold ml-[8px]">{{ t("home.notice.publishedAt") }}{{
+              publishTime }}</span>
           </div>
 
           <div class="mt-[16px] mx-12 bg-gray w-full height-1"></div>
@@ -30,11 +31,14 @@
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const noticeData = ref({});
 
 const detailTitle = computed(() => {
-  return noticeData.value.entityName?.trim() || "消息详情";
+  return noticeData.value.entityName?.trim() || t("home.notice.detailTitle");
 });
 
 const publishTime = computed(() => {
diff --git a/src/pages/home/components/NoticeMessage/index.vue b/src/pages/home/components/NoticeMessage/index.vue
index d561dbb..25fd820 100644
--- a/src/pages/home/components/NoticeMessage/index.vue
+++ b/src/pages/home/components/NoticeMessage/index.vue
@@ -8,10 +8,10 @@
           </span>
           <div class="flex flex-row justify-between">
             <span class="text-[#0CCD58] text-[10px] text-[500]">
-              发布时间：{{ item.effectiveStartTime }}
+              {{ t("home.notice.publishedAt") }}{{ item.effectiveStartTime }}
             </span>
             <span class="text-[#0CCD58] text-[10px] text-[500] underline-text">
-              详情
+              {{ t("home.notice.detail") }}
             </span>
           </div>
         </div>
@@ -31,6 +31,7 @@
 
 <script setup>
 import { computed, onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { getTimeNoticeList } from "@/api/home";
 import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constants/constant";
 import { emitter } from '@/utils/events'
@@ -38,10 +39,13 @@ import { emitter } from '@/utils/events'
 const props = defineProps({
   tipsMessage: {
     type: String,
-    default: "随时吩咐，懂你的旅游搭子",
+    default: "",
   },
 });
 
+const { t } = useI18n();
+const tipsMessage = computed(() => props.tipsMessage || t("home.notice.defaultTip"));
+
 const autoplay = ref(3000);
 
 const currentIndex = ref(0);
@@ -110,4 +114,4 @@ const clickItem = (item) => {
   overflow-wrap: break-word;
   word-break: break-all;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/home/components/OpenMapComponent/index.vue b/src/pages/home/components/OpenMapComponent/index.vue
index 97dee94..e057a58 100644
--- a/src/pages/home/components/OpenMapComponent/index.vue
+++ b/src/pages/home/components/OpenMapComponent/index.vue
@@ -9,8 +9,9 @@
                 </div>
             </div>
             <div class="center ml-[12px]">
-                <div class="font-color-900 text-[14px]">打开导览地图</div>
-                <div class="font-color-500 text-[12px] mt-6">距你 {{ distance }} · 步行 {{ walk }}</div>
+                <div class="font-color-900 text-[14px]">{{ t("home.map.open") }}</div>
+                <div class="font-color-500 text-[12px] mt-6">{{ t("home.map.distancePrefix") }} {{ distance }} {{
+                    t("home.map.walkPrefix") }} {{ walk || t("home.map.defaultWalk") }}</div>
             </div>
             <div class="ml-[12px] flex items-center justify-center w-32 h-32 rounded-full bg-F2F5F8">
                 <uni-icons class="mb-2" type="right" size="12" color="#99A0AE" />
@@ -21,8 +22,14 @@
 </template>
 
 <script>
+import { useI18n } from "vue-i18n";
+
 export default {
     name: 'OpenMapComponent',
+    setup() {
+        const { t } = useI18n();
+        return { t };
+    },
     props: {
         distance: {
             type: String,
@@ -30,7 +37,7 @@ export default {
         },
         walk: {
             type: String,
-            default: '8分钟'
+            default: ''
         }
     },
     methods: {
diff --git a/src/pages/home/components/QuickBookingCalender/index.vue b/src/pages/home/components/QuickBookingCalender/index.vue
index 607a6ae..8aabfd7 100644
--- a/src/pages/home/components/QuickBookingCalender/index.vue
+++ b/src/pages/home/components/QuickBookingCalender/index.vue
@@ -16,31 +16,39 @@
         class="flex-1 flex flex-col items-center justify-center py-[6px] rounded-[8px] bg-white rounded-r-[8px] -my-[4px]"
         @click="openCalendar">
         <img src="https://oss.nianxx.cn/mp/static/booking_calendar.png" class="w-[16px] h-[16px]" />
-        <span class="text-[11px] text-[#666] mt-[2px]">日历</span>
+        <span class="text-[11px] text-[#666] mt-[2px]">{{ t("home.quickBooking.calendarTitle") }}</span>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted, defineEmits } from "vue";
+import { ref, defineEmits, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { emitter } from '@/utils/events.ts'
 
 const emit = defineEmits(["update:date"]); // 声明事件
+const { t } = useI18n();
 
 const activeIndex = ref(2); // 默认今天
-const dates = ref([]);
+const relativeDayLabels = computed(() => [
+  t("home.quickBooking.relativeDays.twoDaysAgo"),
+  t("home.quickBooking.relativeDays.yesterday"),
+  t("home.quickBooking.relativeDays.today"),
+  t("home.quickBooking.relativeDays.tomorrow"),
+  t("home.quickBooking.relativeDays.dayAfterTomorrow"),
+]);
 
-// 初始化日期（前天、昨天、今天、明天、后天）
-const initDates = () => {
+const dates = computed(() => {
   const today = new Date();
-  const labels = ["前天", "昨天", "今天", "明天", "后天"];
+  const labels = relativeDayLabels.value;
+  const list = [];
   for (let i = -2; i <= 2; i++) {
     const d = new Date(today);
     d.setDate(today.getDate() + i);
     const month = d.getMonth() + 1;
     const day = d.getDate();
-    dates.value.push({
+    list.push({
       label: labels[i + 2],
       date: `${month}/${day}`,
       fullDate: `${d.getFullYear()}-${String(month).padStart(2, "0")}-${String(
@@ -48,7 +56,8 @@ const initDates = () => {
       ).padStart(2, "0")}`,
     });
   }
-};
+  return list;
+});
 
 const selectDate = (index) => {
   activeIndex.value = index;
@@ -62,7 +71,4 @@ const openCalendar = () => {
   });
 };
 
-onMounted(() => {
-  initDates();
-});
 </script>
diff --git a/src/pages/home/components/QuickBookingContentList/index.vue b/src/pages/home/components/QuickBookingContentList/index.vue
index 516ab34..c814d54 100644
--- a/src/pages/home/components/QuickBookingContentList/index.vue
+++ b/src/pages/home/components/QuickBookingContentList/index.vue
@@ -29,7 +29,8 @@
                 <span class="text-[11px] text-[#888] font-normal ml-[2px]">/{{ item.stockUnitLabel }}</span>
               </div>
 
-              <span class="bg-[#ff6600] text-white text-[15px] rounded-[20px] px-[18px] h-8 leading-[32px]">下单</span>
+              <span class="bg-[#ff6600] text-white text-[15px] rounded-[20px] px-[18px] h-8 leading-[32px]">{{
+                t("home.quickBooking.order") }}</span>
             </div>
           </div>
         </div>
@@ -40,10 +41,13 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import { checkToken } from "@/hooks/useGoLogin";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   commodityDTO: {
     type: Object,
diff --git a/src/pages/home/components/SurveyQuestionnaire/index.vue b/src/pages/home/components/SurveyQuestionnaire/index.vue
index 0edfa39..110496a 100644
--- a/src/pages/home/components/SurveyQuestionnaire/index.vue
+++ b/src/pages/home/components/SurveyQuestionnaire/index.vue
@@ -3,7 +3,7 @@
     <div class="bg-white  border-ff overflow-hidden rounded-[20px]">
       <div class=" flex items-center justify-between bg-[#f0f8f3]">
         <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
-          调查问卷
+          {{ t("home.survey.title") }}
         </span>
         <img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
       </div>
@@ -12,7 +12,7 @@
 
       <div class="h-44 m-[12px] rounded-[5px] bg-button text-white flex items-center justify-center"
         @click="handleCall">
-        前往填写
+        {{ t("home.survey.fillIn") }}
       </div>
     </div>
   </div>
@@ -21,8 +21,11 @@
 <script setup>
 import { getAccessToken } from "@/constants/token";
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
 // import { navigateTo } from "../../router";
 
+const { t } = useI18n();
+
 const props = defineProps({
   toolCall: {
     type: Object,
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index b2d0697..ddbf77b 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -49,7 +49,7 @@
         class="text-xs transition-colors duration-200 text-[14px]"
         :class="currentLocale === lang.locale ? 'text-[#00C853] font-medium' : 'text-[#999]'"
         @click="switchLanguage(lang.locale)">
-        {{ lang.label }}
+        {{ t(lang.labelKey) }}
       </span>
     </div>
   </div>
@@ -95,9 +95,9 @@ const countryPopupVisible = ref(false);
 const countrySearch = ref("");
 
 const languageOptions = [
-  { locale: "zh-CN", label: "中文" },
-  { locale: "en-US", label: "English" },
-  { locale: "th-TH", label: "ภาษาไทย" },
+  { locale: "zh-CN", labelKey: "common.locales.zhCN" },
+  { locale: "en-US", labelKey: "common.locales.enUS" },
+  { locale: "th-TH", labelKey: "common.locales.thTH" },
 ];
 const currentLocale = computed(() => getCurrentLocale());
 const switchLanguage = (locale: string) => setLocale(locale);
diff --git a/src/pages/order/components/AmtSection/index.vue b/src/pages/order/components/AmtSection/index.vue
index a57dc1d..c2e4948 100644
--- a/src/pages/order/components/AmtSection/index.vue
+++ b/src/pages/order/components/AmtSection/index.vue
@@ -3,7 +3,7 @@
     <div class="flex items-center justify-between">
       <div class="flex items-center">
         <span class="text-[16px] text-[#171717] leading-[24px] font-medium">
-          订单金额
+          {{ t("order.amount.title") }}
         </span>
         <span class="amt text-[18px] font-bold color-FF3D60 ml-[4px]">
           {{ orderData.payAmt }}
@@ -11,13 +11,13 @@
       </div>
     </div>
     <div v-if="orderData.orderStatus === '0'" class="text-[11px] text-ink-400 mt-[4px]">
-      超时后，订单将自动取消
+      {{ t("order.amount.autoCancel") }}
     </div>
     <div v-if="['1', '2'].includes(orderData.orderStatus)"
       class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
-      <div class="text-ink-600">取消政策及说明</div>
+      <div class="text-ink-600">{{ t("order.amount.cancelPolicy") }}</div>
       <div class="flex items-center" @click="emit('click')">
-        <span class="text-[#2D91FF] mr-[4px]">查看详情</span>
+        <span class="text-[#2D91FF] mr-[4px]">{{ t("order.amount.viewDetail") }}</span>
         <uni-icons type="right" size="12" color="#99A0AE" />
       </div>
     </div>
@@ -26,6 +26,9 @@
 
 <script setup>
 import { defineProps, defineEmits } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   orderData: {
diff --git a/src/pages/order/components/FooterSection/index.vue b/src/pages/order/components/FooterSection/index.vue
index 38eaab8..9e58670 100644
--- a/src/pages/order/components/FooterSection/index.vue
+++ b/src/pages/order/components/FooterSection/index.vue
@@ -3,7 +3,7 @@
     <button v-if="['1', '2'].includes(statusCode)"
       class="bg-white rounded-[10px] flex items-center justify-center text-[14px] font-medium text-ink-600 mr-[12px] h-[48px] w-[104px] border border-[#e5e8ee]"
       @click="emit('refund', orderData)">
-      申请退款
+      {{ t("order.footer.refund") }}
     </button>
     <button :class="[
       'border-none rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-medium bg-[#f0f8f3] h-[48px]',
@@ -19,9 +19,12 @@
 
 <script setup>
 import { defineProps, defineEmits, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { orderPayNow } from "@/api/order";
 import { DebounceUtils } from "@/utils/DebounceUtils";
 
+const { t } = useI18n();
+
 const props = defineProps({
   orderData: {
     type: Object,
@@ -43,14 +46,14 @@ const statusCode = computed(() => props.orderData.orderStatus);
 const buttonText = computed(() => {
   switch (statusCode.value) {
     case "0": // 待支付状态
-      return "立即支付";
+      return t("order.footer.payNow");
     case "1": // 已取消状态
     case "2": // 已取消状态
     case "3": // 已取消状态
     case "4": // 已取消状态
     case "5": // 已关闭状态
     case "6": // 已完成状态
-      return "再次预定";
+      return t("order.footer.bookAgain");
   }
 });
 
@@ -71,7 +74,7 @@ const handleButtonClick = DebounceUtils.createDebounce(async (orderData) => {
     // 待支付状态，调用支付接口
     if (statusCode.value === "0") {
       // 显示 loading
-      uni.showLoading({ title: "正在提交订单..." });
+      uni.showLoading({ title: t("order.footer.submitting") });
 
       const orderId = orderData.orderId;
       const payWay = orderData.payWay;
@@ -84,7 +87,7 @@ const handleButtonClick = DebounceUtils.createDebounce(async (orderData) => {
       if (!res || !res.data) {
         uni.hideLoading();
         setTimeout(() => {
-          showToast(res.msg || "订单创建失败，请重试");
+          showToast(res.msg || t("order.footer.createFailed"));
         }, 100);
         return;
       }
@@ -96,7 +99,7 @@ const handleButtonClick = DebounceUtils.createDebounce(async (orderData) => {
       if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) {
         uni.hideLoading();
         setTimeout(() => {
-          showToast("支付参数错误，请重试");
+          showToast(t("order.footer.payParamsInvalid"));
         }, 100);
         return;
       }
@@ -114,19 +117,19 @@ const handleButtonClick = DebounceUtils.createDebounce(async (orderData) => {
         signType: String(signType),
         paySign: String(paySign),
         success: async () => {
-          await showToast("支付成功");
+          await showToast(t("order.footer.paySuccess"));
           emit("refresh", { orderId: orderId });
         },
         fail: () => {
-          showToast("支付失败，请重试");
+          showToast(t("order.footer.payFailed"));
         },
       });
       // #endif
 
       // #ifdef APP-PLUS
       uni.showModal({
-        title: "提示",
-        content: "支付功能开发中",
+        title: t("order.footer.tipTitle"),
+        content: t("order.footer.payDeveloping"),
         showCancel: false,
       });
       // #endif
diff --git a/src/pages/order/components/GoodsInfo/index.vue b/src/pages/order/components/GoodsInfo/index.vue
index 549914a..2b0c4e6 100644
--- a/src/pages/order/components/GoodsInfo/index.vue
+++ b/src/pages/order/components/GoodsInfo/index.vue
@@ -26,21 +26,24 @@
     </div>
 
     <div class="flex text-[12px]">
-      <span class="w-60 text-ink-400">购买数量</span>
+      <span class="w-60 text-ink-400">{{ t("order.goods.quantity") }}</span>
       <span class="text-ink-600">{{ commodityAmount }}</span>
     </div>
 
     <div v-if="orderData.orderStatus === '0'"
       class=" border-top pt-[12px] text-[14px] font-medium text-[#171717] mt-[12px]">
-      凭[电子凭证]直接验证使用
+      {{ t("order.goods.voucherHint") }}
     </div>
   </div>
 </template>
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import DateRangeSection from "@/components/DateRangeSection/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   orderData: {
     type: Object,
@@ -69,8 +72,8 @@ const commodityAmount = computed(() => {
   // 门票单位：张、餐饮单位：份
   const { commodityAmount } = props.orderData;
   return orderType.value == 2
-    ? `${parseInt(commodityAmount)}张`
-    : `${parseInt(commodityAmount)}份`;
+    ? `${parseInt(commodityAmount)}${t("order.goods.ticketUnit")}`
+    : `${parseInt(commodityAmount)}${t("order.goods.itemUnit")}`;
 });
 
 // 取3个权益
diff --git a/src/pages/order/components/OrderCard/OrderCardContent.vue b/src/pages/order/components/OrderCard/OrderCardContent.vue
index ba84947..9958fc3 100644
--- a/src/pages/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages/order/components/OrderCard/OrderCardContent.vue
@@ -18,8 +18,11 @@
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import InfoRow from "./InfoRow.vue";
 
+const { t } = useI18n();
+
 // 订单类型常量
 const ORDER_TYPES = {
   HOTEL: "0", // 酒店订单
@@ -29,12 +32,12 @@ const ORDER_TYPES = {
 
 // 标签常量
 const LABELS = {
-  CHECK_IN_TIME: "入住时间",
-  VISITOR_NAME: "游客姓名",
-  CONTACT_PHONE: "联系电话",
-  QUANTITY: "份数",
-  CREATE_TIME: "创建时间",
-  CONTACT_GUEST: "联系房客",
+  CHECK_IN_TIME: "order.card.checkInTime",
+  VISITOR_NAME: "order.card.visitorName",
+  CONTACT_PHONE: "order.card.contactPhone",
+  QUANTITY: "order.card.quantity",
+  CREATE_TIME: "order.card.createTime",
+  CONTACT_GUEST: "order.card.contactGuest",
 };
 
 // Props
@@ -58,7 +61,16 @@ const props = defineProps({
 
 // 格式化份数
 const formatQuantity = (amount) => {
-  return `${Math.floor(amount || 0)}份`;
+  return `${Math.floor(amount || 0)}${t("order.goods.itemUnit")}`;
+};
+
+const formatMonthDay = (date) => {
+  const matched = String(date || "").match(/(\d{4})-(\d{1,2})-(\d{1,2})/);
+  if (!matched) return date || "";
+  return t("order.card.monthDay", {
+    month: Number(matched[2]),
+    day: Number(matched[3]),
+  });
 };
 
 // 计算显示项目
@@ -74,27 +86,18 @@ const displayItems = computed(() => {
     case ORDER_TYPES.HOTEL:
       return [
         {
-          label: LABELS.CHECK_IN_TIME,
-          value:
-            orderData.checkInData?.replace(
-              /(\d{4})-(\d{1,2})-(\d{1,2})/,
-              "$2月$3日",
-            ) +
-            "-" +
-            orderData.checkOutData?.replace(
-              /(\d{4})-(\d{1,2})-(\d{1,2})/,
-              "$2月$3日",
-            ),
+          label: t(LABELS.CHECK_IN_TIME),
+          value: `${formatMonthDay(orderData.checkInData)}-${formatMonthDay(orderData.checkOutData)}`,
         },
-        { label: LABELS.VISITOR_NAME, value: orderData.visitorName },
-        { label: LABELS.CONTACT_PHONE, value: formattedPhone },
+        { label: t(LABELS.VISITOR_NAME), value: orderData.visitorName },
+        { label: t(LABELS.CONTACT_PHONE), value: formattedPhone },
       ];
 
     case ORDER_TYPES.TICKET:
     case ORDER_TYPES.OTHER:
       return [
         {
-          label: LABELS.QUANTITY,
+          label: t(LABELS.QUANTITY),
           value: formatQuantity(orderData.commodityAmount),
         },
       ];
diff --git a/src/pages/order/components/OrderCard/index.vue b/src/pages/order/components/OrderCard/index.vue
index 7d06c5c..9ba88db 100644
--- a/src/pages/order/components/OrderCard/index.vue
+++ b/src/pages/order/components/OrderCard/index.vue
@@ -25,7 +25,7 @@
       <button
         class="go-pay border-none text-[14px] text-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
         @click.stop="handleCardClick">
-        去支付
+        {{ t("order.card.pay") }}
       </button>
     </div>
   </div>
@@ -33,9 +33,12 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import OrderCardContent from "./OrderCardContent.vue";
 import serviceIcon from "./images/service.png";
 
+const { t } = useI18n();
+
 // Props
 const props = defineProps({
   orderData: {
@@ -71,10 +74,10 @@ const ICON_MAP = {
 
 // 订单类型映射
 const ORDER_NAME_MAP = {
-  0: "房间",
-  1: "门票",
-  2: "餐饮",
-  3: "套餐",
+  0: "goods.types.hotel",
+  1: "goods.types.ticket",
+  2: "goods.types.food",
+  3: "goods.types.package",
 };
 
 // 获取状态图标
@@ -89,7 +92,8 @@ const getStatusIcon = () => {
 
 // 获取订单类型名称
 const getOrderTypeName = () => {
-  return ORDER_NAME_MAP[props.orderData.orderType] || "其他订单";
+  const key = ORDER_NAME_MAP[props.orderData.orderType];
+  return key ? t(key) : t("order.card.other");
 };
 
 // 获取状态文本
@@ -97,25 +101,25 @@ const getStatusText = (status) => {
   // 工单情况：orderType 为 undefined
   if (props.orderData.orderType === undefined) {
     const workOrderStatusMap = {
-      0: "待接单",
-      1: "处理中",
-      2: "已完成",
-      3: "已关闭",
+      0: "order.card.workStatusPending",
+      1: "order.card.workStatusProcessing",
+      2: "order.card.workStatusCompleted",
+      3: "order.card.workStatusClosed",
     };
-    return workOrderStatusMap[status] || "未知状态";
+    return t(workOrderStatusMap[status] || "order.card.statusUnknown");
   }
 
   // 订单情况：orderType 有值
   const orderStatusMap = {
-    0: "待支付",
-    1: "待确认",
-    2: "待使用",
-    3: "已取消",
-    4: "退款中",
-    5: "已退款",
-    6: "已完成",
+    0: "order.card.orderStatusPendingPay",
+    1: "order.card.orderStatusPendingConfirm",
+    2: "order.card.orderStatusPendingUse",
+    3: "order.card.orderStatusCanceled",
+    4: "order.card.orderStatusRefunding",
+    5: "order.card.orderStatusRefunded",
+    6: "order.card.orderStatusCompleted",
   };
-  return orderStatusMap[status] || "未知状态";
+  return t(orderStatusMap[status] || "order.card.statusUnknown");
 };
 
 // 处理卡片点击
diff --git a/src/pages/order/components/OrderInfo/index.vue b/src/pages/order/components/OrderInfo/index.vue
index d6bd8d9..75a13a1 100644
--- a/src/pages/order/components/OrderInfo/index.vue
+++ b/src/pages/order/components/OrderInfo/index.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="bg-white  rounded-[10px] p-[12px]">
     <div class="flex mb-[8px] text-[12px]">
-      <span class="w-60 text-ink-400">订单编号</span>
+      <span class="w-60 text-ink-400">{{ t("order.info.number") }}</span>
       <span class="text-ink-600">{{ orderData.orderId }}</span>
     </div>
     <div class="flex mb-[8px] text-[12px]">
-      <span class="w-60 text-ink-400">下单时间</span>
+      <span class="w-60 text-ink-400">{{ t("order.info.createdAt") }}</span>
       <span class="text-ink-600">{{ orderData.createTime }}</span>
     </div>
     <div class="flex text-[12px]">
-      <span class="w-60 text-ink-400">支付状态</span>
+      <span class="w-60 text-ink-400">{{ t("order.info.payStatus") }}</span>
       <span :class="[
         {
           'color-FF3D60': statusCode === '0' || statusCode === '3',
@@ -24,6 +24,9 @@
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   orderData: {
@@ -43,7 +46,7 @@ const statusCode = computed(() => props.orderData.orderStatus);
 
 // 使用计算属性缓存支付方式文本
 const statusspan = computed(() =>
-  statusCode.value === "0" || statusCode.value === "3" ? "未支付" : "已支付",
+  statusCode.value === "0" || statusCode.value === "3" ? t("order.info.unpaid") : t("order.info.paid"),
 );
 </script>
 
diff --git a/src/pages/order/components/OrderQrcode/index.vue b/src/pages/order/components/OrderQrcode/index.vue
index a598f22..6957372 100644
--- a/src/pages/order/components/OrderQrcode/index.vue
+++ b/src/pages/order/components/OrderQrcode/index.vue
@@ -4,10 +4,10 @@
       <div class="flex items-center justify-between pt-[12px] pb-[12px] relative">
         <div class="flex flex-col items-center flex-1">
           <div class="flex-1 text-[16px] text-[#181B25] text-center">
-            核销凭证
+            {{ t("order.qrcode.title") }}
           </div>
           <div class="flex-1 text-[12px] text-[#666666] text-center mt-[4px]">
-            请向工作人员出示此码
+            {{ t("order.qrcode.instruction") }}
           </div>
         </div>
         <!-- 关闭按钮 -->
@@ -25,11 +25,11 @@
 
           <div v-if="selectedVoucher" class="flex flex-row">
             <div class="bg-[#F5F7FA] text-[#666666] font-medium px-[4px] rounded-[4px] mr-[4px]">
-              总计{{ selectedVoucher.count }}{{ selectedVoucher.unit }}
+              {{ t("order.qrcode.total") }}{{ selectedVoucher.count }}{{ selectedVoucher.unit }}
             </div>
             <div class="bg-[#F0F8F3] text-[#0CCD58] text-[12px] p-[4px] rounded-[4px]">
-              剩{{ selectedVoucher.count - selectedVoucher.writeOffCount
-              }}{{ selectedVoucher.unit }}可用
+              {{ t("order.qrcode.remaining") }}{{ selectedVoucher.count - selectedVoucher.writeOffCount
+              }}{{ selectedVoucher.unit }}{{ t("order.qrcode.available") }}
             </div>
           </div>
         </div>
@@ -38,14 +38,14 @@
           class="flex flex-col w-full items-center justify-center rounded-[8px] border border-ink-200 pt-[16px] pb-[32px] mt-[12px]">
           <div class="flex flex-row justify-between w-full px-[12px]">
             <div class="bg-[#F9FAFB] text-[#0CCD58] text-[14px] px-[12px] leading-[24px] rounded-[12px]">
-              凭证{{
+              {{ t("order.qrcode.voucher") }}{{
                 selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : ""
               }}
             </div>
             <div class="text-ink-500 text-[14px] px-[12px] leading-[24px] rounded-[12px]">
-              此码仅可核销{{
+              {{ t("order.qrcode.onlyVerify") }}{{
                 selectedVoucher.count - selectedVoucher.writeOffCount
-              }}份
+              }}{{ t("order.qrcode.unit") }}
             </div>
           </div>
 
@@ -77,7 +77,7 @@
               </div>
             </div>
 
-            <div class="text-[#02C34E] text-[14px]">扫码后点击下一张</div>
+            <div class="text-[#02C34E] text-[14px]">{{ t("order.qrcode.swipeHint") }}</div>
           </div>
 
           <div class="w-10 h-10 rounded-full bg-[#f5f5f5] flex items-center justify-center" @click.stop="downAction">
@@ -92,8 +92,11 @@
 
 <script setup>
 import { ref, watch, computed, nextTick, defineProps, defineEmits, defineExpose } from "vue";
+import { useI18n } from "vue-i18n";
 import Qrcode from "@/components/Qrcode/index.vue";
 
+const { t } = useI18n();
+
 const props = defineProps({
   // 弹窗显示状态
   modelValue: {
diff --git a/src/pages/order/components/OrderStatusInfo/index.vue b/src/pages/order/components/OrderStatusInfo/index.vue
index 07f2d23..3b23c36 100644
--- a/src/pages/order/components/OrderStatusInfo/index.vue
+++ b/src/pages/order/components/OrderStatusInfo/index.vue
@@ -6,16 +6,19 @@
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 // 订单状态配置映射
 const ORDER_STATUS_CONFIG = {
-  0: "待支付",
-  1: "待确认",
-  2: "待使用",
-  3: "已取消",
-  4: "退款中",
-  5: "已退款",
-  6: "已完成",
+  0: "order.card.orderStatusPendingPay",
+  1: "order.card.orderStatusPendingConfirm",
+  2: "order.card.orderStatusPendingUse",
+  3: "order.card.orderStatusCanceled",
+  4: "order.card.orderStatusRefunding",
+  5: "order.card.orderStatusRefunded",
+  6: "order.card.orderStatusCompleted",
 };
 
 const props = defineProps({
@@ -35,8 +38,6 @@ const props = defineProps({
 
 // 当前状态
 const currentStatusspan = computed(() => {
-  return (
-    ORDER_STATUS_CONFIG[props.orderData.orderStatus] || ORDER_STATUS_CONFIG["0"]
-  );
+  return t(ORDER_STATUS_CONFIG[props.orderData.orderStatus] || ORDER_STATUS_CONFIG["0"]);
 });
 </script>
diff --git a/src/pages/order/components/Tabs/index.vue b/src/pages/order/components/Tabs/index.vue
index fd4bfe7..89a5065 100644
--- a/src/pages/order/components/Tabs/index.vue
+++ b/src/pages/order/components/Tabs/index.vue
@@ -28,23 +28,23 @@
 import {
   ref,
   reactive,
+  computed,
   onMounted,
   nextTick,
   watch,
   getCurrentInstance,
 } from "vue";
+import { useI18n } from "vue-i18n";
 
 // 获取组件实例
 const instance = getCurrentInstance();
+const { t } = useI18n();
 
 // Props
 const props = defineProps({
   tabs: {
     type: Array,
-    default: () => [
-      { label: "全部订单", value: "all" },
-      { label: "服务工单", value: "service" },
-    ],
+    default: () => [],
   },
   defaultActive: {
     type: Number,
@@ -61,7 +61,11 @@ const emit = defineEmits(["change", "update:modelValue"]);
 
 // 响应式数据
 const activeIndex = ref(props.defaultActive);
-const tabList = ref(props.tabs);
+const defaultTabs = computed(() => [
+  { label: t("order.tabs.all"), value: "all" },
+  { label: t("order.tabs.service"), value: "service" },
+]);
+const tabList = computed(() => props.tabs.length ? props.tabs : defaultTabs.value);
 const indicatorLeft = ref(0);
 const indicatorWidth = ref(0);
 const tabItemRects = reactive([]);
@@ -164,8 +168,7 @@ watch(
 // 监听tabs变化
 watch(
   () => props.tabs,
-  (newTabs) => {
-    tabList.value = newTabs;
+  () => {
     // 重置初始化状态
     indicatorInitialized.value = false;
     // 重新初始化指示器
diff --git a/src/pages/order/components/UserInfo/index.vue b/src/pages/order/components/UserInfo/index.vue
index e1ee993..46366c9 100644
--- a/src/pages/order/components/UserInfo/index.vue
+++ b/src/pages/order/components/UserInfo/index.vue
@@ -2,12 +2,12 @@
   <div class="bg-white  rounded-[10px] p-[12px] mb-[12px]" v-if="hasConsumerData">
     <div v-for="(item, index) in consumerList" :key="index">
       <div class="flex mb-[8px] text-[12px]">
-        <span class="w-60 text-ink-400">住客姓名</span>
+        <span class="w-60 text-ink-400">{{ t("order.user.guestName") }}</span>
         <span class="text-ink-600">{{ item.visitorName }}</span>
       </div>
     </div>
     <div class="flex text-[12px]">
-      <span class="w-60 text-ink-400">联系电话</span>
+      <span class="w-60 text-ink-400">{{ t("order.user.phone") }}</span>
       <span class="text-ink-600">{{ contactPhone }}</span>
     </div>
   </div>
@@ -15,6 +15,9 @@
 
 <script setup>
 import { defineProps, computed } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps({
   orderData: {
diff --git a/src/pages/order/components/VoucherList/index.vue b/src/pages/order/components/VoucherList/index.vue
index cd49b56..d9efc93 100644
--- a/src/pages/order/components/VoucherList/index.vue
+++ b/src/pages/order/components/VoucherList/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white  rounded-[12px] px-12 pt-[12px] mb-[12px]">
     <span class="text-[16px] text-[#171717] leading-[24px] font-medium">
-      核销凭证列表
+      {{ t("order.voucher.title") }}
     </span>
 
     <div class="flex items-center justify-between py-12" :class="[
@@ -13,18 +13,19 @@
         <span class="span-color-900 text-[16px]">{{ item.name }}</span>
         <div class="flex flex-row mt-[8px]">
           <div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
-            总计{{ item.count }}{{ item.unit }}
+            {{ t("order.qrcode.total") }}{{ item.count }}{{ item.unit }}
           </div>
           <div class="bg-[#f0f8f3] text-[#2D91FF] text-[12px] p-4 rounded-[4px]">
-            剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
+            {{ t("order.qrcode.remaining") }}{{ item.count - item.writeOffCount }}{{ item.unit }}{{
+              t("order.qrcode.available") }}
           </div>
         </div>
       </div>
 
       <div class="flex items-center px-14 py-8 rounded-[8px]"
         :class="[item.packageStatus === 0 ? 'bg-[#f0f8f3]' : 'bg-gray']" @click="handleShowQrcode(item, index)">
-        <span v-if="item.packageStatus === 0" class="text-[14px] text-white">出示凭证</span>
-        <span v-else class="text-[14px] span-color-300">已核销</span>
+        <span v-if="item.packageStatus === 0" class="text-[14px] text-white">{{ t("order.voucher.show") }}</span>
+        <span v-else class="text-[14px] span-color-300">{{ t("order.voucher.used") }}</span>
       </div>
     </div>
   </div>
@@ -32,8 +33,10 @@
 
 <script setup>
 import { defineProps, defineEmits } from "vue";
+import { useI18n } from "vue-i18n";
 
 const emit = defineEmits(["selected"]);
+const { t } = useI18n();
 
 const props = defineProps({
   orderData: {
@@ -46,7 +49,7 @@ const props = defineProps({
 const handleShowQrcode = (item, index) => {
   console.log("显示核销凭证二维码，凭证信息：", item);
   if (item.packageStatus !== 0) {
-    showToast("该凭证已核销使用");
+    showToast(t("order.voucher.usedToast"));
     return;
   }
   emit("selected", { item, index });
diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
index 5cb4134..ceef0de 100644
--- a/src/pages/order/detail.vue
+++ b/src/pages/order/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col h-screen">
-    <TopNavBar titleAlign="center" :background="$theme - color - 100" title="订单详情" />
+    <TopNavBar titleAlign="center" :background="$theme - color - 100" :title="t('order.title.detail')" />
 
     <div
       class="bg-linear-[180deg,#e8fff1_0%,#f5f7fa_100%] px-3 pb-10 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
@@ -31,6 +31,7 @@
 
 <script setup>
 import { ref, getCurrentInstance } from "vue";
+import { useI18n } from "vue-i18n";
 import { userOrderDetail, orderRefund } from "@/api/order";
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import OrderQrcode from "./components/OrderQrcode/index.vue";
@@ -43,6 +44,8 @@ import OrderInfo from "./components/OrderInfo/index.vue";
 import FooterSection from "./components/FooterSection/index.vue";
 import RefundPopup from "@/components/RefundPopup/index.vue";
 
+const { t } = useI18n();
+
 // 获取事件通道对象
 let eventChannel = null;
 
@@ -90,13 +93,13 @@ const handleRefundConfirm = async ({ orderId }) => {
     // 调用退款API
     await orderRefund({ orderId });
 
-    showToast("退款申请已提交");
+    showToast(t("order.refund.submitted"));
 
     // 刷新订单状态
     const res = await userOrderDetail({ orderId });
     orderData.value = res.data;
   } catch (error) {
-    showToast("退款申请失败，请重试");
+    showToast(t("order.refund.failed"));
   }
 };
 
diff --git a/src/pages/order/list.vue b/src/pages/order/list.vue
index 3224aba..d4f25f5 100644
--- a/src/pages/order/list.vue
+++ b/src/pages/order/list.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="flex h-dvh flex-col overflow-hidden bg-linear-[180deg,#E8FFF1_0%,#F5F7FA_186px]">
-    <TopNavBar title="全部订单" />
+    <TopNavBar :title="t('order.title.list')" />
 
     <div class="min-h-0 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
       <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-        <CustomEmpty v-if="showEmpty" statusText="您暂无订单" />
+        <CustomEmpty v-if="showEmpty" :statusText="t('order.empty.list')" />
 
         <van-list v-else v-model:loading="loading" v-model:error="listError" :finished="finished"
-          :immediate-check="false" finished-text="没有更多了" error-text="加载失败，点击重试" @load="onLoad">
+          :immediate-check="false" :finished-text="t('common.state.noMore')"
+          :error-text="t('common.errors.loadFailedRetry')" @load="onLoad">
           <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item"
             @click="handleOrderClick" />
         </van-list>
@@ -18,6 +19,7 @@
 
 <script setup>
 import { computed, onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import { userOrderList } from "@/api/order";
 import TopNavBar from "@/components/TopNavBar/index.vue";
@@ -25,6 +27,7 @@ import CustomEmpty from "@/components/CustomEmpty/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";
 
 const router = useRouter()
+const { t } = useI18n();
 const PAGE_SIZE = 10;
 const dataList = ref([]);
 const currentPage = ref(1);
diff --git a/src/pages/quick/components/Card/index.vue b/src/pages/quick/components/Card/index.vue
index 9270f32..8a08159 100644
--- a/src/pages/quick/components/Card/index.vue
+++ b/src/pages/quick/components/Card/index.vue
@@ -23,7 +23,8 @@
           /{{ item.stockUnitLabel }}
         </span>
         <span
-          class="ml-[16px] rounded-[10px] px-[8px] py-[4px] text-white [background:linear-gradient(90deg,#ff3d60_57%,#ff990c_100%)]">订</span>
+          class="ml-[16px] rounded-[10px] px-[8px] py-[4px] text-white [background:linear-gradient(90deg,#ff3d60_57%,#ff990c_100%)]">{{
+            t("quick.card.orderShort") }}</span>
       </div>
     </div>
   </div>
@@ -31,9 +32,12 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from 'vue-router'
 import { useSelectedDateStore } from "@/store";
 
+const { t } = useI18n();
+
 // Props
 const props = defineProps({
   item: {
diff --git a/src/pages/quick/index.vue b/src/pages/quick/index.vue
index 38cb2bd..8125f37 100644
--- a/src/pages/quick/index.vue
+++ b/src/pages/quick/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex h-dvh flex-col overflow-hidden">
-    <TopNavBar title="快速预定" />
+    <TopNavBar :title="t('quick.pageTitle')" />
     <Tabs @change="handleTabChange" />
 
     <div class="min-h-0 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
@@ -8,7 +8,7 @@
         <div v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
           class="bg-white  flex items-center p-[12px]">
           <div class="in flex items-center">
-            <span class="text-[11px] font-medium text-ink-400 mr-[4px]">入住</span>
+            <span class="text-[11px] font-medium text-ink-400 mr-[4px]">{{ t("quick.date.checkIn") }}</span>
             <span class="text-[14px] font-medium text-[#171717]">
               {{ selectedDate.startDate }}
             </span>
@@ -16,11 +16,11 @@
 
           <span
             class="py-[3px] px-[6px] bg-[#E5E8EE]  text-[11px] font-medium text-ink-600 rounded-[5px] ml-[8px] mr-[8px]">
-            {{ selectedDate.totalDays }}晚
+            {{ selectedDate.totalDays }}{{ t("quick.date.nights") }}
           </span>
 
           <div class="out flex items-center">
-            <span class="text-[11px] font-medium text-ink-400 mr-[4px]">离店</span>
+            <span class="text-[11px] font-medium text-ink-400 mr-[4px]">{{ t("quick.date.checkOut") }}</span>
             <span class="text-[14px] font-medium text-[#171717]">
               {{ selectedDate.endDate }}
             </span>
@@ -30,7 +30,7 @@
         </div>
 
         <van-list v-model:loading="loading" v-model:error="listError" :finished="finished" :immediate-check="false"
-          finished-text="没有更多了" error-text="加载失败，点击重试" @load="onLoad">
+          :finished-text="t('common.state.noMore')" :error-text="t('common.errors.loadFailedRetry')" @load="onLoad">
           <Card v-for="(item, index) in dataList" :key="index" :item="item" :selectedDate="selectedDate" />
         </van-list>
       </van-pull-refresh>
@@ -43,6 +43,7 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { CalendarDays } from '@lucide/vue';
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import Calender from "@/components/Calender/index.vue";
@@ -66,6 +67,7 @@ type QuickTabItem = {
 type QuickListItem = Record<string, any>;
 
 const PAGE_SIZE = 10;
+const { t } = useI18n();
 const calenderRef = ref();
 const selectedDateStore = useSelectedDateStore();
 
diff --git a/src/pages/service/components/OrderCard/index.vue b/src/pages/service/components/OrderCard/index.vue
index 46ea9c1..1c40dc4 100644
--- a/src/pages/service/components/OrderCard/index.vue
+++ b/src/pages/service/components/OrderCard/index.vue
@@ -4,22 +4,22 @@
     <div class="flex items-center pb-[12px]">
       <img class="w-[20px] h-[20px] mr-[4px]"
         src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
-      <span class="text-[14px] text-ink-600 leading-[20px]">工单</span>
+      <span class="text-[14px] text-ink-600 leading-[20px]">{{ t("service.card.workOrder") }}</span>
       <span class="text-[12px] text-ink-600 ml-auto">
-        {{ isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus) }}
+        {{ isCancelWork ? t("service.card.canceled") : workOrderStatus(orderData.workOrderStatus) }}
       </span>
     </div>
     <!-- 卡片内容 -->
     <div class="flex items-center pb-[12px]">
       <div class="flex-1 pr-[20px]">
         <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
-          所在位置：{{ orderData.roomNo }}
+          {{ t("service.card.location") }}{{ orderData.roomNo }}
         </div>
         <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
-          联系方式: {{ orderData.userPhone }}
+          {{ t("service.card.phone") }} {{ orderData.userPhone }}
         </div>
         <div class="text-[12px] text-ink-600 line-clamp-2">
-          需求描述: {{ orderData.content }}
+          {{ t("service.card.demand") }} {{ orderData.content }}
         </div>
       </div>
 
@@ -30,10 +30,10 @@
     <div v-if="orderData.processMemberName && orderData.processMemberPhone"
       class="bg-[rgba(67, 103, 153, 0.1)] rounded-[5px] text-[#436799] p-[8px] flex items-center justify-between mb-[12px]">
       <div class="text-[12px] leading-[16px]">
-        服务人员：{{ orderData.processMemberName }}
+        {{ t("service.card.staff") }}{{ orderData.processMemberName }}
       </div>
       <van-icon class="ml-auto mr-[4px]" name="phone-o" size="14" color="#436799" />
-      <span class="text-[12px] leading-[16px]" @click="callService">拨打电话</span>
+      <span class="text-[12px] leading-[16px]" @click="callService">{{ t("service.card.callPhone") }}</span>
     </div>
 
     <!-- 取消操作 -->
@@ -43,15 +43,18 @@
       orderData.workOrderStatus !== '3'
     " class="flex items-center justify-between">
       <span class="p-[4px_10px] border border-ink-200 rounded-control text-[12px] leading-[16px] text-ink-600 ml-auto"
-        @click="cancelCall">取消呼叫</span>
+        @click="cancelCall">{{ t("service.card.cancelCall") }}</span>
     </div>
   </div>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 import { closeWorkOrder } from "@/api/workOrder";
 import { ref } from "vue";
+
+const { t } = useI18n();
 const isCancelWork = ref(false);
 
 // Props
@@ -66,13 +69,13 @@ const props = defineProps({
 /// 工单状态 0-待接单 1-处理中 2-已完成 3-已关闭
 const workOrderStatus = (status) => {
   if (status === "0") {
-    return "待处理";
+    return t("service.status.pending");
   } else if (status === "1") {
-    return "处理中";
+    return t("service.status.processing");
   } else if (status === "2") {
-    return "已完成";
+    return t("service.status.completed");
   } else if (status === "3") {
-    return "已取消";
+    return t("service.status.canceled");
   } else {
     return "";
   }
@@ -93,6 +96,6 @@ const cancelCall = async () => {
   if (res.data) {
     isCancelWork.value = true;
   }
-  showToast(res.data ? "取消呼叫成功" : res.message || "取消呼叫失败");
+  showToast(res.data ? t("service.card.cancelSuccess") : res.message || t("service.card.cancelFailed"));
 };
 </script>
diff --git a/src/pages/service/index.vue b/src/pages/service/index.vue
index e4d9e4a..c3db8ec 100644
--- a/src/pages/service/index.vue
+++ b/src/pages/service/index.vue
@@ -1,14 +1,15 @@
 <template>
   <div class="flex h-dvh flex-col overflow-hidden bg-linear-[180deg,#E8FFF1_0%,#F5F7FA_186px]">
-    <TopNavBar title="呼叫服务" />
+    <TopNavBar :title="t('service.title')" />
 
     <div class="min-h-0 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
       <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
         <CustomEmpty v-if="showEmpty" emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
-          statusText="您暂无呼叫服务" />
+          :statusText="t('service.empty.list')" />
 
         <van-list v-else v-model:loading="loading" v-model:error="listError" :finished="finished"
-          :immediate-check="false" finished-text="没有更多了" error-text="加载失败，点击重试" @load="onLoad">
+          :immediate-check="false" :finished-text="t('common.state.noMore')"
+          :error-text="t('common.errors.loadFailedRetry')" @load="onLoad">
           <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
         </van-list>
       </van-pull-refresh>
@@ -18,11 +19,13 @@
 
 <script setup>
 import { computed, onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { userWorkOrderList } from "@/api/workOrder";
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import CustomEmpty from "@/components/CustomEmpty/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";
 
+const { t } = useI18n();
 const PAGE_SIZE = 10;
 const dataList = ref([]);
 const currentPage = ref(1);