From 1a5a2ae6a901a2bd786e10643b9a63a93822e82a Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Tue, 26 May 2026 23:50:37 +0800
Subject: [PATCH] refactor: clean up codebase and add new features

Replace SCSS variable usages with explicit pixel/hex values for consistent styling across all components
Fix broken template syntax including missing class spaces and incorrect closing tags
Migrate constant and API imports to centralized @/constants and @/api modules
Add new utility classes: IdUtils, CallbackUtils, and TimerUtils
Add new chat conversation API endpoints for recent conversations and message lists
Add new Discovery page components (FindTabs, QuickQuestions, CardSwiper) and their styles
Update app store config to use environment variables for base API and WebSocket URLs
Add new selected tab icon assets
---
 src/api/home.ts                               |  17 +
 src/components/AiTabSwitch/index.vue          |  16 +-
 src/components/CommandWrapper/index.vue       |   2 +-
 .../CommandWrapper/styles/index.scss          |   2 +-
 src/components/CreateServiceOrder/index.vue   |  18 +-
 src/components/CustomEmpty/index.vue          |   4 +-
 src/components/DateRangeSection/index.vue     |  36 +-
 src/components/DetailPopup/index.vue          |  41 +-
 src/components/Feedback/index.vue             |  50 +-
 src/components/FormCard/index.vue             |  47 +-
 src/components/FormCard/styles/index.scss     |  10 +-
 src/components/GoodDetail/index.vue           |   8 +-
 src/components/ImageSwiper/demo.vue           |  24 +-
 src/components/ImageSwiper/index.vue          |  16 +-
 src/components/ImageSwiper/styles/index.scss  |   2 +-
 src/components/LocationCard/index.vue         |   8 +-
 src/components/LocationCard/styles/index.scss |  10 +-
 src/components/LocationInfo/styles/index.scss |   4 +-
 src/components/ModuleTitle/index.vue          |  10 +-
 src/components/Privacy/index.vue              |   4 +-
 src/components/Privacy/styles/index.scss      |   4 +-
 src/components/RefundPopup/index.vue          |  36 +-
 src/components/ResponseIntro/index.vue        |   2 +-
 .../ResponseIntro/styles/index.scss           |   4 +-
 src/components/ServiceTipsWord/index.vue      |  20 +-
 .../ServiceTipsWord/styles/index.scss         |   6 +-
 src/components/Speech/RecordingWaveBtn.vue    |   2 +-
 src/components/SumCard/index.vue              |   8 +-
 src/components/SumCard/styles/index.scss      |   8 +-
 src/components/SurveyQuestionnaire/index.vue  |  16 +-
 src/components/SwipeCards/index.vue           |  35 +-
 src/components/TagsGroup/styles/index.scss    |   2 +-
 src/components/TopNavBar/demo.vue             |  24 +-
 src/components/TopNavBar/index.vue            |  34 +-
 src/components/TopNavBar/styles/index.scss    |   2 +-
 src/components/UseDateRange/styles/index.scss |   2 +-
 src/constants/ChatModel.ts                    |  83 +++
 src/constants/base.ts                         |  52 --
 src/constants/longTextCard.ts                 | 173 +++++
 src/constants/token.ts                        |  38 +-
 src/hooks/useGoLogin.ts                       | 109 +--
 src/pages/booking/styles/index.scss           |   2 +-
 .../components/DateSelector/styles/index.scss |   4 +-
 .../goods/components/GoodConfirm/demo.vue     |  43 +-
 .../components/GoodConfirm/styles/index.scss  |  30 +-
 .../components/GoodInfo/styles/index.scss     |   8 +-
 src/pages/goods/styles/index.scss             |   6 +-
 .../ActivityListComponent/index.vue           |   2 +-
 .../ActivityListComponent/styles/index.scss   |   4 +-
 .../home/components/AnswerComponent/index.vue |   4 +-
 .../components/AttachListComponent/index.vue  |   2 +-
 .../AttachListComponent/styles/index.scss     |   2 +-
 .../ChatInputArea/styles/index.scss           |   6 +-
 .../home/components/ChatLongAnswer/index.vue  |   2 +-
 .../home/components/ChatMainList/index.vue    |  39 +-
 .../home/components/ChatMoreTips/index.vue    |   2 +-
 .../home/components/ChatQuickAccess/index.vue |   2 +-
 .../home/components/ChatTopNavBar/index.vue   |   2 +-
 .../home/components/ChatTopWelcome/index.vue  |   2 +-
 .../components/CardSwiper/index.vue           |   0
 .../components/CardSwiper/styles/index.scss   |   0
 .../FindTabs/images/selected_tabs_icon.png    | Bin
 .../FindTabs/images/selected_tabs_icon_b.png  | Bin
 .../Discovery}/components/FindTabs/index.vue  |   2 +-
 .../components/FindTabs/styles/index.scss     |   0
 .../components/QuickQuestions/index.vue       |   0
 .../QuickQuestions/styles/index.scss          |   0
 .../components/Discovery}/index.vue           |   4 +-
 .../DiscoveryCardComponent/index.vue          |   4 +-
 .../DiscoveryCradContentList/index.vue        |   2 +-
 .../styles/index.scss                         |   4 +-
 .../components/MineSetting/index.vue          |  21 +-
 .../components/MineSetting/styles/index.scss  |   4 +-
 .../DrawerSection/styles/index.scss           |   2 +-
 .../GeneratorPhotoComponent/index.vue         |   4 +-
 .../GeneratorPhotoComponent/styles/index.scss |   6 +-
 .../home/components/HomeWelcome/index.vue     |   2 +-
 .../LongTextGuideCardPreview/guide.vue        |   2 +-
 .../LongTextGuideCardPreview/photo.vue        |   4 +-
 .../LongTextGuideCardPreview/poi.vue          |   2 +-
 .../LongTextGuideCardPreview/route.vue        |   2 +-
 .../home/components/MoreService/index.vue     |   4 +-
 .../home/components/NoticeMessage/index.vue   |   4 +-
 .../QuickBookingCalender/styles/index.scss    |   2 +-
 .../QuickBookingComponent/index.vue           |   4 +-
 .../QuickBookingContentList/styles/index.scss |   6 +-
 .../components/RecommendPostsList/index.vue   |   2 +-
 .../components/AgreePopup/styles/index.scss   |   6 +-
 src/pages/login/index.vue                     |   2 +-
 .../components/NoticeInfo/styles/index.scss   |   4 +-
 .../order/components/Tabs/styles/index.scss   |  11 +-
 src/pages/order/order/styles/detail.scss      |   2 +-
 .../quick/components/Tabs/styles/index.scss   |   2 +-
 .../order/components/OrderCard/index.vue      |  51 +-
 src/pages/service/order/index.vue             |  37 +-
 src/store/modules/app.ts                      |   8 +-
 src/utils/CallbackUtils.ts                    |  35 +
 src/utils/IdUtils.ts                          |  23 +
 src/utils/MessageUtils.ts                     | 116 ++++
 src/utils/TimerUtils.ts                       |  74 +++
 src/utils/WebSocketManager.ts                 | 624 ++++++++++++++++++
 101 files changed, 1488 insertions(+), 745 deletions(-)
 create mode 100644 src/constants/ChatModel.ts
 delete mode 100644 src/constants/base.ts
 create mode 100644 src/constants/longTextCard.ts
 rename src/pages/{discovery => home/components/Discovery}/components/CardSwiper/index.vue (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/CardSwiper/styles/index.scss (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/FindTabs/images/selected_tabs_icon.png (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/FindTabs/images/selected_tabs_icon_b.png (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/FindTabs/index.vue (98%)
 rename src/pages/{discovery => home/components/Discovery}/components/FindTabs/styles/index.scss (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/QuickQuestions/index.vue (100%)
 rename src/pages/{discovery => home/components/Discovery}/components/QuickQuestions/styles/index.scss (100%)
 rename src/pages/{discovery => home/components/Discovery}/index.vue (98%)
 create mode 100644 src/utils/CallbackUtils.ts
 create mode 100644 src/utils/IdUtils.ts
 create mode 100644 src/utils/MessageUtils.ts
 create mode 100644 src/utils/TimerUtils.ts
 create mode 100644 src/utils/WebSocketManager.ts

diff --git a/src/api/home.ts b/src/api/home.ts
index b7f1d1d..41c597f 100644
--- a/src/api/home.ts
+++ b/src/api/home.ts
@@ -88,3 +88,20 @@ export function discoveryCradComponent() {
     method: "get",
   });
 }
+
+// 最近会话
+export function recentConversation() {
+  return request({
+    url: "/hotelBiz/chat/recentConversation",
+    method: "get",
+  });
+}
+
+// 会话消息列表
+export function conversationMsgList(args: any) {
+  return request({
+    url: "/hotelBiz/chat/conversationMessageList",
+    method: "post",
+    data: args,
+  });
+}
diff --git a/src/components/AiTabSwitch/index.vue b/src/components/AiTabSwitch/index.vue
index e7af96e..f564191 100644
--- a/src/components/AiTabSwitch/index.vue
+++ b/src/components/AiTabSwitch/index.vue
@@ -8,7 +8,7 @@
             : leftUnselected || leftSelected
             " class="tab-image" mode="scaleToFill" />
           <div class="tab-label">
-            <spanclass="tab-text">探索发现</text>
+            <span class="tab-text">探索发现</span>
           </div>
         </div>
       </div>
@@ -20,13 +20,13 @@
             : rightUnselected || rightSelected
             " class="tab-image" mode="scaleToFill" />
           <div class="tab-label">
-            <spanclass="tab-text">AI伴游</text>
-              <div v-if="showDot" :class="[
-                'status-dot',
-                modelValue === 1
-                  ? 'status-dot--active'
-                  : 'status-dot--inactive',
-              ]"></div>
+            <span class="tab-text">AI伴游</span>
+            <div v-if="showDot" :class="[
+              'status-dot',
+              modelValue === 1
+                ? 'status-dot--active'
+                : 'status-dot--inactive',
+            ]"></div>
           </div>
         </div>
       </div>
diff --git a/src/components/CommandWrapper/index.vue b/src/components/CommandWrapper/index.vue
index d2b078e..2dfc8a5 100644
--- a/src/components/CommandWrapper/index.vue
+++ b/src/components/CommandWrapper/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="command-wrapper">
-    <spanclass="command-text">{{ span}}</text>
+    <span class="command-text">{{ span }}</span>
   </div>
 </template>
 
diff --git a/src/components/CommandWrapper/styles/index.scss b/src/components/CommandWrapper/styles/index.scss
index 5eebd01..10f0727 100644
--- a/src/components/CommandWrapper/styles/index.scss
+++ b/src/components/CommandWrapper/styles/index.scss
@@ -7,5 +7,5 @@
 
 .command-text {
   color: #fff;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
 }
diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index f48d7f7..9beb326 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -2,21 +2,21 @@
   <div class="create-service-order">
     <div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
       <div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
-          </text>
-          <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
+        </span>
+        <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class="border-box p-12">
         <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
-          <spanclass="font-500 line-height-22 mr-20">所在位置</text>
-            <input placeholder="请填写所在位置" v-model="roomId" />
+          <span class="font-500 line-height-22 mr-20">所在位置</span>
+          <input placeholder="请填写所在位置" v-model="roomId" />
         </div>
 
         <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
-          <spanclass="font-500 line-height-22 mr-20">联系电话</text>
-            <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
+          <span class="font-500 line-height-22 mr-20">联系电话</span>
+          <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </div>
 
         <div class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
@@ -71,8 +71,8 @@
 
 <script setup>
 import { ref, computed, onMounted, nextTick, defineProps, watch } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { createWorkOrder } from "@/request/api/WorkOrderApi";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { createWorkOrder } from "@/api/WorkOrder";
 import { updateImageFile } from "@/request/api/UpdateFile";
 import { zniconsMap } from "@/assets/fonts/znicons";
 
diff --git a/src/components/CustomEmpty/index.vue b/src/components/CustomEmpty/index.vue
index 678c4ee..f1247e1 100644
--- a/src/components/CustomEmpty/index.vue
+++ b/src/components/CustomEmpty/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="empty-container flex flex-col items-center justify-center">
     <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
-    <spanclass="font-size-12 text-center color-99A0AE mt-8">
+    <span class="font-size-12 text-center color-99A0AE mt-8">
       {{ statusText }}
-    </text>
+    </span>
   </div>
 </template>
 
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 6bb60b9..d8cd882 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -1,21 +1,19 @@
 <template>
   <div class="border-box flex flex-items-center flex-justify-between mb-12">
     <div class="left flex flex-items-center">
-      <spanclass="font-size-12 color-99A0AE mr-4">入住</text>
-      <spanclass="font-size-12 color-171717 mr-16">
+      <span class="font-size-12 color-99A0AE mr-4">入住</span>
+      <span class="font-size-12 color-171717 mr-16">
         {{ selectedDate.startDate }}
-      </text>
-      <text
-        class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative"
-        >{{ selectedDate.totalDays }}晚</text
-      >
-      <spanclass="font-size-12 color-99A0AE ml-16">离店</text>
-      <spanclass="font-size-12 color-171717 ml-4">
+      </span>
+      <span class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
+        selectedDate.totalDays }}晚</span>
+      <span class="font-size-12 color-99A0AE ml-16">离店</span>
+      <span class="font-size-12 color-171717 ml-4">
         {{ selectedDate.endDate }}
-      </text>
+      </span>
     </div>
     <div class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <spanclass="font-size-12 theme-color-500 line-height-16">房间详情</text>
+      <span class="font-size-12 theme-color-500 line-height-16">房间详情</span>
       <uni-icons type="right" size="15" color="#99A0AE" />
     </div>
   </div>
@@ -57,20 +55,16 @@ const emit = defineEmits(["click"]);
   }
 
   &::before {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 1),
-      rgba(67, 102, 154, 0)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 1),
+        rgba(67, 102, 154, 0));
     left: -9px;
   }
 
   &::after {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 0),
-      rgba(67, 102, 154, 1)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 0),
+        rgba(67, 102, 154, 1));
     right: -9px;
   }
 }
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 2420e59..82aab7a 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -1,41 +1,22 @@
 <template>
-  <uni-popup
-    ref="popupRef"
-    type="bottom"
-    :safe-area="false"
-    @maskClick="handleClose"
-  >
+  <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA border-box">
-      <div
-        class="border-box flex flex-items-center justify-between pt-12 pb-12 relative"
-      >
-        <div
-          class="flex-full font-size-16 color-171717 line-height-24 text-center"
-        >
+      <div class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
           明细详情
         </div>
         <!-- 关闭按钮 -->
-        <uni-icons
-          class="close absolute"
-          type="close"
-          size="20"
-          color="#CACFD8"
-          @click="handleClose"
-        />
+        <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
       <div class="rounded-12 bg-white ml-12 mr-12 mb-40">
-        <div
-          class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12"
-        >
-          <spanclass="font-size-16 font-500 color-171717">在线支付</text>
-          <spanclass="font-size-14 color-171717">239</text>
+        <div class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+          <span class="font-size-16 font-500 color-171717">在线支付</span>
+          <span class="font-size-14 color-171717">239</span>
         </div>
-        <div
-          class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12"
-        >
-          <spanclass="font-size-16 font-500 color-171717">房费</text>
-          <spanclass="font-size-14 color-171717">239</text>
+        <div class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+          <span class="font-size-16 font-500 color-171717">房费</span>
+          <span class="font-size-14 color-171717">239</span>
         </div>
       </div>
     </div>
@@ -55,7 +36,7 @@ const props = defineProps({
   // 订单数据
   orderData: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
 });
 
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 2b3bfa5..ab449fa 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,44 +1,26 @@
 <template>
   <div class="create-service-order">
-    <div
-      class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
-    >
-      <div
-        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50"
-      >
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+    <div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
+      <div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
-        </text>
-        <img
-          class="header-icon"
-          src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png"
-        />
+        </span>
+        <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class="border-box p-12">
-        <div
-          class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
-        >
-          <spanclass="font-500 line-height-22 mr-20">联系电话</text>
+        <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
+          <span class="font-500 line-height-22 mr-20">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </div>
-        <div
-          class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12"
-        >
+        <div class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
           <div class="font-500 line-height-22 mb-12">意见内容</div>
-          <textarea
-            class="h-80"
-            placeholder="请输入反馈意见"
-            placeholder-class="font-size-14 font-400"
-            maxlength="100"
-            v-model="contactText"
-          />
+          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
+            v-model="contactText" />
         </div>
 
-        <div
-          class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
-          @click="handleCall"
-        >
+        <div class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
+          @click="handleCall">
           立即提交
         </div>
       </div>
@@ -54,9 +36,9 @@
 
       <div class="footer-help flex flex-items-center pl-12 mb-12">
         <img class="help-icon mr-4" src="./images/icon_volume.png" />
-        <spanclass="font-size-12 font-500 color-FA7319">
+        <span class="font-size-12 font-500 color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
-        </text>
+        </span>
       </div>
     </div>
   </div>
@@ -64,8 +46,8 @@
 
 <script setup>
 import { ref, onMounted, nextTick, computed } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { getCurrentConfig } from "@/constant/base";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { getCurrentConfig } from "@/constants/base";
 import { submitFeedback } from "@/request/api/FeedbackApi";
 
 const contactPhone = ref("");
diff --git a/src/components/FormCard/index.vue b/src/components/FormCard/index.vue
index 67c111b..5c96c46 100644
--- a/src/components/FormCard/index.vue
+++ b/src/components/FormCard/index.vue
@@ -1,50 +1,27 @@
 <template>
   <div class="form-wrapper">
     <div class="form-header">
-      <uni-icons
-        class="minus uni-color"
-        color="opacity"
-        size="22"
-        type="minus"
-      />
-      <spanclass="form-title">{{ title }}</text>
-      <uni-icons
-        v-if="showDeleteIcon"
-        class="delete uni-color"
-        color="opacity"
-        size="22"
-        type="trash"
-        @click="handleDelete"
-      />
+      <uni-icons class="minus uni-color" color="opacity" size="22" type="minus" />
+      <span class="form-title">{{ title }}</span>
+      <uni-icons v-if="showDeleteIcon" class="delete uni-color" color="opacity" size="22" type="trash"
+        @click="handleDelete" />
     </div>
     <div class="form-item-wrapper">
       <div class="form-item">
         <div class="form-item-row">
-          <spanclass="form-label">姓 名</text>
-          <input
-            class="form-input"
-            :class="{ 'form-input-error': nameError }"
-            v-model="nameValue"
-            placeholder="请输入姓名"
-            @blur="validateName"
-          />
+          <span class="form-label">姓 名</span>
+          <input class="form-input" :class="{ 'form-input-error': nameError }" v-model="nameValue" placeholder="请输入姓名"
+            @blur="validateName" />
         </div>
-        <spanv-if="nameError" class="form-error">{{ nameError }}</text>
+        <span v-if="nameError" class="form-error">{{ nameError }}</span>
       </div>
       <div class="form-item">
         <div class="form-item-row">
-          <spanclass="form-label">手机号</text>
-          <input
-            class="form-input"
-            :class="{ 'form-input-error': phoneError }"
-            v-model="phoneValue"
-            placeholder="请输入手机号"
-            type="tel"
-            maxlength="11"
-            @blur="validatePhone"
-          />
+          <span class="form-label">手机号</span>
+          <input class="form-input" :class="{ 'form-input-error': phoneError }" v-model="phoneValue"
+            placeholder="请输入手机号" type="tel" maxlength="11" @blur="validatePhone" />
         </div>
-        <spanv-if="phoneError" class="form-error">{{ phoneError }}</text>
+        <span v-if="phoneError" class="form-error">{{ phoneError }}</span>
       </div>
     </div>
   </div>
diff --git a/src/components/FormCard/styles/index.scss b/src/components/FormCard/styles/index.scss
index 044f0f2..5d8ea0a 100644
--- a/src/components/FormCard/styles/index.scss
+++ b/src/components/FormCard/styles/index.scss
@@ -1,7 +1,7 @@
 // SASS 变量定义
 $form-primary-color: #00a6ff;
 $form-error-color: #ff4d4f;
-$form-text-color: $uni-text-color;
+$form-text-color: #333;
 $form-label-color: #86909c;
 $form-border-color: #ddd;
 $form-input-border-color: #ddd;
@@ -52,7 +52,7 @@ $form-transition: all 0.2s ease;
 
 .form-title {
   margin-left: 8px;
-  font-size: $uni-font-size-lg;
+  font-size: 16px;
   font-weight: 500;
   color: #0ccd58;
   flex: 1;
@@ -89,7 +89,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-label {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: $form-label-color;
   width: 50px;
   flex-shrink: 0;
@@ -99,7 +99,7 @@ $form-transition: all 0.2s ease;
 
 .form-input {
   flex: 1;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: $form-text-color;
   border: none;
   border-bottom: 1px solid $form-input-border-color;
@@ -131,7 +131,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-error {
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: $form-error-color;
   margin-top: 6px;
   margin-left: 60px;
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 047e6c3..7b64885 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -15,13 +15,13 @@
             <uni-icons fontFamily="znicons" size="20" color="#333">
               {{ zniconsMap[moduleItem.moduleIcon] }}
             </uni-icons>
-            <spanclass="ml-4 font-size-14 color-171717 line-height-20">
+            <span class="ml-4 font-size-14 color-171717 line-height-20">
               {{ moduleItem.moduleTitle }}
-              </text>
+            </span>
           </div>
-          <spanclass="flex-full font-size-12 color-525866 line-height-20 mt-4">
+          <span class="flex-full font-size-12 color-525866 line-height-20 mt-4">
             {{ moduleItem.moduleContent }}
-            </text>
+          </span>
         </div>
       </div>
     </div>
diff --git a/src/components/ImageSwiper/demo.vue b/src/components/ImageSwiper/demo.vue
index a99c386..a0461cf 100644
--- a/src/components/ImageSwiper/demo.vue
+++ b/src/components/ImageSwiper/demo.vue
@@ -43,13 +43,7 @@
       <div class="section-title">示例6: 动态圆角控制</div>
       <div class="control-panel">
         <text>圆角大小: {{ dynamicRadius }}px</text>
-        <slider
-          :value="dynamicRadius"
-          :min="0"
-          :max="50"
-          @change="handleRadiusChange"
-          activeColor="#007AFF"
-        />
+        <slider :value="dynamicRadius" :min="0" :max="50" @change="handleRadiusChange" activeColor="#007AFF" />
       </div>
       <imgSwiper :border-radius="dynamicRadius" />
     </div>
@@ -77,23 +71,13 @@
       <div class="section-title">示例11: 动态高度和缩略图控制</div>
       <div class="control-panel">
         <text>高度: {{ dynamicHeight }}px</text>
-        <slider
-          :value="dynamicHeight"
-          :min="100"
-          :max="400"
-          @change="handleHeightChange"
-          activeColor="#007AFF"
-        />
+        <slider :value="dynamicHeight" :min="100" :max="400" @change="handleHeightChange" activeColor="#007AFF" />
         <div class="checkbox-wrapper">
           <checkbox :checked="showThumbnails" @change="handleThumbnailToggle" />
-          <spanclass="checkbox-label">显示缩略图</text>
+          <span class="checkbox-label">显示缩略图</span>
         </div>
       </div>
-      <imgSwiper
-        :height="dynamicHeight"
-        :show-thumbnails="showThumbnails"
-        :border-radius="10"
-      />
+      <imgSwiper :height="dynamicHeight" :show-thumbnails="showThumbnails" :border-radius="10" />
     </div>
 
     <!-- 示例12: 字符串高度 -->
diff --git a/src/components/ImageSwiper/index.vue b/src/components/ImageSwiper/index.vue
index 699d734..663db42 100644
--- a/src/components/ImageSwiper/index.vue
+++ b/src/components/ImageSwiper/index.vue
@@ -3,31 +3,31 @@
     <swiper class="swiper-box" :style="swiperStyle" :autoplay="false" :interval="3000" :duration="1000"
       :current="active" @change="handleSwiperChange">
       <swiper-item class="swiper-item" v-for="(item, index) in thumbnails" :key="index">
-        <img class="swiper-item-image" :src="item.photoUrl" mode="aspectFill"></image>
+        <img class="swiper-item-image" :src="item.photoUrl" mode="aspectFill">
       </swiper-item>
     </swiper>
 
     <!-- 缩略图部分 -->
     <div v-if="showThumbnails && thumbnails.length > 0" class="thumbnail-box" :style="thumbnailBoxStyle">
-      <scroll-div class="thumbnail-scroll" scroll-x="true" :scroll-left="scrollLeft" :scroll-with-animation="true"
+      <div class="thumbnail-scroll" scroll-x="true" :scroll-left="scrollLeft" :scroll-with-animation="true"
         show-scrollbar="false">
         <div class="thumbnail-list" v-if="thumbnails.length > 1">
           <div v-for="(thumb, index) in thumbnails" :key="index"
             :class="['thumbnail-item', { active: index === active }]" :id="`thumbnail-${index}`"
             @click="handleThumbnailClick(index)">
-            <img class="thumbnail-image" :src="thumb.photoUrl" mode="aspectFill"></image>
+            <img class="thumbnail-image" :src="thumb.photoUrl" mode="aspectFill">
           </div>
         </div>
-      </scroll-div>
+      </div>
 
       <div class="custom-indicator" @click="handlePredivClick">
         <uni-icons fontFamily="znicons" size="10" color="#fff">{{
           zniconsMap["zn-camera"]
         }}</uni-icons>
-        <spanclass="custom-indicator-text">{{ thumbnails.length }}</text>
-          <uni-icons fontFamily="znicons" size="10" color="#fff">{{
-            zniconsMap["zn-nav-arrow-right"]
-            }}</uni-icons>
+        <span class="custom-indicator-text">{{ thumbnails.length }}</span>
+        <uni-icons fontFamily="znicons" size="10" color="#fff">{{
+          zniconsMap["zn-nav-arrow-right"]
+        }}</uni-icons>
       </div>
     </div>
   </div>
diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss
index e41f361..7d729fd 100644
--- a/src/components/ImageSwiper/styles/index.scss
+++ b/src/components/ImageSwiper/styles/index.scss
@@ -33,7 +33,7 @@
 .custom-indicator {
   margin-left: 12px;
   background: rgba(0, 0, 0, 0.5);
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
   padding: 0 6px 4px 8px;
   flex: 0 0 auto;
   flex-shrink: 0;
diff --git a/src/components/LocationCard/index.vue b/src/components/LocationCard/index.vue
index 7448dcd..56866ac 100644
--- a/src/components/LocationCard/index.vue
+++ b/src/components/LocationCard/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="store-address">
     <div class="text-container" @click.stop="openMap">
-      <spanclass="location-label">位于 {{ orderData.oneLevelAddress }}</text>
-      <spanclass="address-text">{{ orderData.commodityAddress }}</text>
+      <span class="location-label">位于 {{ orderData.oneLevelAddress }}</span>
+      <span class="address-text">{{ orderData.commodityAddress }}</span>
     </div>
 
     <div class="actions">
@@ -10,14 +10,14 @@
         <div class="actions-btn" @click.stop="openMap">
           <uni-icons type="paperplane-filled" size="16" color="#171717" />
         </div>
-        <spanclass="actions-text">导航</text>
+        <span class="actions-text">导航</span>
       </div>
 
       <div>
         <div class="actions-btn" @click.stop="callPhone">
           <uni-icons type="phone-filled" size="16" color="#171717" />
         </div>
-        <spanclass="actions-text">电话</text>
+        <span class="actions-text">电话</span>
       </div>
     </div>
   </div>
diff --git a/src/components/LocationCard/styles/index.scss b/src/components/LocationCard/styles/index.scss
index 867bbc5..15285c6 100644
--- a/src/components/LocationCard/styles/index.scss
+++ b/src/components/LocationCard/styles/index.scss
@@ -5,7 +5,7 @@
   padding: 12px;
   background-color: #ffffff;
   border-top: 1px solid #e0e0e0;
-  
+
   // 左侧文本容器
   .text-container {
     display: flex;
@@ -15,14 +15,14 @@
 
   .location-label {
     color: $text-color-800;
-    font-size: $uni-font-size-base;
+    font-size: 14px;
     font-weight: 500;
   }
 
   .address-text {
     margin-top: 4px;
     color: $text-color-600;
-    font-size: $uni-font-size-sm;
+    font-size: 12px;
     font-weight: 400;
   }
 
@@ -38,7 +38,7 @@
     width: 28px;
     height: 28px;
     border-radius: 10px;
-    background-color: #F5F5F5;
+    background-color: #f5f5f5;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,7 +50,7 @@
   }
 
   .actions-text {
-    font-size: $uni-font-size-sm;
+    font-size: 12px;
     color: $text-color-600;
   }
 }
diff --git a/src/components/LocationInfo/styles/index.scss b/src/components/LocationInfo/styles/index.scss
index aa5c6ea..2f46e10 100644
--- a/src/components/LocationInfo/styles/index.scss
+++ b/src/components/LocationInfo/styles/index.scss
@@ -1,8 +1,8 @@
 .store-address {
   display: flex;
   align-items: center;
-  font-size: $uni-font-size-base;
-  color: $uni-text-color;
+  font-size: 14px;
+  color: #333;
 
   text {
     flex: 1;
diff --git a/src/components/ModuleTitle/index.vue b/src/components/ModuleTitle/index.vue
index 7898b71..5fa3443 100644
--- a/src/components/ModuleTitle/index.vue
+++ b/src/components/ModuleTitle/index.vue
@@ -1,16 +1,12 @@
 <template>
   <div class="module-header mb-4">
-    <spanclass="module-title">{{ title }}</text>
-    <img
-      class="underline"
-      :src="isZhiNian ? indicatorSrcB : indicatorSrc"
-      mode="aspectFill"
-    />
+    <span class="module-title">{{ title }}</span>
+    <img class="underline" :src="isZhiNian ? indicatorSrcB : indicatorSrc" mode="aspectFill" />
   </div>
 </template>
 
 <script setup>
-import { isZhiNian } from "@/constant/base";
+import { isZhiNian } from "@/constants/base";
 import indicatorSrc from "./images/wave_icon.png";
 import indicatorSrcB from "./images/wave_icon_b.png";
 
diff --git a/src/components/Privacy/index.vue b/src/components/Privacy/index.vue
index b8471ac..20d605f 100644
--- a/src/components/Privacy/index.vue
+++ b/src/components/Privacy/index.vue
@@ -3,8 +3,8 @@
     <div class="content">
       <div class="title">隐私保护指引</div>
       <div class="des">
-        请您仔细阅读并充分理解<text class="link" @click="handleOpenPrivacyContract">{{ privacyContractName }}</text>
-        ，如您同意前述协议的全部内容，请点击“同意”开始使用。<spanclass="cancel">如您不同意，将被限制使用部分功能，或将在您使用具体功能前再次询问以取得您的授权同意。</text>
+        请您仔细阅读并充分理解<span class="link" @click="handleOpenPrivacyContract">{{ privacyContractName }}</span>
+        ，如您同意前述协议的全部内容，请点击“同意”开始使用。<span class="cancel">如您不同意，将被限制使用部分功能，或将在您使用具体功能前再次询问以取得您的授权同意。</span>
       </div>
 
       <div class="btns">
diff --git a/src/components/Privacy/styles/index.scss b/src/components/Privacy/styles/index.scss
index d0ecc42..1ea253d 100644
--- a/src/components/Privacy/styles/index.scss
+++ b/src/components/Privacy/styles/index.scss
@@ -43,7 +43,7 @@
 
 .reject,
 .agree {
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
   width: 45%;
   border: none;
   font-size: 18px;
@@ -57,7 +57,7 @@
 .reject {
   color: #000;
   background-color: #f5f5f5;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
 
 .agree {
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 6adf2d6..e10d252 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -1,27 +1,12 @@
 <template>
-  <uni-popup
-    ref="popupRef"
-    type="bottom"
-    :safe-area="false"
-    @maskClick="handleClose"
-  >
+  <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA border-box">
-      <div
-        class="border-box flex flex-items-center justify-between pt-12 pb-12 relative"
-      >
-        <div
-          class="flex-full font-size-16 color-171717 line-height-24 text-center"
-        >
+      <div class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
           取消政策
         </div>
         <!-- 关闭按钮 -->
-        <uni-icons
-          class="close absolute"
-          type="close"
-          size="20"
-          color="#CACFD8"
-          @click="handleClose"
-        />
+        <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
       <div class="border-box rounded-12 bg-white p-12 ml-12 mr-12 mb-40">
@@ -29,15 +14,12 @@
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
           </uni-icons>
-          <spanclass="font-size-14 font-600 color-171717 ml-8">
+          <span class="font-size-14 font-600 color-171717 ml-8">
             {{ refundTitle }}
-          </text>
+          </span>
         </div>
-        <div
-          class="font-size-14 color-525866 line-height-16 mb-4"
-          v-for="(item, index) in commodityPurchaseInstruction"
-          :key="index"
-        >
+        <div class="font-size-14 color-525866 line-height-16 mb-4" v-for="(item, index) in commodityPurchaseInstruction"
+          :key="index">
           {{ item }}
         </div>
       </div>
@@ -59,7 +41,7 @@ const props = defineProps({
   // 订单数据
   orderData: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
 });
 
diff --git a/src/components/ResponseIntro/index.vue b/src/components/ResponseIntro/index.vue
index 3d3664c..e1d11ff 100644
--- a/src/components/ResponseIntro/index.vue
+++ b/src/components/ResponseIntro/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="response-intro-wrapper">
-    <spanclass="response-intro-text">{{ introText }}</text>
+    <span class="response-intro-text">{{ introText }}</span>
   </div>
 </template>
 
diff --git a/src/components/ResponseIntro/styles/index.scss b/src/components/ResponseIntro/styles/index.scss
index d78a423..7e8868e 100644
--- a/src/components/ResponseIntro/styles/index.scss
+++ b/src/components/ResponseIntro/styles/index.scss
@@ -4,8 +4,8 @@
 
 .response-intro-text {
   font-weight: 500;
-  font-size: $uni-font-size-base;
-  color: $uni-text-color;
+  font-size: 14px;
+  color: #333;
   line-height: 20px;
   text-align: justify;
 }
diff --git a/src/components/ServiceTipsWord/index.vue b/src/components/ServiceTipsWord/index.vue
index d9b6866..263df97 100644
--- a/src/components/ServiceTipsWord/index.vue
+++ b/src/components/ServiceTipsWord/index.vue
@@ -1,23 +1,19 @@
 <template>
   <div class="service-prompt">
     <div class="service-header">
-      <spanclass="header-text">你可以这样问我</text>
-      <img
-        class="header-icon"
-        src="./images/icon_refresh.png"
-        @click="handleRefresh"
-      ></image>
+      <span class="header-text">你可以这样问我</span>
+      <img class="header-icon" src="./images/icon_refresh.png" @click="handleRefresh"></image>
     </div>
     <div class="service-buttons">
-      <spanclass="service-button" @click="handleClick('bed')">
+      <span class="service-button" @click="handleClick('bed')">
         帮我加一张床
-      </text>
-      <spanclass="service-button" @click="handleClick('hotWater')">
+      </span>
+      <span class="service-button" @click="handleClick('hotWater')">
         房间热水不够热
-      </text>
-      <spanclass="service-button" @click="handleClick('mahjong')">
+      </span>
+      <span class="service-button" @click="handleClick('mahjong')">
         帮忙加一台麻将机
-      </text>
+      </span>
     </div>
   </div>
 </template>
diff --git a/src/components/ServiceTipsWord/styles/index.scss b/src/components/ServiceTipsWord/styles/index.scss
index abadbee..3c6ea01 100644
--- a/src/components/ServiceTipsWord/styles/index.scss
+++ b/src/components/ServiceTipsWord/styles/index.scss
@@ -9,7 +9,7 @@
 }
 
 .header-text {
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: #6b84a2;
 }
 
@@ -46,8 +46,8 @@
     rgba(255, 255, 255, 0.5),
     rgba(255, 255, 255, 1)
   );
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   font-weight: 500;
   color: #0ccd58;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
diff --git a/src/components/Speech/RecordingWaveBtn.vue b/src/components/Speech/RecordingWaveBtn.vue
index 8767e57..7a85d2a 100644
--- a/src/components/Speech/RecordingWaveBtn.vue
+++ b/src/components/Speech/RecordingWaveBtn.vue
@@ -104,7 +104,7 @@ defineExpose({
   align-items: center;
   background-color: #0CCD58;
   height: 44px;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
 
 .audio-visualizer {
diff --git a/src/components/SumCard/index.vue b/src/components/SumCard/index.vue
index d41e914..9035f7c 100644
--- a/src/components/SumCard/index.vue
+++ b/src/components/SumCard/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="sum-wrapper">
     <div class="sum-item">
-      <spanclass="sum-label">价格</text>
-      <spanclass="sum-value">¥{{ referencePrice }}</text>
+      <span class="sum-label">价格</span>
+      <span class="sum-value">¥{{ referencePrice }}</span>
     </div>
     <div class="sum-item">
-      <spanclass="sum-label">折扣优惠</text>
-      <spanclass="sum-discount">-¥{{ discount }}</text>
+      <span class="sum-label">折扣优惠</span>
+      <span class="sum-discount">-¥{{ discount }}</span>
     </div>
   </div>
 </template>
diff --git a/src/components/SumCard/styles/index.scss b/src/components/SumCard/styles/index.scss
index bdcc88c..99c6afa 100644
--- a/src/components/SumCard/styles/index.scss
+++ b/src/components/SumCard/styles/index.scss
@@ -19,15 +19,15 @@
 
 .sum-label {
   font-size: 15px;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .sum-value {
-  font-size: $uni-font-size-base;
-  color: $uni-text-color-grey;
+  font-size: 14px;
+  color: #333-grey;
 }
 
 .sum-discount {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: #ff5722;
 }
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index 4d43d12..84f4dd8 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,21 +1,17 @@
 <template>
   <div class="survey-questionnaire w-vw-24">
     <div class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <div
-        class="border-box flex flex-items-center flex-justify-between bg-theme-color-50"
-      >
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+      <div class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           调查问卷
-        </text>
+        </span>
         <img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
       </div>
 
       <img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
-      <div
-        class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
-        @click="handleCall"
-      >
+      <div class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
+        @click="handleCall">
         前往填写
       </div>
     </div>
@@ -23,7 +19,7 @@
 </template>
 
 <script setup>
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 import { defineProps, computed } from "vue";
 import { navigateTo } from "../../router";
 
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index 298c446..e0e40a0 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -1,42 +1,27 @@
 <template>
   <div class="card border-box pb-12 relative mt-12">
-    <div
-      class="card-item absolute overflow-hidden"
-      v-for="(card, index) in list"
-      :key="card.__uid"
-      :style="[itemStyle(index, card), transformStyle(index, card)]"
-      @touchstart.stop="touchStart($event, index)"
-      @touchmove.stop.prevent="touchMove($event, index)"
-      @touchend.stop="touchEnd(index)"
-      @touchcancel.stop="touchCancel(index)"
-      @transitionend="onTransitionEnd(index)"
-    >
+    <div class="card-item absolute overflow-hidden" v-for="(card, index) in list" :key="card.__uid"
+      :style="[itemStyle(index, card), transformStyle(index, card)]" @touchstart.stop="touchStart($event, index)"
+      @touchmove.stop.prevent="touchMove($event, index)" @touchend.stop="touchEnd(index)"
+      @touchcancel.stop="touchCancel(index)" @transitionend="onTransitionEnd(index)">
       <div class="inner-card bg-white">
         <!-- 商品大图部分：自适应剩余空间 -->
         <div class="goods-image-wrapper relative">
-          <img
-            class="w-full h-full"
-            :src="card.commodityPhoto"
-            mode="aspectFill"
-          />
+          <img class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill" />
         </div>
 
         <!-- 底部：价格 + 购买按钮 -->
-        <div
-          class="card-footer border-box p-12 flex flex-justify-between flex-items-center"
-        >
+        <div class="card-footer border-box p-12 flex flex-justify-between flex-items-center">
           <div class="border-box">
             <div class="font-size-14 font-500 color-333 ellipsis-1">
               {{ card.commodityName }}
             </div>
             <div class="card-price-row color-333">
-              <spanclass="font-size-11">￥</text>
-              <spanclass="font-size-24 font-bold">
+              <span class="font-size-11">￥</span>
+              <span class="font-size-24 font-bold">
                 {{ card.specificationPrice }}
-              </text>
-              <spanclass="font-size-11 ml-2" v-if="card.stockUnitLabel"
-                >/{{ card.stockUnitLabel }}</text
-              >
+              </span>
+              <span class="font-size-11 ml-2" v-if="card.stockUnitLabel">/{{ card.stockUnitLabel }}</span>
             </div>
           </div>
 
diff --git a/src/components/TagsGroup/styles/index.scss b/src/components/TagsGroup/styles/index.scss
index 0d61d31..45f353d 100644
--- a/src/components/TagsGroup/styles/index.scss
+++ b/src/components/TagsGroup/styles/index.scss
@@ -7,7 +7,7 @@
   background-color: #fff;
   border-radius: 10px;
   padding: 8px 16px;
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: #0ccd58;
   white-space: nowrap;
 }
diff --git a/src/components/TopNavBar/demo.vue b/src/components/TopNavBar/demo.vue
index f99b2cd..aec40d1 100644
--- a/src/components/TopNavBar/demo.vue
+++ b/src/components/TopNavBar/demo.vue
@@ -15,12 +15,7 @@
     <!-- 示例3: 自定义颜色 -->
     <div class="demo-section">
       <div class="demo-title">自定义颜色</div>
-      <TopNavBar
-        title="蓝色导航栏"
-        backgroundColor="#007AFF"
-        titleColor="#ffffff"
-        backIconColor="#ffffff"
-      />
+      <TopNavBar title="蓝色导航栏" backgroundColor="#007AFF" titleColor="#ffffff" backIconColor="#ffffff" />
     </div>
 
     <!-- 示例4: 隐藏返回按钮 -->
@@ -48,18 +43,13 @@
         <template #title>
           <div class="custom-title">
             <uni-icons type="star" size="16" color="#FFD700" />
-            <spanclass="title-text">自定义标题</text>
+            <span class="title-text">自定义标题</span>
           </div>
         </template>
 
         <template #right>
           <div class="right-actions">
-            <uni-icons
-              type="search"
-              size="20"
-              color="#333"
-              style="margin-right: 10px"
-            />
+            <uni-icons type="search" size="20" color="#333" style="margin-right: 10px" />
             <uni-icons type="more" size="20" color="#333" />
           </div>
         </template>
@@ -69,12 +59,8 @@
     <!-- 示例8: 渐变背景 -->
     <div class="demo-section">
       <div class="demo-title">渐变背景</div>
-      <TopNavBar
-        title="渐变导航栏"
-        backgroundColor="linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
-        titleColor="#ffffff"
-        backIconColor="#ffffff"
-      />
+      <TopNavBar title="渐变导航栏" backgroundColor="linear-gradient(135deg, #667eea 0%, #764ba2 100%)" titleColor="#ffffff"
+        backIconColor="#ffffff" />
     </div>
 
     <!-- 内容区域 -->
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index 75cb5b4..bea2eea 100644
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -1,37 +1,23 @@
 <template>
   <div :class="navBarClass" :style="navBarStyle">
     <!-- 状态栏占位 -->
-    <div
-      :style="{ height: statusBarHeight + 'px' }"
-      v-if="!hideStatusBar"
-    ></div>
+    <div :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></div>
 
     <!-- 导航栏内容 -->
-    <div
-      class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
-      :style="{ height: navBarHeight + 'px' }"
-    >
+    <div class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
+      :style="{ height: navBarHeight + 'px' }">
       <!-- 左侧返回按钮 -->
-      <div
-        class="nav-bar-left flex flex-items-center flex-justify-center"
-        v-if="showBack"
-        @click="handleBack"
-      >
+      <div class="nav-bar-left flex flex-items-center flex-justify-center" v-if="showBack" @click="handleBack">
         <uni-icons type="left" size="20" :color="backIconColor" />
       </div>
 
       <!-- 中间标题区域 -->
-      <div
-        :class="[
-          'nav-bar-center flex flex-items-center flex-justify-center',
-          `nav-bar-center--${titleAlign}`,
-        ]"
-      >
+      <div :class="[
+        'nav-bar-center flex flex-items-center flex-justify-center',
+        `nav-bar-center--${titleAlign}`,
+      ]">
         <slot name="title">
-          <text
-            class="font-size-17 font-500 color-000"
-            :style="{ color: titleColor }"
-          >
+          <text class="font-size-17 font-500 color-000" :style="{ color: titleColor }">
             {{ title }}
           </text>
         </slot>
@@ -68,7 +54,7 @@ const props = defineProps({
   // 背景颜色
   background: {
     type: String,
-    default: "$theme-color-100",
+    default: "#E8FFF1",
   },
   // 标题颜色
   titleColor: {
diff --git a/src/components/TopNavBar/styles/index.scss b/src/components/TopNavBar/styles/index.scss
index bbd7273..633f1d9 100644
--- a/src/components/TopNavBar/styles/index.scss
+++ b/src/components/TopNavBar/styles/index.scss
@@ -1,7 +1,7 @@
 // TopNavBar 组件样式
 .top-nav-bar {
   width: 100%;
-  background-color: $theme-color-100;
+  background-color: #e8fff1;
 
   &--fixed {
     position: fixed;
diff --git a/src/components/UseDateRange/styles/index.scss b/src/components/UseDateRange/styles/index.scss
index 74e2c75..70242a7 100644
--- a/src/components/UseDateRange/styles/index.scss
+++ b/src/components/UseDateRange/styles/index.scss
@@ -36,7 +36,7 @@
 }
 .date-item.selected {
   border: 1px solid #0ccd58;
-  background: $theme-color-50;
+  background: #f0f8f3;
 }
 .date-item.selected .label,
 .date-item.selected .md,
diff --git a/src/constants/ChatModel.ts b/src/constants/ChatModel.ts
new file mode 100644
index 0000000..37a4483
--- /dev/null
+++ b/src/constants/ChatModel.ts
@@ -0,0 +1,83 @@
+export const MessageRole = {
+  // 智能体消息
+  AI: "AI",
+  // 我发送的消息
+  ME: "ME",
+  // 其他消息
+  OTHER: "OTHER",
+};
+
+/// 消息类型 0-对话 1-指令 2-中断停止 3-心跳检测 4-通知
+export const MessageType = {
+  // 对话消息
+  dialog: 0,
+  // 指令消息
+  command: 1,
+  // 中断停止
+  stop: 2,
+  // 心跳检测
+  heartbeat: 3,
+  // 通知消息
+  notice: 4,
+};
+
+/// 跳转类型: 0商品 1提示词 2链接 3组件指令
+export const JumpType = {
+  // 商品
+  commodity: 0,
+  // 提示词
+  prompt: 1,
+  // 链接
+  link: 2,
+  // 组件指令
+  command: 3,
+};
+
+/// 组件的名称
+export const CompName = {
+  // 快速预定卡片
+  quickBookingCard: "quickBookingCard",
+  // 服务工单卡片
+  callServiceCard: "callServiceCard",
+  // 意见反馈卡片
+  feedbackCard: "feedbackCard",
+  // 探索发现卡片
+  discoveryCard: "discoveryCard",
+  // 图片和商品卡片
+  pictureAndCommodityCard: "pictureAndCommodityCard",
+  // 输入车牌卡片
+  enterLicensePlateCard: "enterLicensePlateCard",
+  // 调查问卷卡片
+  callSurveyQuestionnaire: "callSurveyQuestionnaire",
+  // 打开地图卡片
+  mapCard: "mapCard",
+  // 回答卡片
+  longTextCard: "longTextCard",
+  longTextCardSnap: "longTextCardSnap",
+  longTextCardRoute: "longTextCardRoute",
+  longTextCardScenicSpot: "longTextCardScenicSpot",
+  // 生成合成图片
+  aigcPhotoGeneratorCard: "aigcPhotoGeneratorCard",
+};
+
+/// 发送的指令类型
+export const Command = {
+  // 通知消息
+  messageInit: "Command.init",
+  // 快速预定
+  quickBooking: "Command.quickBooking",
+  // 探索发现
+  discovery: "Command.discovery",
+  // 呼叫服务
+  callServiceCard: "Command.callServiceCard",
+  // 更多
+  more: "Command.more",
+  // 我的订单
+  myOrder: "Command.myOrder",
+  // 我的工单
+  myWorkOrder: "Command.myWorkOrder",
+  // 反馈意见
+  feedbackCard: "Command.feedbackCard",
+  // 生成合成图片
+  aigcPhotoGenerator: "Command.aigcPhotoGenerator",
+};
diff --git a/src/constants/base.ts b/src/constants/base.ts
deleted file mode 100644
index 22c4825..0000000
--- a/src/constants/base.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * 客户端配置管理模块
- *
- * 功能说明:
- * 所有配置从根目录的 client-configs.json 文件中读取
- */
-
-// 直接导入配置文件
-import rawConfigs from "../../client-configs.json" with { type: "json" };
-
-// 所有用户端的配置 - 处理后的配置
-export const CLIENT_CONFIGS = rawConfigs;
-
-// 获取当前用户端配置
-export const getCurrentConfig = () => CLIENT_CONFIGS.xiaoqi;
-export const clientId = getCurrentConfig().clientId;
-export const appId = getCurrentConfig().appId;
-
-/// 客户端类型
-export const ClientType = {
-  // 智念
-  ZHINIAN: "ZHINIAN",
-  // 小七
-  XIAOQI: "XIAOQI",
-  // 朵花
-  DUOHUA: "DUOHUA",
-  // 天沐
-  TIANMU: "TIANMU",
-  // 念念助手
-  NIANHELPER: "NIANHELPER",
-};
-
-/// 获取当前客户端类型
-export const currentClientType = () => {
-  switch (getCurrentConfig().name) {
-    case "念念":
-      return ClientType.ZHINIAN;
-    case "小七":
-      return ClientType.XIAOQI;
-    case "朵朵":
-      return ClientType.DUOHUA;
-    case "沐沐":
-      return ClientType.TIANMU;
-    case "念念助手":
-      return ClientType.NIANHELPER;
-    default:
-      return ClientType.ZHINIAN;
-  }
-};
-
-// 环境配置 - 智念客户端使用测试环境，其他客户端使用生产环境
-export const isZhiNian = currentClientType() === ClientType.ZHINIAN;
diff --git a/src/constants/longTextCard.ts b/src/constants/longTextCard.ts
new file mode 100644
index 0000000..c25e986
--- /dev/null
+++ b/src/constants/longTextCard.ts
@@ -0,0 +1,173 @@
+export const LONG_TEXT_KEYS = {
+  containerType: "container_type",
+  tag: "tag",
+  title: "title",
+  content: "content",
+  contentSummary: "content_summary",
+  guideConclusion: "guide_conclusion",
+  keyFacts: "key_facts",
+  sceneImage: "scene_image",
+  checklistOrSteps: "checklist_or_steps",
+  bestTimeOrPeople: "best_time_or_people",
+  avoidPitfalls: "avoid_pitfalls",
+  nextSuggestion: "next_suggestion",
+  poiDefinition: "poi_definition",
+  keyHighlights: "key_highlights",
+  heroImage: "hero_image",
+  backgroundStory: "background_story",
+  bestTime: "best_time",
+  visitSuggestion: "visit_suggestion",
+  routeSummary: "route_summary",
+  routeMeta: "route_meta",
+  routeSteps: "route_steps",
+  onsiteClues: "onsite_clues",
+  realtimeNotice: "realtime_notice",
+  routeWarning: "route_warning",
+  arrivalNextStep: "arrival_next_step",
+  photoConclusion: "photo_conclusion",
+  photoSpots: "photo_spots",
+  compositionTips: "composition_tips",
+  phoneSettings: "phone_settings",
+  lightReminder: "light_reminder",
+  sampleImage: "sample_image",
+  components: "components",
+  checklist: "checklist",
+  suggest: "suggest",
+  commodity: "commodity",
+  actionZone: "action_zone",
+};
+
+export const LONG_TEXT_FIELD_CONFIG = [
+  { key: LONG_TEXT_KEYS.containerType },
+  { key: LONG_TEXT_KEYS.tag },
+  { key: LONG_TEXT_KEYS.title },
+  { key: LONG_TEXT_KEYS.content },
+  { key: LONG_TEXT_KEYS.contentSummary },
+  { key: LONG_TEXT_KEYS.guideConclusion },
+  { key: LONG_TEXT_KEYS.keyFacts },
+  { key: LONG_TEXT_KEYS.sceneImage },
+  { key: LONG_TEXT_KEYS.checklistOrSteps },
+  { key: LONG_TEXT_KEYS.bestTimeOrPeople },
+  { key: LONG_TEXT_KEYS.avoidPitfalls },
+  { key: LONG_TEXT_KEYS.nextSuggestion },
+  { key: LONG_TEXT_KEYS.poiDefinition },
+  { key: LONG_TEXT_KEYS.keyHighlights },
+  { key: LONG_TEXT_KEYS.heroImage },
+  { key: LONG_TEXT_KEYS.backgroundStory },
+  { key: LONG_TEXT_KEYS.bestTime },
+  { key: LONG_TEXT_KEYS.visitSuggestion },
+  { key: LONG_TEXT_KEYS.routeSummary },
+  { key: LONG_TEXT_KEYS.routeMeta },
+  { key: LONG_TEXT_KEYS.routeSteps },
+  { key: LONG_TEXT_KEYS.onsiteClues },
+  { key: LONG_TEXT_KEYS.realtimeNotice },
+  { key: LONG_TEXT_KEYS.routeWarning },
+  { key: LONG_TEXT_KEYS.arrivalNextStep },
+  { key: LONG_TEXT_KEYS.photoConclusion },
+  { key: LONG_TEXT_KEYS.photoSpots },
+  { key: LONG_TEXT_KEYS.compositionTips },
+  { key: LONG_TEXT_KEYS.phoneSettings },
+  { key: LONG_TEXT_KEYS.lightReminder },
+  { key: LONG_TEXT_KEYS.sampleImage },
+  { key: LONG_TEXT_KEYS.components },
+  { key: LONG_TEXT_KEYS.checklist },
+  { key: LONG_TEXT_KEYS.suggest },
+  { key: LONG_TEXT_KEYS.commodity },
+  { key: LONG_TEXT_KEYS.actionZone },
+];
+
+export const LONG_TEXT_PREVIEW_KEYS = [
+  LONG_TEXT_KEYS.contentSummary,
+  LONG_TEXT_KEYS.title,
+  LONG_TEXT_KEYS.tag,
+];
+
+const CONFIGURED_KEYS = LONG_TEXT_FIELD_CONFIG.map((item) => item.key);
+
+export const createLongTextData = () => ({
+  values: {},
+  parsedValues: {},
+});
+
+const toText = (value) => {
+  if (value === undefined || value === null) return "";
+  return typeof value === "string" ? value : String(value);
+};
+
+const shouldParseJSON = (raw) => {
+  if (!raw || typeof raw !== "string") return false;
+  return /^[\s]*[\[{]/.test(raw);
+};
+
+const tryParseJSON = (raw) => {
+  if (!shouldParseJSON(raw)) {
+    return { ok: false, value: null };
+  }
+  try {
+    return { ok: true, value: JSON.parse(raw) };
+  } catch (e) {
+    return { ok: false, value: null };
+  }
+};
+
+export const appendLongTextChunk = (target, chunk = {}) => {
+  if (!target || !chunk.contentKey) return target;
+
+  const key = String(chunk.contentKey);
+  const value = toText(chunk.contentValue);
+
+  if (!target.values) target.values = {};
+  if (!target.parsedValues) target.parsedValues = {};
+
+  target.values[key] = (target.values[key] || "") + value;
+
+  const parsed = tryParseJSON(target.values[key]);
+  if (parsed.ok) {
+    target.parsedValues[key] = parsed.value;
+  } else {
+    delete target.parsedValues[key];
+  }
+
+  return target;
+};
+
+export const getLongTextValue = (data, key) => {
+  if (!data || !data.values || !key) return "";
+  return data.values[key] || "";
+};
+
+export const getLongTextParsedValue = (data, key, fallback = undefined) => {
+  if (!data || !data.parsedValues || !key) return fallback;
+  return Object.prototype.hasOwnProperty.call(data.parsedValues, key)
+    ? data.parsedValues[key]
+    : fallback;
+};
+
+export const getLongTextPreviewText = (data, keys = LONG_TEXT_PREVIEW_KEYS) => {
+  for (const key of keys) {
+    const value = getLongTextValue(data, key);
+    if (value) return value;
+  }
+  return "";
+};
+
+export const hasLongTextExtraSections = (data, previewKeys = LONG_TEXT_PREVIEW_KEYS) => {
+  if (!data || !data.values) return false;
+  return Object.keys(data.values).some((key) => !previewKeys.includes(key));
+};
+
+export const getLongTextSections = (data) => {
+  if (!data || !data.values) return [];
+
+  const extraKeys = Object.keys(data.values).filter(
+    (key) => !CONFIGURED_KEYS.includes(key),
+  );
+
+  return [...CONFIGURED_KEYS, ...extraKeys]
+    .filter((key) => Object.prototype.hasOwnProperty.call(data.values, key))
+    .map((key) => ({
+      contentKey: key,
+      contentValue: getLongTextValue(data, key),
+      parsedValue: getLongTextParsedValue(data, key, null),
+    }));
+};
diff --git a/src/constants/token.ts b/src/constants/token.ts
index 41ea5ff..69d0205 100644
--- a/src/constants/token.ts
+++ b/src/constants/token.ts
@@ -1,35 +1,3 @@
-import { currentClientType } from "@/constant/base";
-
-// 存储在本地的认证 token 键名
-const CLIENT_TYPE = currentClientType();
-const ACCESS_TOKEN = `${CLIENT_TYPE}_ACCESS_TOKEN`;
-const REFRESH_ACCESS_TOKEN = `${CLIENT_TYPE}_REFRESH_ACCESS_TOKEN`;
-
-// 设置本地存储的认证 token
-export const setAccessToken = (token) => {
-  return uni.setStorageSync(ACCESS_TOKEN, token);
-};
-
-// 设置本地存储的刷新 token
-export const setRefreshToken = (token) => {
-  return uni.setStorageSync(REFRESH_ACCESS_TOKEN, token);
-};
-
-// 获取本地存储的刷新 token
-export const getRefreshToken = () => {
-  return uni.getStorageSync(REFRESH_ACCESS_TOKEN);
-};
-
-// 获取本地存储的认证 token
-export const getAccessToken = () => {
-  return uni.getStorageSync(ACCESS_TOKEN);
-};
-
-// 移除本地存储的认证 token
-export const removeAccessToken = () => {
-  return uni.removeStorageSync(ACCESS_TOKEN);
-};
-
-export const removeRefreshToken = () => {
-  return uni.removeStorageSync(REFRESH_ACCESS_TOKEN);
-};
+export function getAccessToken() {
+  return localStorage.getItem("accessToken");
+}
diff --git a/src/hooks/useGoLogin.ts b/src/hooks/useGoLogin.ts
index 748644d..a99443b 100644
--- a/src/hooks/useGoLogin.ts
+++ b/src/hooks/useGoLogin.ts
@@ -1,115 +1,22 @@
-import { oauthToken, checkUserPhone } from "@/request/api/LoginApi";
-import {
-  authLogin,
-  refreshAuthLogin,
-  checkRefreshToken,
-} from "@/manager/LoginManager";
-import { clientId } from "@/constant/base";
-import {
-  getAccessToken,
-  removeAccessToken,
-  setAccessToken,
-} from "../constant/token";
-import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
+import { oauthToken, checkUserPhone } from "@/api/login";
 
 // 跳转登录
-export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" });
+export const goLogin = () => {};
 
 // 登录成功后，返回上一页
-export const goBack = () => uni.navigateBack({ delta: 1 });
+export const goBack = () => {};
 
 // 检测token
-export const checkToken = () => {
-  const token = getAccessToken();
-  return new Promise((resolve) => {
-    if (!token) {
-      goLogin();
-      return;
-    }
-    resolve();
-  });
-};
+export const checkToken = () => {};
 
 // 登录逻辑
-export const onLogin = async (e) => {
-  console.info("onLogin code: ", e);
-
-  return new Promise(async (resolve, reject) => {
-    // 判断用户拒绝
-    if (e !== undefined && e && e.detail && e.detail.errno === 104) {
-      reject();
-      return;
-    }
-
-    await authLogin(e).then(async () => {
-      console.log("authLogin resolve success");
-      // 检查手机号是否绑定
-      const checkRes = await checkUserPhone();
-      if (checkRes.data) {
-        resolve();
-        return;
-      }
-
-      if (e === undefined) {
-        resolve();
-        return;
-      }
-
-      const { code } = e.detail;
-
-      // 绑定手机号
-      const params = { wechatPhoneCode: code, clientId: clientId };
-      const res = await bindUserPhone(params);
-      if (res.data) {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve();
-      } else {
-        console.log("绑定手机号失败");
-        removeAccessToken();
-        reject();
-      }
-    });
-  });
-};
+export const onLogin = async () => {};
 
 /// 检查手机号登录
-export const onCheckPhoneLogin = async () => {
-  return new Promise(async (resolve) => {
-    await refreshAuthLogin().then(async () => {
-      // 刷新成功后，检查手机号是否绑定
-      const access_token = getAccessToken();
-      const checkRes = await checkUserPhone({
-        token: access_token,
-      });
-
-      if (checkRes.data) {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve(false);
-      } else {
-        resolve(true);
-      }
-    });
-  });
-};
+export const onCheckPhoneLogin = async () => {};
 
 // apple登录
-export const onAppleLogin = async (e) => {
-  return new Promise(async (resolve) => {
-    await refreshAuthLogin()
-      .then(() => {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve(true);
-      })
-      .catch(() => {
-        resolve(false);
-      });
-  });
-};
+export const onAppleLogin = async () => {};
 
 // 刷新 token
-export const refreshToken = async () => {
-  await checkRefreshToken();
-};
+export const refreshToken = async () => {};
diff --git a/src/pages/booking/styles/index.scss b/src/pages/booking/styles/index.scss
index d51d90b..58a8514 100644
--- a/src/pages/booking/styles/index.scss
+++ b/src/pages/booking/styles/index.scss
@@ -1,4 +1,4 @@
 .booking {
-  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%) 0 86px / 100%
+  background: linear-gradient(180deg, #e8fff1 0%, #f5f7fa 100%) 0 86px / 100%
     100px no-repeat;
 }
diff --git a/src/pages/goods/components/DateSelector/styles/index.scss b/src/pages/goods/components/DateSelector/styles/index.scss
index 414b9b0..7651dda 100644
--- a/src/pages/goods/components/DateSelector/styles/index.scss
+++ b/src/pages/goods/components/DateSelector/styles/index.scss
@@ -16,7 +16,7 @@
   top: -12rpx;
   left: 24rpx;
   font-size: 20rpx;
-  color: $uni-text-color-grey;
+  color: #333-grey;
   background-color: #fff;
   padding: 0 8rpx;
   z-index: 1;
@@ -41,7 +41,7 @@
 .date-text {
   font-size: 32rpx;
   font-weight: 500;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .day-text {
diff --git a/src/pages/goods/components/GoodConfirm/demo.vue b/src/pages/goods/components/GoodConfirm/demo.vue
index 6ea4f56..9035238 100644
--- a/src/pages/goods/components/GoodConfirm/demo.vue
+++ b/src/pages/goods/components/GoodConfirm/demo.vue
@@ -1,17 +1,13 @@
 <template>
   <div class="demo-container">
     <div class="demo-header">
-      <spanclass="demo-title">GoodConfirm 组件演示</text>
+      <span class="demo-title">GoodConfirm 组件演示</span>
     </div>
 
     <div class="demo-section">
       <div class="section-title">基础用法</div>
       <button class="demo-btn" @click="showConfirm">显示商品确认弹窗</button>
-      <button
-        class="demo-btn"
-        @click="setQuantity(5)"
-        style="margin-left: 12px"
-      >
+      <button class="demo-btn" @click="setQuantity(5)" style="margin-left: 12px">
         设置5人测试横向滚动
       </button>
     </div>
@@ -22,42 +18,29 @@
         <text>Stepper数量: {{ quantity }}</text>
         <text>表单项数量: {{ userFormCount }}</text>
         <text>总价: ¥{{ totalPrice }}</text>
-        <spanclass="debug-info">实时quantity值: {{ quantity }}</text>
-        <spanclass="feature-highlight">✨ 支持横向滚动浏览多个游客信息</text>
-        <spanclass="feature-highlight"
-          >🗑️ 支持删除游客信息（至少保留一位）</text
-        >
+        <span class="debug-info">实时quantity值: {{ quantity }}</span>
+        <span class="feature-highlight">✨ 支持横向滚动浏览多个游客信息</span>
+        <span class="feature-highlight">🗑️ 支持删除游客信息（至少保留一位）</span>
       </div>
     </div>
 
     <div class="demo-section" v-if="lastOrderData">
       <div class="section-title">最后提交的数据</div>
       <div class="order-data">
-        <text>商品: {{ lastOrderData.goodsData.commodityName }}</text>
-        <text>数量: {{ lastOrderData.quantity }}</text>
-        <text>总价: ¥{{ lastOrderData.totalPrice }}</text>
-        <text>用户信息:</text>
+        <span>商品: {{ lastOrderData.goodsData.commodityName }}</span>
+        <span>数量: {{ lastOrderData.quantity }}</span>
+        <span>总价: ¥{{ lastOrderData.totalPrice }}</span>
+        <span>用户信息:</span>
         <div class="user-list">
-          <div
-            v-for="(user, index) in lastOrderData.userFormList"
-            :key="index"
-            class="user-item"
-          >
-            <text
-              >游客{{ index + 1 }}: {{ user.name || "未填写" }} -
-              {{ user.phone || "未填写" }}</text
-            >
+          <div v-for="(user, index) in lastOrderData.userFormList" :key="index" class="user-item">
+            <span>游客{{ index + 1 }}: {{ user.name || "未填写" }} -
+              {{ user.phone || "未填写" }}</span>
           </div>
         </div>
       </div>
     </div>
 
-    <GoodConfirm
-      ref="confirmRef"
-      :goodsData="goodsData"
-      @confirm="handleConfirm"
-      @close="handleClose"
-    />
+    <GoodConfirm ref="confirmRef" :goodsData="goodsData" @confirm="handleConfirm" @close="handleClose" />
   </div>
 </template>
 
diff --git a/src/pages/goods/components/GoodConfirm/styles/index.scss b/src/pages/goods/components/GoodConfirm/styles/index.scss
index 3312c53..ac3055a 100644
--- a/src/pages/goods/components/GoodConfirm/styles/index.scss
+++ b/src/pages/goods/components/GoodConfirm/styles/index.scss
@@ -15,7 +15,7 @@
   .header-title {
     font-size: 18px;
     font-weight: 600;
-    color: $uni-text-color;
+    color: #333;
     flex: 1;
     text-align: center;
   }
@@ -62,9 +62,9 @@
       justify-content: space-between;
 
       .goods-title {
-        font-size: $uni-font-size-lg;
+        font-size: 16px;
         font-weight: 500;
-        color: $uni-text-color;
+        color: #333;
         line-height: 22px;
         margin-bottom: 8px;
         display: -webkit-box;
@@ -79,7 +79,7 @@
         margin-bottom: 12px;
 
         .currency {
-          font-size: $uni-font-size-base;
+          font-size: 14px;
           color: #ff6b35;
           font-weight: 500;
         }
@@ -92,8 +92,8 @@
         }
 
         .price-desc {
-          font-size: $uni-font-size-base;
-          color: $uni-text-color-grey;
+          font-size: 14px;
+          color: #333-grey;
           font-weight: 400;
           margin-left: 12px;
         }
@@ -107,9 +107,9 @@
       }
 
       .service-title {
-        font-size: $uni-font-size-base;
+        font-size: 14px;
         font-weight: 500;
-        color: $uni-text-color;
+        color: #333;
       }
 
       .goods-service-item {
@@ -120,16 +120,16 @@
 
         .service-label,
         .service-value {
-          font-size: $uni-font-size-base;
+          font-size: 14px;
           font-weight: 500;
         }
 
         .service-label {
-          color: $uni-text-color;
+          color: #333;
         }
 
         .service-value {
-          color: $uni-text-color-grey;
+          color: #333-grey;
         }
       }
     }
@@ -166,8 +166,8 @@
   }
 
   .total-count {
-    font-size: $uni-font-size-sm;
-    color: $uni-text-color;
+    font-size: 12px;
+    color: #333;
   }
 
   .total-price {
@@ -178,7 +178,7 @@
 
     &::before {
       content: "¥";
-      font-size: $uni-font-size-sm;
+      font-size: 12px;
     }
   }
 
@@ -189,7 +189,7 @@
     color: #fff;
     border: none;
     border-radius: 24px;
-    font-size: $uni-font-size-lg;
+    font-size: 16px;
     font-weight: 600;
     display: flex;
     align-items: center;
diff --git a/src/pages/goods/components/GoodInfo/styles/index.scss b/src/pages/goods/components/GoodInfo/styles/index.scss
index e29522f..c1719f5 100644
--- a/src/pages/goods/components/GoodInfo/styles/index.scss
+++ b/src/pages/goods/components/GoodInfo/styles/index.scss
@@ -8,8 +8,8 @@
     margin-bottom: 12px;
 
     .title {
-      font-size: $uni-font-size-lg;
-      color: $uni-text-color;
+      font-size: 16px;
+      color: #333;
       font-weight: 600;
       line-height: 1.4;
       flex: 0 280px;
@@ -54,8 +54,8 @@
         border-radius: 6px;
 
         .facility-text {
-          font-size: $uni-font-size-sm;
-          color: $uni-text-color;
+          font-size: 12px;
+          color: #333;
           line-height: 1;
           white-space: nowrap;
           overflow: hidden;
diff --git a/src/pages/goods/styles/index.scss b/src/pages/goods/styles/index.scss
index 4e04098..67eaa1c 100644
--- a/src/pages/goods/styles/index.scss
+++ b/src/pages/goods/styles/index.scss
@@ -37,8 +37,8 @@ $button-color: #00a6ff;
         flex-shrink: 0;
 
         .module-title {
-          font-size: $uni-font-size-base;
-          color: $uni-text-color;
+          font-size: 14px;
+          color: #333;
           text-align: center;
           word-wrap: break-word;
           margin-left: 4px;
@@ -47,7 +47,7 @@ $button-color: #00a6ff;
 
       .module-desc {
         flex: 1;
-        font-size: $uni-font-size-sm;
+        font-size: 12px;
         color: #666;
         line-height: 1.5;
         margin-top: 4px;
diff --git a/src/pages/home/components/ActivityListComponent/index.vue b/src/pages/home/components/ActivityListComponent/index.vue
index a341489..70d41ad 100644
--- a/src/pages/home/components/ActivityListComponent/index.vue
+++ b/src/pages/home/components/ActivityListComponent/index.vue
@@ -14,7 +14,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 
 const commandModel = ref({
   icon: "",
diff --git a/src/pages/home/components/ActivityListComponent/styles/index.scss b/src/pages/home/components/ActivityListComponent/styles/index.scss
index 86bf593..2178be5 100644
--- a/src/pages/home/components/ActivityListComponent/styles/index.scss
+++ b/src/pages/home/components/ActivityListComponent/styles/index.scss
@@ -27,8 +27,8 @@
       right: 12px;
       bottom: 12px;
       background-color: #ffeb00;
-      color: $uni-text-color;
-      font-size: $uni-font-size-base;
+      color: #333;
+      font-size: 14px;
       font-weight: 500;
       padding: 4px 12px;
       border-radius: 20px;
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index a260a7b..5bf7448 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -31,14 +31,14 @@
 <script setup>
 import { defineProps, computed, watch, onBeforeUnmount } from "vue";
 
-import ChatMarkdown from "./ChatMarkdown/index.vue";
+import ChatMarkdown from "../ChatMarkdown/index.vue";
 import ChatLoading from "./ChatLoading/index.vue";
 import StreamManager from '@/utils/StreamManager.js';
 import {
   getLongTextPredivText,
   getLongTextValue,
   hasLongTextExtraSections,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 
 // 直接根据文字长度判断，超过约100个字符认为会溢出（约3行）
 const props = defineProps({
diff --git a/src/pages/home/components/AttachListComponent/index.vue b/src/pages/home/components/AttachListComponent/index.vue
index 5bf8cf4..da327a1 100644
--- a/src/pages/home/components/AttachListComponent/index.vue
+++ b/src/pages/home/components/AttachListComponent/index.vue
@@ -12,7 +12,7 @@ import { onMounted } from "vue";
 import {
   SCROLL_TO_BOTTOM,
   SEND_MESSAGE_CONTENT_TEXT,
-} from "@/constant/constant";
+} from "@/constants/constant";
 
 const props = defineProps({
   question: {
diff --git a/src/pages/home/components/AttachListComponent/styles/index.scss b/src/pages/home/components/AttachListComponent/styles/index.scss
index aa3d41d..00487d7 100644
--- a/src/pages/home/components/AttachListComponent/styles/index.scss
+++ b/src/pages/home/components/AttachListComponent/styles/index.scss
@@ -19,5 +19,5 @@
 
 .tag-text {
   color: #0ccd58;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
 }
diff --git a/src/pages/home/components/ChatInputArea/styles/index.scss b/src/pages/home/components/ChatInputArea/styles/index.scss
index 006ab9b..b13dcba 100644
--- a/src/pages/home/components/ChatInputArea/styles/index.scss
+++ b/src/pages/home/components/ChatInputArea/styles/index.scss
@@ -33,8 +33,8 @@
   .hold-to-talk-button {
     width: 100%;
     height: 44px;
-    color: $uni-text-color;
-    font-size: $uni-font-size-lg;
+    color: #333;
+    font-size: 16px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -99,7 +99,7 @@
     width: 100%;
     max-height: 92px;
     min-height: 22px;
-    font-size: $uni-font-size-lg;
+    font-size: 16px;
     line-height: 22px;
     margin: 6px 0;
 
diff --git a/src/pages/home/components/ChatLongAnswer/index.vue b/src/pages/home/components/ChatLongAnswer/index.vue
index a20663c..4a8209e 100644
--- a/src/pages/home/components/ChatLongAnswer/index.vue
+++ b/src/pages/home/components/ChatLongAnswer/index.vue
@@ -44,7 +44,7 @@ import {
   LONG_TEXT_KEYS,
   getLongTextSections,
   getLongTextValue,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 
 const props = defineProps({
   answerText: {
diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index 9fde39e..a466ea2 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -46,7 +46,7 @@
                 :finish="item.finish"
               /> -->
 
-              <LongTextGuideCardPrediv v-if="item.componentName && isLongTextCard(item.componentName)"
+              <LongTextGuideCardPreview v-if="item.componentName && isLongTextCard(item.componentName)"
                 :componentName="item.componentName" />
 
               <QuickBookingComponent v-if="
@@ -147,12 +147,12 @@ import {
   SEND_MESSAGE_COMMAND_TYPE,
   NOTICE_EVENT_LOGOUT,
   NOTICE_EVENT_LOGIN_SUCCESS,
-} from "@/constant/constant";
-import { MessageRole, MessageType, CompName, Command } from "@/model/ChatModel";
+} from "@/constants/constant";
+import { MessageRole, MessageType, CompName, Command } from "@/constants/ChatModel";
 
 import HomeWelcome from "../HomeWelcome/index.vue";
 import AiTabSwitch from "@/components/AiTabSwitch/index.vue";
-import Discovery from "../../Discovery/index.vue";
+import Discovery from "../Discovery/index.vue";
 import ChatGuide from "../ChatGuide/index.vue";
 
 import ChatTopNavBar from "../ChatTopNavBar/index.vue";
@@ -162,37 +162,36 @@ import ChatCardOther from "../ChatCardOther/index.vue";
 import ChatQuickAccess from "../ChatQuickAccess/index.vue";
 import ChatInputArea from "../ChatInputArea/index.vue";
 
-import QuickBookingComponent from "../../ChatModule/QuickBookingComponent/index.vue";
-import DiscoveryCardComponent from "../../ChatModule/DiscoveryCardComponent/index.vue";
-import ActivityListComponent from "../../ChatModule/ActivityListComponent/index.vue";
-import RecommendPostsComponent from "../../ChatModule/RecommendPostsComponent/index.vue";
-import AttachListComponent from "../../ChatModule/AttachListComponent/index.vue";
-import DetailCardCompontent from "../../ChatModule/DetailCardCompontent/index.vue";
-import OpenMapComponent from "../../ChatModule/OpenMapComponent/index.vue";
-import AnswerComponent from "../../ChatModule/AnswerComponent/index.vue";
-import GeneratorPhotoComponent from "../../ChatModule/GeneratorPhotoComponent/index.vue";
+import QuickBookingComponent from "../QuickBookingComponent/index.vue";
+import DiscoveryCardComponent from "../DiscoveryCardComponent/index.vue";
+import ActivityListComponent from "../ActivityListComponent/index.vue";
+import RecommendPostsComponent from "../RecommendPostsComponent/index.vue";
+import AttachListComponent from "../AttachListComponent/index.vue";
+import DetailCardCompontent from "../DetailCardCompontent/index.vue";
+import OpenMapComponent from "../OpenMapComponent/index.vue";
+import AnswerComponent from "../AnswerComponent/index.vue";
+import GeneratorPhotoComponent from "../GeneratorPhotoComponent/index.vue";
 
-import ZModuleC01 from "../../ChatModule/ZModuleC01/index.vue";
-import LongTextGuideCardPrediv from "../../ChatModule/LongTextGuideCardPrediv/index.vue";
+import LongTextGuideCardPreview from "../LongTextGuideCardPreview/index.vue";
 
 import CreateServiceOrder from "@/components/CreateServiceOrder/index.vue";
 import Feedback from "@/components/Feedback/index.vue";
 import AddCarCrad from "@/components/AddCarCrad/index.vue";
 import SurveyQuestionnaire from "@/components/SurveyQuestionnaire/index.vue";
-import { mainPageData } from "@/request/api/MainPageDataApi";
+import { mainPageData } from "@/api/home";
 import {
   conversationMsgList,
   recentConversation,
-} from "@/request/api/ConversationApi";
+} from "@/api/home";
 import WebSocketManager from "@/utils/WebSocketManager";
-import { IdUtils } from "@/utils";
+import { IdUtils } from "@/utils/IdUtils";
 import {
   appendLongTextChunk,
   createLongTextData,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 import { checkToken } from "@/hooks/useGoLogin";
 import { useAppStore } from "@/store";
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 
 const emit = defineEmits(["showDrawer"]);
 const appStore = useAppStore();
diff --git a/src/pages/home/components/ChatMoreTips/index.vue b/src/pages/home/components/ChatMoreTips/index.vue
index 4dbbdd8..28848b9 100644
--- a/src/pages/home/components/ChatMoreTips/index.vue
+++ b/src/pages/home/components/ChatMoreTips/index.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script setup>
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 import { defineProps } from "vue";
 
 defineProps({
diff --git a/src/pages/home/components/ChatQuickAccess/index.vue b/src/pages/home/components/ChatQuickAccess/index.vue
index ae59f8c..2fa1044 100644
--- a/src/pages/home/components/ChatQuickAccess/index.vue
+++ b/src/pages/home/components/ChatQuickAccess/index.vue
@@ -15,7 +15,7 @@
 <script setup>
 import { ref } from "vue";
 import { Command } from "@/model/ChatModel";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { checkToken } from "@/hooks/useGoLogin";
 
 const itemList = ref([
diff --git a/src/pages/home/components/ChatTopNavBar/index.vue b/src/pages/home/components/ChatTopNavBar/index.vue
index 309a4a6..4fccd24 100644
--- a/src/pages/home/components/ChatTopNavBar/index.vue
+++ b/src/pages/home/components/ChatTopNavBar/index.vue
@@ -25,7 +25,7 @@
 
 <script setup>
 import { ref, defineProps, computed, defineExpose } from "vue";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 
 const props = defineProps({
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index e1b82f0..29bcf54 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -18,7 +18,7 @@ v
 
 <script setup>
 import { defineProps, computed, getCurrentInstance, defineExpose } from "vue";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 import ChatMoreTips from "../ChatMoreTips/index.vue";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 
diff --git a/src/pages/discovery/components/CardSwiper/index.vue b/src/pages/home/components/Discovery/components/CardSwiper/index.vue
similarity index 100%
rename from src/pages/discovery/components/CardSwiper/index.vue
rename to src/pages/home/components/Discovery/components/CardSwiper/index.vue
diff --git a/src/pages/discovery/components/CardSwiper/styles/index.scss b/src/pages/home/components/Discovery/components/CardSwiper/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/CardSwiper/styles/index.scss
rename to src/pages/home/components/Discovery/components/CardSwiper/styles/index.scss
diff --git a/src/pages/discovery/components/FindTabs/images/selected_tabs_icon.png b/src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon.png
similarity index 100%
rename from src/pages/discovery/components/FindTabs/images/selected_tabs_icon.png
rename to src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon.png
diff --git a/src/pages/discovery/components/FindTabs/images/selected_tabs_icon_b.png b/src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon_b.png
similarity index 100%
rename from src/pages/discovery/components/FindTabs/images/selected_tabs_icon_b.png
rename to src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon_b.png
diff --git a/src/pages/discovery/components/FindTabs/index.vue b/src/pages/home/components/Discovery/components/FindTabs/index.vue
similarity index 98%
rename from src/pages/discovery/components/FindTabs/index.vue
rename to src/pages/home/components/Discovery/components/FindTabs/index.vue
index 20bb485..f384e40 100644
--- a/src/pages/discovery/components/FindTabs/index.vue
+++ b/src/pages/home/components/Discovery/components/FindTabs/index.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { getCurrentInstance, nextTick, onMounted, ref, watch } from "vue";
-import { isZhiNian } from "@/constant/base";
+import { isZhiNian } from "@/constants/base";
 import indicatorSrc from "./images/selected_tabs_icon.png";
 import indicatorSrcB from "./images/selected_tabs_icon_b.png";
 
diff --git a/src/pages/discovery/components/FindTabs/styles/index.scss b/src/pages/home/components/Discovery/components/FindTabs/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/FindTabs/styles/index.scss
rename to src/pages/home/components/Discovery/components/FindTabs/styles/index.scss
diff --git a/src/pages/discovery/components/QuickQuestions/index.vue b/src/pages/home/components/Discovery/components/QuickQuestions/index.vue
similarity index 100%
rename from src/pages/discovery/components/QuickQuestions/index.vue
rename to src/pages/home/components/Discovery/components/QuickQuestions/index.vue
diff --git a/src/pages/discovery/components/QuickQuestions/styles/index.scss b/src/pages/home/components/Discovery/components/QuickQuestions/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/QuickQuestions/styles/index.scss
rename to src/pages/home/components/Discovery/components/QuickQuestions/styles/index.scss
diff --git a/src/pages/discovery/index.vue b/src/pages/home/components/Discovery/index.vue
similarity index 98%
rename from src/pages/discovery/index.vue
rename to src/pages/home/components/Discovery/index.vue
index 4cae6ca..1c6d648 100644
--- a/src/pages/discovery/index.vue
+++ b/src/pages/home/components/Discovery/index.vue
@@ -17,9 +17,9 @@
 
 <script setup>
 import { onMounted, ref } from "vue";
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE, SWITCH_TO_COMPANION_TAB } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE, SWITCH_TO_COMPANION_TAB } from "@/constants/constant";
 import { navigateTo } from "@/router";
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 
 import FindTabs from "./components/FindTabs/index.vue";
 import CardSwiper from "./components/CardSwiper/index.vue";
diff --git a/src/pages/home/components/DiscoveryCardComponent/index.vue b/src/pages/home/components/DiscoveryCardComponent/index.vue
index 977ccf8..613b642 100644
--- a/src/pages/home/components/DiscoveryCardComponent/index.vue
+++ b/src/pages/home/components/DiscoveryCardComponent/index.vue
@@ -8,8 +8,8 @@
 
 <script setup>
 import { ref, onMounted, nextTick } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { discoveryCradComponent } from "@/request/api/MainPageDataApi";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { discoveryCradComponent } from "@/api/home";
 import RecommendPostsList from "../RecommendPostsList/index.vue";
 
 const themeDTOList = ref([]);
diff --git a/src/pages/home/components/DiscoveryCradContentList/index.vue b/src/pages/home/components/DiscoveryCradContentList/index.vue
index 1295243..fdc20f8 100644
--- a/src/pages/home/components/DiscoveryCradContentList/index.vue
+++ b/src/pages/home/components/DiscoveryCradContentList/index.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { defineProps } from "vue";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
diff --git a/src/pages/home/components/DiscoveryCradContentList/styles/index.scss b/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
index d514b5b..411e5d2 100644
--- a/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
+++ b/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
@@ -25,8 +25,8 @@
         padding: 12px;
         text-align: center;
         font-weight: 500;
-        font-size: $uni-font-size-sm;
-        color: $uni-text-color;
+        font-size: 12px;
+        color: #333;
       }
     }
   }
diff --git a/src/pages/home/components/DrawerSection/components/MineSetting/index.vue b/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
index 472058c..b5f3635 100644
--- a/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
+++ b/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
@@ -32,8 +32,8 @@
 
 <script setup>
 import { ref, defineEmits, defineExpose } from "vue";
-import { getLoginUserPhone } from "@/request/api/LoginApi";
-import { NOTICE_EVENT_LOGOUT } from "@/constant/constant";
+import { getLoginUserPhone } from "@/api/login";
+import { NOTICE_EVENT_LOGOUT } from "@/constants/constant";
 import { useAppStore } from "@/store";
 
 const appStore = useAppStore();
@@ -88,22 +88,7 @@ const handleMenuClick = (item) => {
 };
 
 // 退出登录
-const handleLogout = () => {
-  uni.showModal({
-    title: "温馨提示",
-    content: "确定要退出登录吗？",
-    success: (res) => {
-      if (res.confirm) {
-        uni.clearStorageSync();
-        emits("close");
-        uni.$emit(NOTICE_EVENT_LOGOUT);
-        uni.showToast({
-          title: "退出登录成功",
-        });
-      }
-    },
-  });
-};
+const handleLogout = () => { };
 
 defineExpose({ getLoginUserPhoneInfo });
 </script>
diff --git a/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss b/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
index 16d999e..657783d 100644
--- a/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
+++ b/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
@@ -32,7 +32,7 @@
 
 .label {
   font-size: 28rpx;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .value {
@@ -59,7 +59,7 @@
   height: 42px;
   margin-top: 40px;
   background-color: #fff;
-  color: $uni-text-color;
+  color: #333;
   border-radius: 8rpx;
   border: none;
 }
diff --git a/src/pages/home/components/DrawerSection/styles/index.scss b/src/pages/home/components/DrawerSection/styles/index.scss
index b494117..b19f15c 100644
--- a/src/pages/home/components/DrawerSection/styles/index.scss
+++ b/src/pages/home/components/DrawerSection/styles/index.scss
@@ -15,7 +15,7 @@
   .title {
     font-size: 18px;
     text-align: center;
-    color: $uni-text-color;
+    color: #333;
   }
 
   .close-icon {
diff --git a/src/pages/home/components/GeneratorPhotoComponent/index.vue b/src/pages/home/components/GeneratorPhotoComponent/index.vue
index bbd351d..7840965 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/index.vue
+++ b/src/pages/home/components/GeneratorPhotoComponent/index.vue
@@ -35,8 +35,8 @@
 import { defineProps, nextTick, onMounted, computed } from "vue";
 import {
   SCROLL_TO_BOTTOM,
-} from "@/constant/constant";
-import { getAccessToken } from "@/constant/token";
+} from "@/constants/constant";
+import { getAccessToken } from "@/constants/token";
 import { navigateTo } from "@/router";
 
 
diff --git a/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss b/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
index 16030bb..19c1d57 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
+++ b/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
@@ -4,7 +4,7 @@
 }
 
 .content {
-  background: linear-gradient(180deg, $theme-color-100 0%, #0ccd58 100%);
+  background: linear-gradient(180deg, #e8fff1 0%, #0ccd58 100%);
   border-radius: 24px 24px 24px 24px;
   border: 1px solid #ffffff;
   position: relative;
@@ -23,8 +23,8 @@
 .btn-bg-sub {
   background: #0ccd58;
   box-shadow:
-    inset 0px 0px 41px 0px $theme-color-50,
-    inset 0px 0px 15px 0px $theme-color-100;
+    inset 0px 0px 41px 0px #f0f8f3,
+    inset 0px 0px 15px 0px #e8fff1;
 }
 
 /* 左上角标签容器 */
diff --git a/src/pages/home/components/HomeWelcome/index.vue b/src/pages/home/components/HomeWelcome/index.vue
index ad30033..48a77c9 100644
--- a/src/pages/home/components/HomeWelcome/index.vue
+++ b/src/pages/home/components/HomeWelcome/index.vue
@@ -20,7 +20,7 @@ import { onMounted, ref } from "vue";
 import { defineProps, computed } from "vue";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 import NoticeMessage from "../NoticeMessage/index.vue";
-import { getLocalWeather } from "@/request/api/MainPageDataApi";
+import { getLocalWeather } from "@/api/home";
 
 const weatherText = ref('');
 
diff --git a/src/pages/home/components/LongTextGuideCardPreview/guide.vue b/src/pages/home/components/LongTextGuideCardPreview/guide.vue
index f4fbb3c..39316df 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/guide.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/guide.vue
@@ -79,7 +79,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const products = [
   {
diff --git a/src/pages/home/components/LongTextGuideCardPreview/photo.vue b/src/pages/home/components/LongTextGuideCardPreview/photo.vue
index 723b0cd..1aa525c 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/photo.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/photo.vue
@@ -76,8 +76,8 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
-import { getAccessToken } from "@/constant/token";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
+import { getAccessToken } from "@/constants/token";
 import { navigateTo } from "@/router";
 
 const photo = {
diff --git a/src/pages/home/components/LongTextGuideCardPreview/poi.vue b/src/pages/home/components/LongTextGuideCardPreview/poi.vue
index 6be2ef5..0c5167f 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/poi.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/poi.vue
@@ -69,7 +69,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const faq = ["古桥有什么传说", "最佳观赏时间", "旁边还有什么景点"];
 
diff --git a/src/pages/home/components/LongTextGuideCardPreview/route.vue b/src/pages/home/components/LongTextGuideCardPreview/route.vue
index b6b627b..f748849 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/route.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/route.vue
@@ -94,7 +94,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const steps = [
   {
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index 3200067..d1da3fe 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -30,8 +30,8 @@
 
 <script setup>
 import { ref } from "vue";
-import { Command } from "@/model/ChatModel";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { Command } from "@/constants/ChatModel";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { checkToken } from "@/hooks/useGoLogin";
 
 const popup = ref(null);
diff --git a/src/pages/home/components/NoticeMessage/index.vue b/src/pages/home/components/NoticeMessage/index.vue
index c212ed9..1f0b57a 100644
--- a/src/pages/home/components/NoticeMessage/index.vue
+++ b/src/pages/home/components/NoticeMessage/index.vue
@@ -37,8 +37,8 @@
 
 <script setup>
 import { computed, onMounted, ref } from "vue";
-import { getTimeNoticeList } from "@/request/api/MainPageDataApi";
-import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
+import { getTimeNoticeList } from "@/api/home";
+import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constants/constant";
 
 const props = defineProps({
   tipsMessage: {
diff --git a/src/pages/home/components/QuickBookingCalender/styles/index.scss b/src/pages/home/components/QuickBookingCalender/styles/index.scss
index 68aeb45..32bc4fa 100644
--- a/src/pages/home/components/QuickBookingCalender/styles/index.scss
+++ b/src/pages/home/components/QuickBookingCalender/styles/index.scss
@@ -24,7 +24,7 @@
 
 .label {
   font-size: 24rpx;
-  color: $uni-text-color-grey;
+  color: #333-grey;
 }
 .date {
   font-size: 28rpx;
diff --git a/src/pages/home/components/QuickBookingComponent/index.vue b/src/pages/home/components/QuickBookingComponent/index.vue
index 74cbb15..e186c47 100644
--- a/src/pages/home/components/QuickBookingComponent/index.vue
+++ b/src/pages/home/components/QuickBookingComponent/index.vue
@@ -12,8 +12,8 @@ import QuickBookingCalender from "../QuickBookingCalender/index.vue";
 import QuickBookingContentList from "../QuickBookingContentList/index.vue";
 import { ref, nextTick } from "vue";
 import { onMounted } from "vue";
-import { quickBookingComponent } from "@/request/api/MainPageDataApi";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
+import { quickBookingComponent } from "@/api/home";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
 
 const selectedDate = ref({});
 
diff --git a/src/pages/home/components/QuickBookingContentList/styles/index.scss b/src/pages/home/components/QuickBookingContentList/styles/index.scss
index b619782..a616717 100644
--- a/src/pages/home/components/QuickBookingContentList/styles/index.scss
+++ b/src/pages/home/components/QuickBookingContentList/styles/index.scss
@@ -25,7 +25,7 @@
         left: 8px;
         background: #ffe7b2;
         color: #b97a00;
-        font-size: $uni-font-size-sm;
+        font-size: 12px;
         padding: 2px 8px;
         border-radius: 4px;
         z-index: 2;
@@ -59,7 +59,7 @@
       }
 
       .card-title {
-        font-size: $uni-font-size-lg;
+        font-size: 16px;
         font-weight: bold;
         color: #222;
         width: 100%;
@@ -112,7 +112,7 @@
 
         .card-price {
           color: #ff6600;
-          font-size: $uni-font-size-lg;
+          font-size: 16px;
           font-weight: bold;
         }
         .card-unit {
diff --git a/src/pages/home/components/RecommendPostsList/index.vue b/src/pages/home/components/RecommendPostsList/index.vue
index c34e2ab..9b095b0 100644
--- a/src/pages/home/components/RecommendPostsList/index.vue
+++ b/src/pages/home/components/RecommendPostsList/index.vue
@@ -23,7 +23,7 @@
 
 <script setup>
 import { defineProps } from "vue";
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
 const props = defineProps({
diff --git a/src/pages/login/components/AgreePopup/styles/index.scss b/src/pages/login/components/AgreePopup/styles/index.scss
index ca8c20a..a9004f0 100644
--- a/src/pages/login/components/AgreePopup/styles/index.scss
+++ b/src/pages/login/components/AgreePopup/styles/index.scss
@@ -14,7 +14,7 @@
     .popup-title {
       font-size: 18px;
       font-weight: 600;
-      color: $uni-text-color;
+      color: #333;
       text-align: center;
       line-height: 24px;
     }
@@ -65,8 +65,8 @@
       align-items: center;
       justify-content: center;
       color: #ffffff;
-      border-radius: $uni-border-radius-50px;
-      font-size: $uni-font-size-lg;
+      border-radius: 50px;
+      font-size: 16px;
       font-weight: 500;
       transition: all 0.3s ease;
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 97f0069..9055286 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -56,7 +56,7 @@ import {
 import CheckBox from "@/components/CheckBox/index.vue";
 import AgreePopup from "./components/AgreePopup/index.vue";
 import { zniconsMap } from "@/static/fonts/znicons";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 
 // 是否需要微信手机号授权登录
 const needWxAuthLogin = ref(false);
diff --git a/src/pages/order/order/components/NoticeInfo/styles/index.scss b/src/pages/order/order/components/NoticeInfo/styles/index.scss
index 8cd882a..73c6e1b 100644
--- a/src/pages/order/order/components/NoticeInfo/styles/index.scss
+++ b/src/pages/order/order/components/NoticeInfo/styles/index.scss
@@ -7,7 +7,7 @@
 .notice-title {
   display: flex;
   align-items: center;
-  font-size: $uni-font-size-lg;
+  font-size: 16px;
   font-weight: 500;
-  color: $uni-text-color;
+  color: #333;
 }
diff --git a/src/pages/order/order/components/Tabs/styles/index.scss b/src/pages/order/order/components/Tabs/styles/index.scss
index 385205c..2f1f06a 100644
--- a/src/pages/order/order/components/Tabs/styles/index.scss
+++ b/src/pages/order/order/components/Tabs/styles/index.scss
@@ -21,7 +21,7 @@
 }
 
 .tab-text {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: #666;
   font-weight: 400;
   transition: all 0.3s ease;
@@ -29,14 +29,14 @@
 }
 
 .tab-text-active {
-  color: $uni-text-color;
-  font-size: $uni-font-size-lg;
+  color: #333;
+  font-size: 16px;
   font-weight: 600;
 }
 
 .tab-item-active {
   .tab-text {
-    color: $uni-text-color;
+    color: #333;
     font-weight: 600;
   }
 }
@@ -48,7 +48,8 @@
   min-height: 3px; /* 确保最小高度 */
   background-color: #007aff;
   border-radius: 10px;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+  transition:
+    left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 1;
   transform: translateZ(0); /* 启用硬件加速 */
diff --git a/src/pages/order/order/styles/detail.scss b/src/pages/order/order/styles/detail.scss
index 973ef3e..40a6564 100644
--- a/src/pages/order/order/styles/detail.scss
+++ b/src/pages/order/order/styles/detail.scss
@@ -1,4 +1,4 @@
 .order-detail-wrapper {
-  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%);
+  background: linear-gradient(180deg, #e8fff1 0%, #f5f7fa 100%);
   padding: 0 12px 40px;
 }
diff --git a/src/pages/quick/components/Tabs/styles/index.scss b/src/pages/quick/components/Tabs/styles/index.scss
index 496cb7b..28e6e6a 100644
--- a/src/pages/quick/components/Tabs/styles/index.scss
+++ b/src/pages/quick/components/Tabs/styles/index.scss
@@ -1,5 +1,5 @@
 .tab-wrapper {
-  background-color: $theme-color-100;
+  background-color: #e8fff1;
   height: 48px;
   overflow-x: auto;
   /* 支持横向滚动 */
diff --git a/src/pages/service/order/components/OrderCard/index.vue b/src/pages/service/order/components/OrderCard/index.vue
index 2e8eff2..b925a29 100644
--- a/src/pages/service/order/components/OrderCard/index.vue
+++ b/src/pages/service/order/components/OrderCard/index.vue
@@ -2,10 +2,7 @@
   <div class="order-card bg-white border-box p-12 rounded-12 m-12">
     <!-- 卡片头部 -->
     <div class="border-box flex flex-items-center pb-12">
-      <img
-        class="icon mr-4"
-        src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png"
-      />
+      <img class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
       <span class="font-size-14 color-525866 line-height-20">工单</span>
       <span class="font-size-12 color-525866 line-height-20 ml-auto">{{
         isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
@@ -25,54 +22,34 @@
         </div>
       </div>
 
-      <img
-        v-if="orderData.contentImgUrl"
-        class="right rounded-6"
-        :src="orderData.contentImgUrl"
-        mode="aspectFill"
-      />
+      <img v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
     </div>
 
     <!-- 服务人员 -->
-    <div
-      v-if="orderData.processMemberName && orderData.processMemberPhone"
-      class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12"
-    >
+    <div v-if="orderData.processMemberName && orderData.processMemberPhone"
+      class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12">
       <div class="font-size-12 line-height-16">
         服务人员：{{ orderData.processMemberName }}
       </div>
-      <uni-icons
-        class="ml-auto mr-4"
-        type="phone-filled"
-        size="14"
-        color="#436799"
-      />
-      <span class="font-size-12 line-height-16" @click="callService"
-        >拨打电话</span
-      >
+      <uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
+      <span class="font-size-12 line-height-16" @click="callService">拨打电话</span>
     </div>
 
     <!-- 取消操作 -->
-    <div
-      v-if="
-        !isCancelWork &&
-        orderData.workOrderStatus !== '2' &&
-        orderData.workOrderStatus !== '3'
-      "
-      class="flex flex-items-center flex-justify-between"
-    >
-      <span
-        class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
-        @click="cancelCall"
-        >取消呼叫</span
-      >
+    <div v-if="
+      !isCancelWork &&
+      orderData.workOrderStatus !== '2' &&
+      orderData.workOrderStatus !== '3'
+    " class="flex flex-items-center flex-justify-between">
+      <span class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+        @click="cancelCall">取消呼叫</span>
     </div>
   </div>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
-import { closeWorkOrder } from "@/request/api/WorkOrderApi";
+import { closeWorkOrder } from "@/api/WorkOrder";
 import { ref } from "vue";
 const isCancelWork = ref(false);
 
diff --git a/src/pages/service/order/index.vue b/src/pages/service/order/index.vue
index 9d293a1..f38a820 100644
--- a/src/pages/service/order/index.vue
+++ b/src/pages/service/order/index.vue
@@ -1,36 +1,21 @@
 <template>
-  <z-paging
-    :bg-color="
-      'linear-gradient(180deg, ' +
-      $theme -
-      color -
-      100 +
-      ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
-    "
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+  <z-paging :bg-color="'linear-gradient(180deg, ' +
+    $theme -
+    color -
+    100 +
+    ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
+    " ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
     <template #top>
       <TopNavBar title="呼叫服务" />
     </template>
 
     <template #empty>
-      <CustomEmpty
-        emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
-        statusspan="您暂无呼叫服务"
-      />
+      <CustomEmpty emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
+        statusspan="您暂无呼叫服务" />
     </template>
 
-    <OrderCard
-      v-for="(item, index) in dataList"
-      :key="item.id || index"
-      :orderData="item"
-    />
+    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
   </z-paging>
 </template>
 
@@ -39,7 +24,7 @@ import { ref } from "vue";
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import CustomEmpty from "@/components/CustomEmpty/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";
-import { userWorkOrderList } from "@/request/api/WorkOrderApi";
+import { userWorkOrderList } from "@/api/WorkOrder";
 
 const dataList = ref([]);
 const paging = ref(null);
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index d6dece4..cc61df7 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,13 +1,13 @@
 import { defineStore } from "pinia";
-import { devUrl, wssDevUrl } from "../../request/base/baseUrl";
 
 export const useAppStore = defineStore("app", {
   state() {
     return {
       sceneId: "", // 分身场景id
-      serverConfig: { // 服务器配置
-        baseUrl: devUrl, // 服务器基础地址
-        wssUrl: wssDevUrl, // 服务器ws地址
+      serverConfig: {
+        // 服务器配置
+        baseUrl: import.meta.env.VITE_API_BASE_URL, // 服务器基础地址
+        wssUrl: import.meta.env.VITE_SOCKET_BASE_URL, // 服务器ws地址
       },
     };
   },
diff --git a/src/utils/CallbackUtils.ts b/src/utils/CallbackUtils.ts
new file mode 100644
index 0000000..4661ffd
--- /dev/null
+++ b/src/utils/CallbackUtils.ts
@@ -0,0 +1,35 @@
+/**
+ * 回调函数安全调用工具类
+ * 提供安全的回调函数调用机制
+ */
+export class CallbackUtils {
+  /**
+   * 安全调用回调函数
+   * @param {Object} callbacks - 回调函数对象
+   * @param {string} callbackName - 回调函数名称
+   * @param {...any} args - 传递给回调函数的参数
+   */
+  static safeCall(callbacks, callbackName, ...args) {
+    if (callbacks && typeof callbacks[callbackName] === "function") {
+      try {
+        callbacks[callbackName](...args);
+      } catch (error) {
+        console.error(`回调函数 ${callbackName} 执行出错:`, error);
+      }
+    } else {
+      console.warn(`回调函数 ${callbackName} 不可用`);
+    }
+  }
+
+  /**
+   * 批量安全调用回调函数
+   * @param {Object} callbacks - 回调函数对象
+   * @param {Array} callbackConfigs - 回调配置数组 [{name, args}, ...]
+   */
+  static safeBatchCall(callbacks, callbackConfigs) {
+    callbackConfigs.forEach((config) => {
+      const { name, args = [] } = config;
+      this.safeCall(callbacks, name, ...args);
+    });
+  }
+}
diff --git a/src/utils/IdUtils.ts b/src/utils/IdUtils.ts
new file mode 100644
index 0000000..00aa49a
--- /dev/null
+++ b/src/utils/IdUtils.ts
@@ -0,0 +1,23 @@
+/**
+ * 工具函数集合
+ * 包含打字机效果、ID生成、回调安全调用等通用工具函数
+ */
+
+/**
+ * ID生成工具类
+ * 提供各种ID生成功能
+ */
+export class IdUtils {
+  /**
+   * 生成消息ID
+   * @returns {string} 消息ID
+   */
+  static generateMessageId() {
+    const timestamp = new Date().getTime();
+    const chars = "abcdefghijklmnopqrstuvwxyz";
+    const randomStr = Array.from({ length: 4 }, () =>
+      chars.charAt(Math.floor(Math.random() * chars.length)),
+    ).join("");
+    return "mid" + randomStr + timestamp;
+  }
+}
diff --git a/src/utils/MessageUtils.ts b/src/utils/MessageUtils.ts
new file mode 100644
index 0000000..ef7f415
--- /dev/null
+++ b/src/utils/MessageUtils.ts
@@ -0,0 +1,116 @@
+/**
+ * 消息处理工具类
+ * 提供消息相关的工具函数
+ */
+export class MessageUtils {
+  /**
+   * 验证消息格式
+   * @param {any} message - 消息对象
+   * @returns {boolean} 是否为有效消息格式
+   */
+  static validateMessage(message) {
+    return message && typeof message === "object" && message.type;
+  }
+
+  /**
+   * 格式化消息
+   * @param {string} type - 消息类型
+   * @param {any} content - 消息内容
+   * @param {Object} options - 额外选项
+   * @returns {Object} 格式化后的消息对象
+   */
+  static formatMessage(type, content, options = {}) {
+    return {
+      type,
+      content,
+      timestamp: Date.now(),
+      ...options,
+    };
+  }
+
+  /**
+   * 检查是否为完整消息
+   * @param {any} message - 消息对象
+   * @returns {boolean} 是否为完整消息
+   */
+  static isCompleteMessage(message) {
+    return message && message.isComplete === true;
+  }
+
+  /**
+   * 检查消息是否为心跳响应
+   * @param {any} messageData - 消息数据
+   * @returns {boolean} 是否为心跳响应
+   */
+  static isPongMessage(messageData) {
+    if (typeof messageData === "string") {
+      return (
+        messageData === "pong" || messageData.toLowerCase().includes("pong")
+      );
+    }
+    if (typeof messageData === "object" && messageData !== null) {
+      return messageData.type === "pong";
+    }
+    return false;
+  }
+
+  /**
+   * 安全解析JSON消息
+   * @param {string} messageStr - 消息字符串
+   * @returns {Object|null} 解析后的对象或null
+   */
+  static safeParseJSON(messageStr) {
+    try {
+      return JSON.parse(messageStr);
+    } catch (error) {
+      console.warn("JSON解析失败:", messageStr);
+      return null;
+    }
+  }
+
+  /**
+   * 创建打字机消息对象
+   * @param {string} content - 消息内容
+   * @param {boolean} isComplete - 是否完成
+   * @param {string} type - 消息类型
+   * @returns {Object} 消息对象
+   */
+  static createTypewriterMessage(
+    content,
+    isComplete = false,
+    type = "typewriter",
+  ) {
+    return {
+      type,
+      content,
+      isComplete,
+      timestamp: Date.now(),
+    };
+  }
+
+  /**
+   * 创建加载消息对象
+   * @param {string} content - 加载内容
+   * @returns {Object} 加载消息对象
+   */
+  static createLoadingMessage(content = "加载中...") {
+    return {
+      type: "loading",
+      content,
+      timestamp: Date.now(),
+    };
+  }
+
+  /**
+   * 创建错误消息对象
+   * @param {string} error - 错误信息
+   * @returns {Object} 错误消息对象
+   */
+  static createErrorMessage(error) {
+    return {
+      type: "error",
+      content: error.message || error || "未知错误",
+      timestamp: Date.now(),
+    };
+  }
+}
diff --git a/src/utils/TimerUtils.ts b/src/utils/TimerUtils.ts
new file mode 100644
index 0000000..3c6e0f4
--- /dev/null
+++ b/src/utils/TimerUtils.ts
@@ -0,0 +1,74 @@
+/**
+ * 定时器管理工具类
+ * 提供定时器的统一管理
+ */
+export class TimerUtils {
+  /**
+   * 安全清除定时器
+   * @param {number|null} timerId - 定时器ID
+   * @param {string} type - 定时器类型 'timeout' | 'interval'
+   * @returns {null} 返回null便于重置变量
+   */
+  static safeClear(timerId, type = "timeout") {
+    if (timerId) {
+      if (type === "interval") {
+        clearInterval(timerId);
+      } else {
+        clearTimeout(timerId);
+      }
+    }
+    return null;
+  }
+
+  /**
+   * 清除定时器（别名方法）
+   * @param {number|null} timerId - 定时器ID
+   * @param {string} type - 定时器类型 'timeout' | 'interval'
+   * @returns {null} 返回null便于重置变量
+   */
+  static clearTimer(timerId, type = "timeout") {
+    return this.safeClear(timerId, type);
+  }
+
+  /**
+   * 创建可取消的延时执行
+   * @param {Function} callback - 回调函数
+   * @param {number} delay - 延时时间
+   * @returns {Object} 包含cancel方法的对象
+   */
+  static createCancelableTimeout(callback, delay) {
+    let timerId = setTimeout(callback, delay);
+    return {
+      cancel() {
+        if (timerId) {
+          clearTimeout(timerId);
+          timerId = null;
+        }
+      },
+      isActive() {
+        return timerId !== null;
+      },
+    };
+  }
+
+  /**
+   * 创建可取消的定时执行
+   * @param {Function} callback - 回调函数
+   * @param {number} interval - 间隔时间
+   * @returns {Object} 包含cancel方法的对象
+   */
+  static createCancelableInterval(callback, interval) {
+    let timerId = setInterval(callback, interval);
+    return {
+      cancel() {
+        if (timerId) {
+          clearInterval(timerId);
+          timerId = null;
+        }
+      },
+      isActive() {
+        return timerId !== null;
+      },
+    };
+  }
+}
diff --git a/src/utils/WebSocketManager.ts b/src/utils/WebSocketManager.ts
new file mode 100644
index 0000000..70ed1e2
--- /dev/null
+++ b/src/utils/WebSocketManager.ts
@@ -0,0 +1,624 @@
+/**
+ * 简化的WebSocket管理器
+ * 专门负责WebSocket连接和消息传输，不包含打字机逻辑
+ */
+
+import { IdUtils } from "./IdUtils";
+import { CallbackUtils } from "./CallbackUtils";
+import { MessageUtils } from "./MessageUtils";
+import { TimerUtils } from "./TimerUtils";
+
+export class WebSocketManager {
+  constructor(options = {}) {
+    // 基础配置
+    console.log("WebSocketManager构造函数接收到的options:", options);
+    this.wsUrl = options.wsUrl || "";
+    console.log("WebSocketManager设置的wsUrl:", this.wsUrl);
+    this.protocols = options.protocols || [];
+    this.reconnectInterval = options.reconnectInterval || 3000;
+    this.maxReconnectAttempts = options.maxReconnectAttempts || 5;
+    this.heartbeatInterval = options.heartbeatInterval || 30000;
+
+    // WebSocket 实例
+    this.ws = null;
+    this.reconnectAttempts = 0;
+    this.isConnecting = false;
+    this.connectionState = false;
+
+    // 计时器
+    this.heartbeatTimer = null;
+    this.reconnectTimer = null;
+
+    // 回调函数
+    this.callbacks = {
+      // 支持两套回调命名：onConnect/onDisconnect 与 onOpen/onClose（兼容调用方）
+      onConnect: options.onConnect || options.onOpen || (() => {}),
+      onDisconnect: options.onDisconnect || options.onClose || (() => {}),
+      onError: options.onError || (() => {}),
+      onMessage: options.onMessage || (() => {}),
+      getConversationId: options.getConversationId || (() => ""),
+      getAgentId: options.getAgentId || (() => ""),
+    };
+
+    // 消息队列
+    this.messageQueue = [];
+    this.isProcessingQueue = false;
+
+    // 性能统计
+    this.stats = {
+      messagesReceived: 0,
+      messagesSent: 0,
+      messagesDropped: 0,
+      reconnectCount: 0,
+      connectionStartTime: null,
+      lastMessageTime: null,
+    };
+  }
+
+  /**
+   * 安全调用回调函数
+   */
+  _safeCallCallback(callbackName, ...args) {
+    CallbackUtils.safeCall(this.callbacks, callbackName, ...args);
+  }
+
+  /**
+   * 初始化连接
+   */
+  async init(wsUrl) {
+    if (wsUrl) {
+      this.wsUrl = wsUrl;
+    }
+
+    if (!this.wsUrl) {
+      throw new Error("WebSocket URL is required");
+    }
+
+    await this.connect();
+  }
+
+  /**
+   * 建立WebSocket连接
+   */
+  async connect() {
+    if (this.isConnecting || this.connectionState) {
+      console.log("WebSocket已在连接中或已连接，跳过连接");
+      return;
+    }
+
+    console.log("开始建立WebSocket连接:", this.wsUrl);
+    this.isConnecting = true;
+
+    try {
+      // 在小程序环境中使用 uni.connectSocket
+      if (typeof uni !== "undefined" && uni.connectSocket) {
+        try {
+          this.ws = uni.connectSocket({
+            url: this.wsUrl,
+            protocols: this.protocols,
+            success: () => {
+              console.log("uni.connectSocket调用成功");
+            },
+            fail: (error) => {
+              console.error("uni.connectSocket调用失败:", error);
+              this.isConnecting = false;
+              this.connectionState = false;
+              this._safeCallCallback("onError", {
+                type: "CONNECTION_ERROR",
+                message: "uni.connectSocket调用失败",
+                originalError: error,
+              });
+              this.scheduleReconnect();
+              return;
+            },
+          });
+
+          // 确保ws对象存在且有相应方法
+          if (this.ws && typeof this.ws.onOpen === "function") {
+            this.ws.onOpen(this.handleOpen.bind(this));
+            this.ws.onMessage(this.handleMessage.bind(this));
+            this.ws.onClose(this.handleClose.bind(this));
+            this.ws.onError(this.handleError.bind(this));
+          } else {
+            console.error("uni.connectSocket返回的对象无效");
+            this.isConnecting = false;
+            this.connectionState = false;
+            this._safeCallCallback("onError", {
+              type: "CONNECTION_ERROR",
+              message: "uni.connectSocket返回的SocketTask对象无效",
+              originalError: null,
+            });
+            this.scheduleReconnect();
+            return;
+          }
+        } catch (error) {
+          console.error("创建uni.connectSocket时发生异常:", error);
+          this.isConnecting = false;
+          this.connectionState = false;
+          this._safeCallCallback("onError", {
+            type: "CONNECTION_ERROR",
+            message: "创建WebSocket连接时发生异常",
+            originalError: error,
+          });
+          this.scheduleReconnect();
+          return;
+        }
+      } else {
+        // 在其他环境中使用标准 WebSocket
+        console.log("使用标准WebSocket创建连接");
+        this.ws = new WebSocket(this.wsUrl, this.protocols);
+
+        this.ws.onopen = this.handleOpen.bind(this);
+        this.ws.onmessage = this.handleMessage.bind(this);
+        this.ws.onclose = this.handleClose.bind(this);
+        this.ws.onerror = this.handleError.bind(this);
+      }
+
+      console.log("WebSocket实例创建成功，等待连接...");
+    } catch (error) {
+      console.error("WebSocket连接创建失败:", error);
+      this.isConnecting = false;
+      this.connectionState = false;
+      this._safeCallCallback("onError", {
+        type: "CONNECTION_CREATE_ERROR",
+        message: "WebSocket连接创建失败",
+        originalError: error,
+      });
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 连接成功处理
+   */
+  handleOpen(event) {
+    console.log("WebSocket连接已建立");
+    this.isConnecting = false;
+    this.connectionState = true;
+    this.reconnectAttempts = 0;
+    this.stats.connectionStartTime = Date.now();
+
+    this.startHeartbeat();
+
+    // 安全调用 onConnect 回调
+    this._safeCallCallback("onConnect", event);
+
+    // 处理队列中的消息
+    this._processMessageQueue();
+  }
+
+  /**
+   * 处理消息队列
+   */
+  _processMessageQueue() {
+    while (this.messageQueue.length > 0) {
+      const queuedMessage = this.messageQueue.shift();
+
+      // 检查重试次数
+      if (queuedMessage.retryCount >= 3) {
+        console.warn("消息重试次数超限，丢弃消息:", queuedMessage);
+        this.stats.messagesDropped++;
+        continue;
+      }
+
+      queuedMessage.retryCount = (queuedMessage.retryCount || 0) + 1;
+      this.sendMessage(queuedMessage);
+    }
+  }
+
+  /**
+   * 消息接收处理
+   */
+  handleMessage(event) {
+    try {
+      // 在小程序环境中，消息数据可能在 event.data 中
+      const messageData = event.data || event;
+
+      // 处理心跳响应和其他非JSON消息 - 在JSON解析前检查
+      if (typeof messageData === "string") {
+        // 处理心跳响应
+        if (MessageUtils.isPongMessage(messageData)) {
+          // console.log("收到心跳响应:", messageData);
+          return;
+        }
+
+        // 尝试解析JSON，如果失败则忽略该消息
+        const data = MessageUtils.safeParseJSON(messageData);
+        if (data) {
+          this.stats.messagesReceived++;
+          this.stats.lastMessageTime = Date.now();
+          console.log("收到WebSocket消息:", data);
+
+          // 心跳响应 - 兼容对象格式
+          if (MessageUtils.isPongMessage(data)) {
+            return;
+          }
+
+          // 直接传递消息给回调处理
+          this._safeCallCallback("onMessage", data);
+        } else {
+          console.warn("收到非JSON格式消息，已忽略:", messageData);
+          return;
+        }
+      } else {
+        // 处理对象格式的消息
+        const data = messageData;
+        this.stats.messagesReceived++;
+        this.stats.lastMessageTime = Date.now();
+        console.log("收到WebSocket消息:", data);
+
+        // 心跳响应 - 兼容对象格式
+        if (MessageUtils.isPongMessage(data)) {
+          return;
+        }
+
+        // 直接传递消息给回调处理
+        this._safeCallCallback("onMessage", data);
+      }
+    } catch (error) {
+      console.error("消息处理错误:", error, "原始消息:", event);
+      // 不抛出错误，避免影响其他消息处理
+    }
+  }
+
+  /**
+   * 连接关闭处理
+   */
+  handleClose(event) {
+    console.log("WebSocket连接已关闭:", event.code, event.reason);
+    this.connectionState = false;
+    this.isConnecting = false;
+
+    this.stopHeartbeat();
+
+    // 安全调用 onDisconnect 回调
+    this._safeCallCallback("onDisconnect", event);
+
+    // 非正常关闭时尝试重连
+    if (
+      event.code !== 1000 &&
+      this.reconnectAttempts < this.maxReconnectAttempts
+    ) {
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 错误处理
+   */
+  handleError(error) {
+    const errorDetails = {
+      error,
+      wsUrl: this.wsUrl,
+      readyState: this.ws ? this.ws.readyState : "WebSocket实例不存在",
+      isConnecting: this.isConnecting,
+      connectionState: this.connectionState,
+      reconnectAttempts: this.reconnectAttempts,
+      timestamp: new Date().toISOString(),
+    };
+
+    console.error("WebSocket错误详情:", errorDetails);
+
+    // 重置连接状态
+    this.connectionState = false;
+    this.isConnecting = false;
+
+    // 构造结构化错误信息
+    const structuredError = {
+      type: "WEBSOCKET_ERROR",
+      message: error?.message || "未知WebSocket错误",
+      originalError: error,
+      details: errorDetails,
+    };
+
+    // 安全调用 onError 回调
+    this._safeCallCallback("onError", structuredError);
+
+    // 如果不是正在重连中，尝试重连
+    if (
+      !this.reconnectTimer &&
+      this.reconnectAttempts < this.maxReconnectAttempts
+    ) {
+      console.log("错误后尝试重连");
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 发送消息
+   */
+  sendMessage(message) {
+    const messageData = {
+      ...message,
+      timestamp: Date.now(),
+      retryCount:
+        typeof message.retryCount === "number" ? message.retryCount : 0,
+    };
+
+    if (this.connectionState) {
+      try {
+        const messageStr = JSON.stringify(messageData);
+
+        // 在小程序环境中使用不同的发送方法
+        if (typeof uni !== "undefined" && this.ws && this.ws.send) {
+          // uni-app 小程序环境
+          this.ws.send({
+            data: messageStr,
+            success: () => {
+              this.stats.messagesSent++;
+              //console.log("消息发送成功:", messageData);
+            },
+            fail: (error) => {
+              console.error("发送消息失败:", error);
+              this._safeCallCallback("onError", error);
+
+              // 发送失败时加入重试队列
+              this.messageQueue.push(messageData);
+            },
+          });
+        } else if (this.ws && this.ws.send) {
+          // 标准 WebSocket 环境
+          this.ws.send(messageStr);
+          this.stats.messagesSent++;
+          //console.log("消息发送成功:", messageData);
+        }
+
+        return true;
+      } catch (error) {
+        console.error("发送消息失败:", error);
+        this._safeCallCallback("onError", error);
+
+        // 发送失败时加入重试队列
+        this.messageQueue.push(messageData);
+        return false;
+      }
+    } else {
+      // 连接未建立时加入队列
+      this.messageQueue.push(messageData);
+      this.connect(); // 尝试连接
+      return false;
+    }
+  }
+
+  /**
+   * 开始心跳
+   */
+  startHeartbeat() {
+    this.stopHeartbeat();
+
+    this.heartbeatTimer = setInterval(() => {
+      if (this.connectionState && this.ws) {
+        try {
+          // 使用标准消息格式发送心跳 (messageType=3)
+          const heartbeatMessage = {
+            conversationId: this.callbacks.getConversationId
+              ? this.callbacks.getConversationId()
+              : "",
+            agentId: this.callbacks.getAgentId
+              ? this.callbacks.getAgentId()
+              : "",
+            messageType: "3", // 心跳检测
+            messageContent: "heartbeat",
+            messageId: IdUtils.generateMessageId(),
+          };
+
+          this.sendMessage(heartbeatMessage);
+          // console.log("心跳消息已发送:", heartbeatMessage);
+        } catch (error) {
+          console.error("发送心跳失败:", error);
+          this.handleError(error);
+        }
+      }
+    }, this.heartbeatInterval);
+  }
+
+  /**
+   * 停止心跳
+   */
+  stopHeartbeat() {
+    TimerUtils.clearTimer(this.heartbeatTimer, "interval");
+    this.heartbeatTimer = null;
+  }
+
+  /**
+   * 安排重连
+   */
+  scheduleReconnect() {
+    // 清理之前的重连定时器
+    if (this.reconnectTimer) {
+      TimerUtils.clearTimer(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.error(`达到最大重连次数(${this.maxReconnectAttempts})，停止重连`);
+      this.connectionState = false;
+      this.isConnecting = false;
+
+      // 使用更温和的错误处理，避免抛出异常
+      const errorInfo = {
+        type: "CONNECTION_FAILED",
+        message: `连接失败，已达到最大重连次数(${this.maxReconnectAttempts})`,
+        attempts: this.reconnectAttempts,
+        maxAttempts: this.maxReconnectAttempts,
+      };
+
+      console.warn("WebSocket连接最终失败:", errorInfo);
+      this._safeCallCallback("onError", errorInfo);
+      return;
+    }
+
+    this.reconnectAttempts++;
+    this.stats.reconnectCount++;
+
+    // 使用指数退避策略
+    const backoffDelay = Math.min(
+      this.reconnectInterval * Math.pow(1.5, this.reconnectAttempts - 1),
+      30000, // 最大延迟30秒
+    );
+
+    console.log(
+      `${backoffDelay}ms后进行第${this.reconnectAttempts}/${this.maxReconnectAttempts}次重连`,
+    );
+
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
+      this.connect().catch((error) => {
+        console.error("重连过程中发生错误:", error);
+        // 继续尝试重连
+        this.scheduleReconnect();
+      });
+    }, backoffDelay);
+  }
+
+  /**
+   * 重置连接状态
+   */
+  resetConnectionState() {
+    this.connectionState = false;
+    this.isConnecting = false;
+    this.reconnectAttempts = 0;
+
+    // 清理定时器
+    this.stopHeartbeat();
+    if (this.reconnectTimer) {
+      TimerUtils.clearTimer(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+
+    console.log("连接状态已重置");
+  }
+
+  /**
+   * 检查是否已连接
+   */
+  isConnected() {
+    return (
+      this.connectionState &&
+      this.ws &&
+      (this.ws.readyState === 1 ||
+        (typeof WebSocket !== "undefined" &&
+          this.ws.readyState === WebSocket.OPEN))
+    );
+  }
+
+  /**
+   * 手动重连
+   */
+  async reconnect() {
+    console.log("手动触发重连");
+
+    // 先关闭现有连接
+    this.close();
+
+    // 重置连接状态
+    this.resetConnectionState();
+
+    // 重新连接
+    try {
+      await this.connect();
+      return true;
+    } catch (error) {
+      console.error("手动重连失败:", error);
+      return false;
+    }
+  }
+
+  /**
+   * 获取连接状态
+   */
+  getConnectionState() {
+    return {
+      isConnected: this.isConnected(),
+      readyState: this.ws ? this.ws.readyState : -1,
+      reconnectAttempts: this.reconnectAttempts,
+      maxReconnectAttempts: this.maxReconnectAttempts,
+      isConnecting: this.isConnecting,
+      hasReconnectTimer: !!this.reconnectTimer,
+    };
+  }
+
+  /**
+   * 获取统计信息
+   */
+  getStats() {
+    const now = Date.now();
+    const connectionTime = this.stats.connectionStartTime
+      ? now - this.stats.connectionStartTime
+      : 0;
+
+    return {
+      ...this.stats,
+      connectionTime,
+      queueLength: this.messageQueue.length,
+      isConnected: this.connectionState,
+    };
+  }
+
+  /**
+   * 重置统计信息
+   */
+  resetStats() {
+    this.stats = {
+      messagesReceived: 0,
+      messagesSent: 0,
+      messagesDropped: 0,
+      reconnectCount: 0,
+      connectionStartTime: Date.now(),
+      lastMessageTime: null,
+    };
+    console.log("统计信息已重置");
+  }
+
+  /**
+   * 关闭连接
+   */
+  close() {
+    this.stopHeartbeat();
+    this.resetConnectionState();
+
+    // 清理重连定时器
+    TimerUtils.clearTimer(this.reconnectTimer);
+    this.reconnectTimer = null;
+
+    if (this.ws) {
+      // 在小程序环境中使用不同的关闭方法
+      if (typeof uni !== "undefined" && this.ws.close) {
+        // uni-app 小程序环境
+        this.ws.close({
+          code: 1000,
+          reason: "正常关闭",
+          success: () => {
+            console.log("WebSocket连接已关闭");
+          },
+          fail: (error) => {
+            console.error("关闭WebSocket连接失败:", error);
+          },
+        });
+      } else if (this.ws.close) {
+        // 标准 WebSocket 环境
+        this.ws.close(1000, "正常关闭");
+      }
+      this.ws = null;
+    }
+
+    this.connectionState = false;
+    this.isConnecting = false;
+    this.messageQueue = [];
+  }
+
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    // 输出最终统计信息
+    console.log("WebSocketManager销毁前统计:", this.getStats());
+
+    this.close();
+    this.callbacks = {};
+
+    console.log("WebSocketManager实例已销毁");
+  }
+}
+
+export default WebSocketManager;