diff --git a/pages/chat/ChatCardAI.vue b/pages/chat/ChatCardAI.vue
index b49c2d7..6da762a 100644
--- a/pages/chat/ChatCardAI.vue
+++ b/pages/chat/ChatCardAI.vue
@@ -1,14 +1,18 @@
 <template>
-    <view class="container">
-        <view class="chat-ai">
-            <view class="loading-container" >
-                <image v-if="isLoading" class="loading-img" src="/static/msg_loading.svg" />
-                <ChatMarkdown :key="textKey" :text="processedText" />
-            </view>
-            <slot name="content"></slot>
-        </view>
-        <slot name="footer"></slot>
+  <view class="container">
+    <view class="chat-ai">
+      <view class="loading-container">
+        <image
+          v-if="isLoading"
+          class="loading-img"
+          src="/static/msg_loading.svg"
+        />
+        <ChatMarkdown :key="textKey" :text="processedText" />
+      </view>
+      <slot name="content"></slot>
     </view>
+    <slot name="footer"></slot>
+  </view>
 </template>
 
 <script setup>
@@ -16,14 +20,14 @@ import { defineProps, computed, ref, watch } from "vue";
 import ChatMarkdown from "./ChatMarkdown.vue";
 
 const props = defineProps({
-    text: {
-        type: String,
-        default: "",
-    },
-    isLoading: {
-        type: Boolean,
-        default: false,
-    },
+  text: {
+    type: String,
+    default: "",
+  },
+  isLoading: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // 用于强制重新渲染的key
@@ -31,63 +35,62 @@ const textKey = ref(0);
 
 // 处理文本内容
 const processedText = computed(() => {
-    if (!props.text) {
-        return "";
-    }
+  if (!props.text) {
+    return "";
+  }
 
-    // 确保文本是字符串类型
-    const textStr = String(props.text);
-
-    // 处理加载状态的文本
-    if (textStr.includes("加载中") || textStr.includes("...")) {
-        return textStr;
-    }
+  // 确保文本是字符串类型
+  const textStr = String(props.text);
 
+  // 处理加载状态的文本
+  if (textStr.includes("加载中") || textStr.includes("...")) {
     return textStr;
+  }
+
+  return textStr;
 });
 
 // 监听text变化，强制重新渲染
 watch(
-    () => props.text,
-    (newText, oldText) => {
-        if (newText !== oldText) {
-            textKey.value++;
-        }
-    },
-    { immediate: true }
+  () => props.text,
+  (newText, oldText) => {
+    if (newText !== oldText) {
+      textKey.value++;
+    }
+  },
+  { immediate: true }
 );
 </script>
 
 <style lang="scss" scoped>
 .container {
-    display: flex;
-    flex-direction: column;
-    max-width: 100%; // ✅ 限制最大宽度
-    overflow-x: hidden; // ✅ 防止横向撑开
+  display: flex;
+  flex-direction: column;
+  max-width: 100%; // ✅ 限制最大宽度
+  overflow-x: hidden; // ✅ 防止横向撑开
 
-    .chat-ai {
-        margin: 6px 12px;
-        padding: 0 12px;
+  .chat-ai {
+    margin: 6px 12px;
+    padding: 0 12px;
 
-        min-width: 90px;
-        background: rgba(255, 255, 255, 0.4);
-        box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
-        border-radius: 4px 20px 20px 20px;
-        border: 1px solid;
-        border-color: #ffffff;
-    }
+    min-width: 90px;
+    background: rgba(255, 255, 255, 0.4);
+    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px 20px 20px 20px;
+    border: 1px solid;
+    border-color: #ffffff;
+  }
 }
 
 .loading-container {
-    display: flex;
-    align-items: center;
-    padding: 4px 0;
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
 }
 
 .loading-img {
-    margin-left: -4px;
-    width: 32px;
-    height: 32px;
+  margin-left: -4px;
+  width: 32px;
+  height: 32px;
 }
-
 </style>
diff --git a/pages/chat/ChatCardMine.vue b/pages/chat/ChatCardMine.vue
index 10c1b5e..ff9e58d 100644
--- a/pages/chat/ChatCardMine.vue
+++ b/pages/chat/ChatCardMine.vue
@@ -1,46 +1,45 @@
 <template>
-	<view class="chat-mine">
-		<text>{{ text }}</text>
-		<slot></slot>
-	</view>
+  <view class="chat-mine">
+    <text>{{ text }}</text>
+    <slot></slot>
+  </view>
 </template>
 
 <script setup>
-	import { defineProps } from "vue";
-	defineProps({
-	  text: {
-	    type: String,
-	    default: ''
-	  }
-	})
-	
+import { defineProps } from "vue";
+defineProps({
+  text: {
+    type: String,
+    default: "",
+  },
+});
 </script>
 
 <style lang="scss" scoped>
-	.chat-mine {
-		margin: 6px 12px;
-		padding: 8px 16px;
-		
-		background-color: #00A6FF;
-		box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
-		border-radius: 20px 4px 20px 20px;
-		border: 1px solid;
-		border-color: #FFFFFF;
-		
-		display: flex;
-		flex-direction: column;
-		max-width: 100%;  // ✅ 限制最大宽度
-		overflow-x: hidden;  // ✅ 防止横向撑开
-		
-		text {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 400;
-			font-size: 14px;
-			color: #FFFFFF;
-			line-height: 22px;
-			text-align: justify;
-			font-style: normal;
-			text-transform: none;
-		}
-	}
-</style>
\ No newline at end of file
+.chat-mine {
+  margin: 6px 12px;
+  padding: 8px 16px;
+
+  background-color: #00a6ff;
+  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 20px 4px 20px 20px;
+  border: 1px solid;
+  border-color: #ffffff;
+
+  display: flex;
+  flex-direction: column;
+  max-width: 100%; // ✅ 限制最大宽度
+  overflow-x: hidden; // ✅ 防止横向撑开
+
+  text {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 400;
+    font-size: 14px;
+    color: #ffffff;
+    line-height: 22px;
+    text-align: justify;
+    font-style: normal;
+    text-transform: none;
+  }
+}
+</style>
diff --git a/pages/chat/ChatCardOther.vue b/pages/chat/ChatCardOther.vue
index 51f0c51..e20cf83 100644
--- a/pages/chat/ChatCardOther.vue
+++ b/pages/chat/ChatCardOther.vue
@@ -1,36 +1,35 @@
 <template>
-	<view class="chat-other">
-		<text>{{ text }}</text>
-		<slot></slot>
-	</view>
+  <view class="chat-other">
+    <text>{{ text }}</text>
+    <slot></slot>
+  </view>
 </template>
 
 <script setup>
-	import { defineProps } from "vue";
-	defineProps({
-	  text: {
-	    type: String,
-	    default: ''
-	  }
-	})
+import { defineProps } from "vue";
+defineProps({
+  text: {
+    type: String,
+    default: "",
+  },
+});
 </script>
 
 <style lang="scss" scoped>
-	.chat-other {
-		width: 100%;
-		margin: 6px 0;		
-		padding: 0 12px;
-		display: flex;
-		flex-direction: column;
-		max-width: 100%;  // ✅ 限制最大宽度
-		overflow-x: hidden;  // ✅ 防止横向撑开
-		
-		text {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 400;
-			font-size: 14px;
-			color: #333333;
-		}
-		
-	}
-</style>
\ No newline at end of file
+.chat-other {
+  width: 100%;
+  margin: 6px 0;
+  padding: 0 12px;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%; // ✅ 限制最大宽度
+  overflow-x: hidden; // ✅ 防止横向撑开
+
+  text {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+  }
+}
+</style>
diff --git a/pages/chat/ChatInputArea.vue b/pages/chat/ChatInputArea.vue
index c6d6d1d..97c00ad 100644
--- a/pages/chat/ChatInputArea.vue
+++ b/pages/chat/ChatInputArea.vue
@@ -1,65 +1,62 @@
 <template>
-    <view class="input-area-wrapper">
-        <view v-if="!visibleWaveBtn" class="area-input">
-            <!-- 语音/键盘切换 -->
-            <view class="input-container-voice" @click="toggleVoiceMode">
-                <image
-                    v-if="!isVoiceMode"
-                    src="/static/input_voice_icon.png"
-                ></image>
-                <image v-else src="/static/input_keyboard_icon.png"></image>
-            </view>
+  <view class="input-area-wrapper">
+    <view v-if="!visibleWaveBtn" class="area-input">
+      <!-- 语音/键盘切换 -->
+      <view class="input-container-voice" @click="toggleVoiceMode">
+        <image v-if="!isVoiceMode" src="/static/input_voice_icon.png"></image>
+        <image v-else src="/static/input_keyboard_icon.png"></image>
+      </view>
 
-            <!-- 输入框/语音按钮容器 -->
-            <view class="input-button-container">
-                <textarea
-                    ref="textareaRef"
-                    v-if="!isVoiceMode"
-                    class="textarea"
-                    type="text"
-                    cursor-spacing="20"
-                    confirm-type="send"
-                    v-model="inputMessage"
-                    auto-height
-                    :confirm-hold="true"
-                    :placeholder="placeholder"
-                    :show-confirm-bar="false"
-                    :hold-keyboard="holdKeyboard"
-                    :adjust-position="true"
-                    :disable-default-padding="true"
-                    maxlength="300"
-                    @confirm="sendMessage"
-                    @focus="handleFocus"
-                    @blur="handleBlur"
-                    @touchstart="handleTouchStart"
-                    @touchend="handleTouchEnd"
-                />
+      <!-- 输入框/语音按钮容器 -->
+      <view class="input-button-container">
+        <textarea
+          ref="textareaRef"
+          v-if="!isVoiceMode"
+          class="textarea"
+          type="text"
+          cursor-spacing="20"
+          confirm-type="send"
+          v-model="inputMessage"
+          auto-height
+          :confirm-hold="true"
+          :placeholder="placeholder"
+          :show-confirm-bar="false"
+          :hold-keyboard="holdKeyboard"
+          :adjust-position="true"
+          :disable-default-padding="true"
+          maxlength="300"
+          @confirm="sendMessage"
+          @focus="handleFocus"
+          @blur="handleBlur"
+          @touchstart="handleTouchStart"
+          @touchend="handleTouchEnd"
+        />
 
-                <view
-                    v-if="isVoiceMode"
-                    class="hold-to-talk-button"
-                    @longpress="handleVoiceTouchStart"
-                    @touchend="handleVoiceTouchEnd"
-                    @touchcancel="handleVoiceTouchEnd"
-                >
-                    按住 说话
-                </view>
-            </view>
-
-            <view class="input-container-send">
-                <view class="input-container-send-btn" @click="sendMessage">
-                    <image
-                        v-if="props.isSessionActive"
-                        src="/static/input_stop_icon.png"
-                    ></image>
-                    <image v-else src="/static/input_send_icon.png"></image>
-                </view>
-            </view>
+        <view
+          v-if="isVoiceMode"
+          class="hold-to-talk-button"
+          @longpress="handleVoiceTouchStart"
+          @touchend="handleVoiceTouchEnd"
+          @touchcancel="handleVoiceTouchEnd"
+        >
+          按住 说话
         </view>
+      </view>
 
-        <!-- 录音按钮 -->
-        <RecordingWaveBtn v-if="visibleWaveBtn" ref="recordingWaveBtnRef" />
+      <view class="input-container-send">
+        <view class="input-container-send-btn" @click="sendMessage">
+          <image
+            v-if="props.isSessionActive"
+            src="/static/input_stop_icon.png"
+          ></image>
+          <image v-else src="/static/input_send_icon.png"></image>
+        </view>
+      </view>
     </view>
+
+    <!-- 录音按钮 -->
+    <RecordingWaveBtn v-if="visibleWaveBtn" ref="recordingWaveBtnRef" />
+  </view>
 </template>
 
 <script setup>
@@ -70,18 +67,18 @@ const plugin = requirePlugin("WechatSI");
 const manager = plugin.getRecordRecognitionManager();
 
 const props = defineProps({
-    modelValue: String,
-    holdKeyboard: Boolean,
-    isSessionActive: Boolean,
-    stopRequest: Function,
+  modelValue: String,
+  holdKeyboard: Boolean,
+  isSessionActive: Boolean,
+  stopRequest: Function,
 });
 const emit = defineEmits([
-    "update:modelValue",
-    "send",
-    "noHideKeyboard",
-    "keyboardShow",
-    "keyboardHide",
-    "sendVoice",
+  "update:modelValue",
+  "send",
+  "noHideKeyboard",
+  "keyboardShow",
+  "keyboardHide",
+  "sendVoice",
 ]);
 
 const textareaRef = ref(null);
@@ -95,137 +92,137 @@ const visibleWaveBtn = ref(false);
 
 // 保持和父组件同步
 watch(
-    () => props.modelValue,
-    (val) => {
-        inputMessage.value = val;
-    }
+  () => props.modelValue,
+  (val) => {
+    inputMessage.value = val;
+  }
 );
 
 // 当子组件的 inputMessage 变化时，通知父组件（但要避免循环更新）
 watch(inputMessage, (val) => {
-    // 只有当值真正不同时才emit，避免循环更新
-    if (val !== props.modelValue) {
-        emit("update:modelValue", val);
-    }
+  // 只有当值真正不同时才emit，避免循环更新
+  if (val !== props.modelValue) {
+    emit("update:modelValue", val);
+  }
 });
 
 // 切换语音/文本模式
 const toggleVoiceMode = () => {
-    isVoiceMode.value = !isVoiceMode.value;
+  isVoiceMode.value = !isVoiceMode.value;
 };
 
 // 处理语音按钮长按开始
 const handleVoiceTouchStart = () => {
-    manager.start({ lang: "zh_CN" });
+  manager.start({ lang: "zh_CN" });
 
-    visibleWaveBtn.value = true;
+  visibleWaveBtn.value = true;
 
-    // 启动音频条动画
-    nextTick(() => {
-        if (recordingWaveBtnRef.value) {
-            recordingWaveBtnRef.value.startAnimation();
-        }
-    });
+  // 启动音频条动画
+  nextTick(() => {
+    if (recordingWaveBtnRef.value) {
+      recordingWaveBtnRef.value.startAnimation();
+    }
+  });
 };
 
 // 处理语音按钮长按结束
 const handleVoiceTouchEnd = () => {
-    manager.stop();
+  manager.stop();
 
-    // 停止音频条动画
-    if (recordingWaveBtnRef.value) {
-        recordingWaveBtnRef.value.stopAnimation();
-    }
+  // 停止音频条动画
+  if (recordingWaveBtnRef.value) {
+    recordingWaveBtnRef.value.stopAnimation();
+  }
 
-    visibleWaveBtn.value = false;
+  visibleWaveBtn.value = false;
 };
 
 // 处理发送原语音
 const initRecord = () => {
-    manager.onRecognize = (res) => {
-        let text = res.result;
-        inputMessage.value = text;
-    };
-    // 识别结束事件
-    manager.onStop = (res) => {
-        console.log(res, 37);
-        let text = res.result;
+  manager.onRecognize = (res) => {
+    let text = res.result;
+    inputMessage.value = text;
+  };
+  // 识别结束事件
+  manager.onStop = (res) => {
+    console.log(res, 37);
+    let text = res.result;
 
-        if (text == "") {
-            console.log("没有说话");
-            return;
-        }
+    if (text == "") {
+      console.log("没有说话");
+      return;
+    }
 
-        inputMessage.value = text;
-        // 在语音识别完成后发送消息
-        emit("send", text);
-    };
+    inputMessage.value = text;
+    // 在语音识别完成后发送消息
+    emit("send", text);
+  };
 };
 
 // 监听键盘高度变化
 onMounted(() => {
-    // 监听键盘弹起
-    uni.onKeyboardHeightChange((res) => {
-        keyboardHeight.value = res.height;
-        if (res.height) {
-            emit("keyboardShow", res.height);
-        } else {
-            emit("keyboardHide");
-        }
-    });
+  // 监听键盘弹起
+  uni.onKeyboardHeightChange((res) => {
+    keyboardHeight.value = res.height;
+    if (res.height) {
+      emit("keyboardShow", res.height);
+    } else {
+      emit("keyboardHide");
+    }
+  });
 
-    initRecord();
+  initRecord();
 });
 
 const sendMessage = () => {
-    if (props.isSessionActive) {
-        // 如果会话进行中，调用停止请求函数
-        if (props.stopRequest) {
-            props.stopRequest();
-        }
-    } else {
-        // 否则发送新消息
-        if (!inputMessage.value.trim()) return;
-        emit("send", inputMessage.value);
-
-        // 发送后保持焦点（可选）
-        if (props.holdKeyboard && textareaRef.value) {
-            nextTick(() => {
-                textareaRef.value.focus();
-            });
-        }
+  if (props.isSessionActive) {
+    // 如果会话进行中，调用停止请求函数
+    if (props.stopRequest) {
+      props.stopRequest();
     }
+  } else {
+    // 否则发送新消息
+    if (!inputMessage.value.trim()) return;
+    emit("send", inputMessage.value);
+
+    // 发送后保持焦点（可选）
+    if (props.holdKeyboard && textareaRef.value) {
+      nextTick(() => {
+        textareaRef.value.focus();
+      });
+    }
+  }
 };
 
 const handleFocus = () => {
-    isFocused.value = true;
-    emit("noHideKeyboard");
+  isFocused.value = true;
+  emit("noHideKeyboard");
 };
 
 const handleBlur = () => {
-    isFocused.value = false;
+  isFocused.value = false;
 };
 
 const handleTouchStart = () => {
-    emit("noHideKeyboard");
+  emit("noHideKeyboard");
 };
 
 const handleTouchEnd = () => {
-    emit("noHideKeyboard");
+  emit("noHideKeyboard");
 };
 
 // 手动聚焦输入框
 const focusInput = () => {
-    if (textareaRef.value) {
-        textareaRef.value.focus();
-    }
+  if (textareaRef.value) {
+    textareaRef.value.focus();
+  }
 };
 
 // 手动失焦输入框
 const blurInput = () => {
-    if (textareaRef.value) {
-        textareaRef.value.blur();
-    }
+  if (textareaRef.value) {
+    textareaRef.value.blur();
+  }
 };
 
 // 暴露方法给父组件
@@ -234,87 +231,87 @@ defineExpose({ focusInput });
 
 <style scoped lang="scss">
 .area-input {
+  display: flex;
+  align-items: center;
+  border-radius: 22px;
+  background-color: #ffffff;
+  box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
+  margin: 0 12px;
+  margin-bottom: 8px;
+
+  .input-container-voice {
     display: flex;
     align-items: center;
-    border-radius: 22px;
+    justify-content: center;
+    align-self: flex-end;
+    width: 44px;
+    height: 44px;
+
+    image {
+      width: 22px;
+      height: 22px;
+    }
+  }
+
+  .input-button-container {
+    flex: 1;
+    position: relative;
+  }
+
+  .hold-to-talk-button {
+    width: 100%;
+    height: 44px;
+    color: #333333;
+    font-size: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     background-color: #ffffff;
-    box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
-    margin: 0 12px;
-    margin-bottom: 8px;
+    transition: all 0.2s ease;
+    user-select: none;
+    -webkit-user-select: none;
+  }
 
-    .input-container-voice {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        align-self: flex-end;
-        width: 44px;
-        height: 44px;
+  .input-container-send {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    align-self: flex-end;
+    width: 44px;
+    height: 44px;
 
-        image {
-            width: 22px;
-            height: 22px;
-        }
+    .input-container-send-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
     }
 
-    .input-button-container {
-        flex: 1;
-        position: relative;
+    image {
+      width: 28px;
+      height: 28px;
+    }
+  }
+
+  .textarea {
+    flex: 1;
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 92px;
+    min-height: 22px;
+    font-size: 16px;
+    line-height: 22px;
+    margin: 6px 0;
+
+    &::placeholder {
+      color: #cccccc;
+      line-height: normal;
     }
 
-    .hold-to-talk-button {
-        width: 100%;
-        height: 44px;
-        color: #333333;
-        font-size: 16px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: #ffffff;
-        transition: all 0.2s ease;
-        user-select: none;
-        -webkit-user-select: none;
-    }
-
-    .input-container-send {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        align-self: flex-end;
-        width: 44px;
-        height: 44px;
-
-        .input-container-send-btn {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-        }
-
-        image {
-            width: 28px;
-            height: 28px;
-        }
-    }
-
-    .textarea {
-        flex: 1;
-        box-sizing: border-box;
-        width: 100%;
-        max-height: 92px;
-        min-height: 22px;
-        font-size: 16px;
-        line-height: 22px;
-        margin: 6px 0;
-
-        &::placeholder {
-            color: #cccccc;
-            line-height: normal;
-        }
-
-        &:focus {
-            outline: none;
-        }
+    &:focus {
+      outline: none;
     }
+  }
 }
 </style>
diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index 24ee1e8..4c91141 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -1,150 +1,133 @@
 <template>
-    <view class="chat-container" @touchend="handleTouchEnd">
-        <!-- 顶部的背景 -->
-        <ChatTopBgImg class="chat-container-bg"></ChatTopBgImg>
+  <view class="chat-container" @touchend="handleTouchEnd">
+    <!-- 顶部的背景 -->
+    <ChatTopBgImg class="chat-container-bg"></ChatTopBgImg>
 
-        <view class="chat-content">
-            <!-- 顶部自定义导航栏 -->
-            <view
-                class="nav-bar-container"
-                :style="{
-                    paddingTop: statusBarHeight + 'px',
-                }"
+    <view class="chat-content">
+      <!-- 顶部自定义导航栏 -->
+      <view
+        class="nav-bar-container"
+        :style="{
+          paddingTop: statusBarHeight + 'px',
+        }"
+      >
+        <ChatTopNavBar @openDrawer="openDrawer"></ChatTopNavBar>
+      </view>
+
+      <!-- 消息列表（可滚动区域） -->
+      <scroll-view
+        :scroll-top="scrollTop"
+        scroll-y
+        :scroll-with-animation="true"
+        class="area-msg-list"
+      >
+        <!-- welcome栏 -->
+        <ChatTopWelcome
+          class="chat-container-top-bannar"
+          :initPageImages="mainPageDataModel.initPageImages"
+          :welcomeContent="mainPageDataModel.welcomeContent"
+        >
+        </ChatTopWelcome>
+
+        <view
+          class="area-msg-list-content"
+          v-for="item in chatMsgList"
+          :key="item.msgId"
+          :id="item.msgId"
+        >
+          <template v-if="item.msgType === MessageRole.AI">
+            <ChatCardAI
+              class="message-item-ai"
+              :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
+              :text="item.msg || ''"
+              ,
+              :isLoading="item.isLoading"
             >
-                <ChatTopNavBar @openDrawer="openDrawer"></ChatTopNavBar>
-            </view>
-
-            <!-- 消息列表（可滚动区域） -->
-            <scroll-view
-                :scroll-top="scrollTop"
-                scroll-y
-                :scroll-with-animation="true"
-                class="area-msg-list"
-            >
-                <!-- welcome栏 -->
-                <ChatTopWelcome
-                    class="chat-container-top-bannar"
-                    :initPageImages="mainPageDataModel.initPageImages"
-                    :welcomeContent="mainPageDataModel.welcomeContent"
-                >
-                </ChatTopWelcome>
-
-                <view
-                    class="area-msg-list-content"
-                    v-for="item in chatMsgList"
-                    :key="item.msgId"
-                    :id="item.msgId"
-                >
-                    <template v-if="item.msgType === MessageRole.AI">
-                        <ChatCardAI
-                            class="message-item-ai"
-                            :key="`ai-${item.msgId}-${
-                                item.msg ? item.msg.length : 0
-                            }`"
-                            :text="item.msg || ''"
-                            ,
-                            :isLoading="item.isLoading"
-                        >
-                            <template #content v-if="item.toolCall">
-                                <QuickBookingComponent
-                                    v-if="
-                                        item.toolCall.componentName ===
-                                        CompName.quickBookingCard
-                                    "
-                                />
-                                <DiscoveryCardComponent
-                                    v-else-if="
-                                        item.toolCall.componentName ===
-                                        CompName.discoveryCard
-                                    "
-                                />
-                                <CreateServiceOrder
-                                    v-else-if="
-                                        item.toolCall.componentName ===
-                                        CompName.createWorkOrderCard
-                                    "
-                                />
-                                <DetailCardCompontent
-                                    v-else-if="
-                                        item.toolCall.componentName === ''
-                                    "
-                                    :toolCall="item.toolCall"
-                                />
-                            </template>
-
-                            <template #footer>
-                                <!-- 这个是底部 -->
-                                <AttachListComponent
-                                    v-if="item.question"
-                                    :question="item.question"
-                                    @replySent="handleReply"
-                                />
-                            </template>
-                        </ChatCardAI>
-                    </template>
-
-                    <template v-else-if="item.msgType === MessageRole.ME">
-                        <ChatCardMine
-                            class="message-item-mine"
-                            :text="item.msg"
-                        >
-                        </ChatCardMine>
-                    </template>
-
-                    <template v-else>
-                        <ChatCardOther
-                            class="message-item-other"
-                            :text="item.msg"
-                        >
-                            <ChatMoreTips
-                                @replySent="handleReply"
-                                :itemList="mainPageDataModel.guideWords"
-                            />
-
-                            <ActivityListComponent
-                                v-if="mainPageDataModel.activityList.length > 0"
-                                :activityList="mainPageDataModel.activityList"
-                            />
-
-                            <RecommendPostsComponent
-                                v-if="
-                                    mainPageDataModel.recommendTheme.length > 0
-                                "
-                                :recommendThemeList="
-                                    mainPageDataModel.recommendTheme
-                                "
-                            />
-                        </ChatCardOther>
-                    </template>
-                </view>
-            </scroll-view>
-
-            <!-- 输入框区域 -->
-            <view class="footer-area">
-                <ChatQuickAccess @replySent="handleReplyInstruct" />
-                <ChatInputArea
-                    ref="inputAreaRef"
-                    v-model="inputMessage"
-                    :holdKeyboard="holdKeyboard"
-                    :is-session-active="isSessionActive"
-                    :stop-request="stopRequest"
-                    @send="sendMessageAction"
-                    @noHideKeyboard="handleNoHideKeyboard"
-                    @keyboardShow="handleKeyboardShow"
-                    @keyboardHide="handleKeyboardHide"
+              <template #content v-if="item.toolCall">
+                <QuickBookingComponent
+                  v-if="
+                    item.toolCall.componentName === CompName.quickBookingCard
+                  "
                 />
-            </view>
+                <DiscoveryCardComponent
+                  v-else-if="
+                    item.toolCall.componentName === CompName.discoveryCard
+                  "
+                />
+                <CreateServiceOrder
+                  v-else-if="
+                    item.toolCall.componentName === CompName.createWorkOrderCard
+                  "
+                />
+                <DetailCardCompontent
+                  v-else-if="item.toolCall.componentName === ''"
+                  :toolCall="item.toolCall"
+                />
+              </template>
+
+              <template #footer>
+                <!-- 这个是底部 -->
+                <AttachListComponent
+                  v-if="item.question"
+                  :question="item.question"
+                  @replySent="handleReply"
+                />
+              </template>
+            </ChatCardAI>
+          </template>
+
+          <template v-else-if="item.msgType === MessageRole.ME">
+            <ChatCardMine class="message-item-mine" :text="item.msg">
+            </ChatCardMine>
+          </template>
+
+          <template v-else>
+            <ChatCardOther class="message-item-other" :text="item.msg">
+              <ChatMoreTips
+                @replySent="handleReply"
+                :itemList="mainPageDataModel.guideWords"
+              />
+
+              <ActivityListComponent
+                v-if="mainPageDataModel.activityList.length > 0"
+                :activityList="mainPageDataModel.activityList"
+              />
+
+              <RecommendPostsComponent
+                v-if="mainPageDataModel.recommendTheme.length > 0"
+                :recommendThemeList="mainPageDataModel.recommendTheme"
+              />
+            </ChatCardOther>
+          </template>
         </view>
+      </scroll-view>
+
+      <!-- 输入框区域 -->
+      <view class="footer-area">
+        <ChatQuickAccess @replySent="handleReplyInstruct" />
+        <ChatInputArea
+          ref="inputAreaRef"
+          v-model="inputMessage"
+          :holdKeyboard="holdKeyboard"
+          :is-session-active="isSessionActive"
+          :stop-request="stopRequest"
+          @send="sendMessageAction"
+          @noHideKeyboard="handleNoHideKeyboard"
+          @keyboardShow="handleKeyboardShow"
+          @keyboardHide="handleKeyboardHide"
+        />
+      </view>
     </view>
+  </view>
 </template>
 
 <script setup>
 import { onMounted, nextTick, onUnmounted, ref, defineEmits } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import {
-    SCROLL_TO_BOTTOM,
-    RECOMMEND_POSTS_TITLE,
-    SEND_COMMAND_TEXT,
+  SCROLL_TO_BOTTOM,
+  RECOMMEND_POSTS_TITLE,
+  SEND_COMMAND_TEXT,
 } from "@/constant/constant";
 import { WSS_URL } from "@/constant/base";
 import { MessageRole, MessageType, CompName } from "../../model/ChatModel";
@@ -166,8 +149,8 @@ import CreateServiceOrder from "@/components/CreateServiceOrder/index.vue";
 import DetailCardCompontent from "../module/detail/DetailCardCompontent.vue";
 import { mainPageData } from "@/request/api/MainPageDataApi";
 import {
-    conversationMsgList,
-    recentConversation,
+  conversationMsgList,
+  recentConversation,
 } from "@/request/api/ConversationApi";
 import WebSocketManager from "@/utils/WebSocketManager";
 import TypewriterManager from "@/utils/TypewriterManager";
@@ -223,14 +206,14 @@ const openDrawer = () => emits("openDrawer");
 
 /// =============事件函数↓================
 const handleTouchEnd = () => {
-    clearTimeout(timer.value);
-    timer.value = setTimeout(() => {
-        // 键盘弹出时点击界面则关闭键盘
-        if (holdKeyboardFlag.value && isKeyboardShow.value) {
-            uni.hideKeyboard();
-        }
-        holdKeyboardFlag.value = true;
-    }, 100);
+  clearTimeout(timer.value);
+  timer.value = setTimeout(() => {
+    // 键盘弹出时点击界面则关闭键盘
+    if (holdKeyboardFlag.value && isKeyboardShow.value) {
+      uni.hideKeyboard();
+    }
+    holdKeyboardFlag.value = true;
+  }, 100);
 };
 
 // 点击输入框、发送按钮时，不收键盘
@@ -238,29 +221,29 @@ const handleNoHideKeyboard = () => (holdKeyboardFlag.value = false);
 
 // 键盘弹起事件
 const handleKeyboardShow = () => {
-    isKeyboardShow.value = true;
-    holdKeyboard.value = true;
-    // 键盘弹起时调整聊天内容的底部边距并滚动到底部
-    setTimeout(() => {
-        scrollToBottom();
-    }, 150);
+  isKeyboardShow.value = true;
+  holdKeyboard.value = true;
+  // 键盘弹起时调整聊天内容的底部边距并滚动到底部
+  setTimeout(() => {
+    scrollToBottom();
+  }, 150);
 };
 
 // 键盘收起事件
 const handleKeyboardHide = () => {
-    isKeyboardShow.value = false;
-    holdKeyboard.value = false;
+  isKeyboardShow.value = false;
+  holdKeyboard.value = false;
 };
 
 // 滚动到底部 - 优化版本，确保打字机效果始终可见
 const scrollToBottom = () => {
-    nextTick(() => {
-        scrollTop.value = 99999;
-        // 强制触发滚动更新
-        setTimeout(() => {
-            scrollTop.value = scrollTop.value + 1;
-        }, 10);
-    });
+  nextTick(() => {
+    scrollTop.value = 99999;
+    // 强制触发滚动更新
+    setTimeout(() => {
+      scrollTop.value = scrollTop.value + 1;
+    }, 10);
+  });
 };
 
 // 延时滚动
@@ -268,478 +251,487 @@ const setTimeoutScrollToBottom = () => setTimeout(() => scrollToBottom(), 100);
 
 // 发送普通消息
 const handleReply = (text) => {
-    // 重置消息状态，准备接收新的AI回复
-    resetMessageState();
-    sendMessage(text);
-    setTimeoutScrollToBottom();
+  // 重置消息状态，准备接收新的AI回复
+  resetMessageState();
+  sendMessage(text);
+  setTimeoutScrollToBottom();
 };
 
 // 是发送指令
 const handleReplyInstruct = (item) => {
-    if (item.type === "MyOrder") {
-        // 订单
-        uni.navigateTo({
-            url: "/pages/order/list",
-        });
-        return;
-    }
-    commonType = item.type;
-    // 重置消息状态，准备接收新的AI回复
-    resetMessageState();
-    sendMessage(item.title, true);
-    setTimeoutScrollToBottom();
+  if (item.type === "MyOrder") {
+    // 订单
+    uni.navigateTo({
+      url: "/pages/order/list",
+    });
+    return;
+  }
+  commonType = item.type;
+  // 重置消息状态，准备接收新的AI回复
+  resetMessageState();
+  sendMessage(item.title, true);
+  setTimeoutScrollToBottom();
 };
 
 //  输入区的发送消息事件
 const sendMessageAction = (inputText) => {
-    console.log("输入消息:", inputText);
-    if (!inputText.trim()) return;
-    handleNoHideKeyboard();
+  console.log("输入消息:", inputText);
+  if (!inputText.trim()) return;
+  handleNoHideKeyboard();
 
-    currentSessionMessageId = IdUtils.generateMessageId();
-    // 重置消息状态，准备接收新的AI回复
-    resetMessageState();
+  currentSessionMessageId = IdUtils.generateMessageId();
+  // 重置消息状态，准备接收新的AI回复
+  resetMessageState();
 
-    sendMessage(inputText);
-    // 发送消息后保持键盘状态
-    if (holdKeyboard.value && inputAreaRef.value) {
-        setTimeout(() => {
-            inputAreaRef.value.focusInput();
-        }, 100);
-    }
+  sendMessage(inputText);
+  // 发送消息后保持键盘状态
+  if (holdKeyboard.value && inputAreaRef.value) {
+    setTimeout(() => {
+      inputAreaRef.value.focusInput();
+    }, 100);
+  }
 
-    setTimeoutScrollToBottom();
+  setTimeoutScrollToBottom();
 };
 
 /// 添加通知
 const addNoticeListener = () => {
-    uni.$on(SCROLL_TO_BOTTOM, () => {
-        setTimeout(() => {
-            scrollToBottom();
-        }, 200);
-    });
+  uni.$on(SCROLL_TO_BOTTOM, () => {
+    setTimeout(() => {
+      scrollToBottom();
+    }, 200);
+  });
 
-    uni.$on(RECOMMEND_POSTS_TITLE, (value) => {
-        console.log("RECOMMEND_POSTS_TITLE:", value);
-        if (value && value.length > 0) {
-            handleReply(value);
-        }
-    });
+  uni.$on(RECOMMEND_POSTS_TITLE, (value) => {
+    console.log("RECOMMEND_POSTS_TITLE:", value);
+    if (value && value.length > 0) {
+      handleReply(value);
+    }
+  });
 
-    uni.$on(SEND_COMMAND_TEXT, (value) => {
-        console.log("SEND_COMMAND_TEXT:", value);
-        if (value && value.length > 0) {
-            commonType = "Command.quickBooking";
-            sendMessage(value, true);
-            setTimeoutScrollToBottom();
-        }
-    });
+  uni.$on(SEND_COMMAND_TEXT, (value) => {
+    console.log("SEND_COMMAND_TEXT:", value);
+    if (value && value.length > 0) {
+      commonType = "Command.quickBooking";
+      sendMessage(value, true);
+      setTimeoutScrollToBottom();
+    }
+  });
 };
 
 /// =============生命周期函数↓================
 onLoad(() => {
-    uni.getSystemInfo({
-        success: (res) => {
-            statusBarHeight.value = res.statusBarHeight || 20;
-        },
-    });
+  uni.getSystemInfo({
+    success: (res) => {
+      statusBarHeight.value = res.statusBarHeight || 20;
+    },
+  });
 });
 
 onMounted(async () => {
-    try {
-        getMainPageData();
-        await loadRecentConversation();
-        loadConversationMsgList();
-        addNoticeListener();
-        initTypewriterManager();
-        initWebSocket();
-    } catch (error) {
-        console.error("页面初始化错误:", error);
-    }
+  try {
+    getMainPageData();
+    await loadRecentConversation();
+    loadConversationMsgList();
+    addNoticeListener();
+    initTypewriterManager();
+    initWebSocket();
+    uni.getProvider({
+      service: "oauth",
+      success: (res) => {
+        console.log("getProvider success", res);
+      },
+      fail: (err) => {
+        console.log("getProvider fail", err);
+      },
+    });
+  } catch (error) {
+    console.error("页面初始化错误:", error);
+  }
 });
 
 /// =============页面配置↓================
 // 获取最近一次的会话id
 const loadRecentConversation = async () => {
-    const res = await recentConversation();
-    if (res.code === 0) {
-        conversationId.value = res.data.conversationId;
-    }
+  const res = await recentConversation();
+  if (res.code === 0) {
+    conversationId.value = res.data.conversationId;
+  }
 };
 
 // 加载历史消息的数据
 let historyCurrentPageNum = 1;
 const loadConversationMsgList = async () => {
-    const args = {
-        pageNum: historyCurrentPageNum++,
-        pageSize: 10,
-        conversationId: conversationId.value,
-    };
-    const res = await conversationMsgList(args);
+  const args = {
+    pageNum: historyCurrentPageNum++,
+    pageSize: 10,
+    conversationId: conversationId.value,
+  };
+  const res = await conversationMsgList(args);
 };
 
 // 获取首页数据
 const getMainPageData = async () => {
-    const res = await mainPageData(sceneId.value);
-    if (res.code === 0) {
-        mainPageDataModel.value = res.data;
-        agentId.value = res.data.agentId;
-        initData();
-        setTimeoutScrollToBottom();
-    }
+  const res = await mainPageData(sceneId.value);
+  if (res.code === 0) {
+    mainPageDataModel.value = res.data;
+    agentId.value = res.data.agentId;
+    initData();
+    setTimeoutScrollToBottom();
+  }
 };
 
 /// =============对话↓================
 // 初始化WebSocket
 const initWebSocket = () => {
-    // 清理旧实例
-    if (webSocketManager) {
-        webSocketManager.destroy();
-    }
+  // 清理旧实例
+  if (webSocketManager) {
+    webSocketManager.destroy();
+  }
 
-    // 使用配置的WebSocket服务器地址
-    const token = uni.getStorageSync("token");
-    const wsUrl = `${WSS_URL}?access_token=${token}`;
+  // 使用配置的WebSocket服务器地址
+  const token = uni.getStorageSync("token");
+  const wsUrl = `${WSS_URL}?access_token=${token}`;
 
-    // 初始化WebSocket管理器
-    webSocketManager = new WebSocketManager({
-        wsUrl: wsUrl,
-        reconnectInterval: 3000, // 重连间隔
-        maxReconnectAttempts: 5, // 最大重连次数
-        heartbeatInterval: 30000, // 心跳间隔
+  // 初始化WebSocket管理器
+  webSocketManager = new WebSocketManager({
+    wsUrl: wsUrl,
+    reconnectInterval: 3000, // 重连间隔
+    maxReconnectAttempts: 5, // 最大重连次数
+    heartbeatInterval: 30000, // 心跳间隔
 
-        // 连接成功回调
-        onOpen: (event) => {
-            // 重置会话状态
-            isSessionActive.value = true;
-        },
+    // 连接成功回调
+    onOpen: (event) => {
+      // 重置会话状态
+      isSessionActive.value = true;
+    },
 
-        // 连接断开回调
-        onClose: (event) => {
-            console.error("WebSocket连接断开:", event);
-            // 停止当前会话
-            isSessionActive.value = false;
-            // 停止打字机效果
-            if (typewriterManager) {
-                typewriterManager.stopTypewriter();
-            }
-        },
+    // 连接断开回调
+    onClose: (event) => {
+      console.error("WebSocket连接断开:", event);
+      // 停止当前会话
+      isSessionActive.value = false;
+      // 停止打字机效果
+      if (typewriterManager) {
+        typewriterManager.stopTypewriter();
+      }
+    },
 
-        // 错误回调
-        onError: (error) => {
-            isSessionActive.value = false;
-            console.error("WebSocket错误:", error);
-        },
+    // 错误回调
+    onError: (error) => {
+      isSessionActive.value = false;
+      console.error("WebSocket错误:", error);
+    },
 
-        // 消息回调
-        onMessage: (data) => {
-            handleWebSocketMessage(data);
-        },
+    // 消息回调
+    onMessage: (data) => {
+      handleWebSocketMessage(data);
+    },
 
-        // 获取会话ID回调 (用于心跳检测)
-        getConversationId: () => conversationId.value,
+    // 获取会话ID回调 (用于心跳检测)
+    getConversationId: () => conversationId.value,
 
-        // 获取代理ID回调 (用于心跳检测)
-        getAgentId: () => agentId.value,
-    });
+    // 获取代理ID回调 (用于心跳检测)
+    getAgentId: () => agentId.value,
+  });
 
-    // 初始化连接
-    webSocketManager.connect().catch((error) => {
-        console.error("WebSocket连接失败:", error);
-    });
+  // 初始化连接
+  webSocketManager.connect().catch((error) => {
+    console.error("WebSocket连接失败:", error);
+  });
 };
 
 // 处理WebSocket消息
 const handleWebSocketMessage = (data) => {
-    if (loadingTimer) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
+  if (loadingTimer) {
+    clearInterval(loadingTimer);
+    loadingTimer = null;
+  }
+
+  const aiMsgIndex = chatMsgList.value.length - 1;
+  if (!chatMsgList.value[aiMsgIndex] || aiMsgIndex < 0) {
+    return;
+  }
+
+  // 确保消息内容是字符串类型
+  if (data.content && typeof data.content !== "string") {
+    data.content = String(data.content);
+  }
+
+  // 处理content分片内容
+  if (data.content) {
+    // 使用打字机管理器添加内容
+    if (typewriterManager) {
+      typewriterManager.addContent(data.content);
     }
 
-    const aiMsgIndex = chatMsgList.value.length - 1;
-    if (!chatMsgList.value[aiMsgIndex] || aiMsgIndex < 0) {
+    // 确保新内容到达时页面保持在底部
+    setTimeoutScrollToBottom();
+  }
+
+  // 处理完成状态
+  if (data.finish) {
+    clearInterval(loadingTimer);
+    loadingTimer = null;
+    // 等待打字机完成后处理其他数据
+    const waitForTypingComplete = () => {
+      const status = typewriterManager
+        ? typewriterManager.getStatus()
+        : { isTyping: false };
+      if (status.isTyping) {
+        setTimeout(waitForTypingComplete, 50);
         return;
-    }
+      }
 
-    // 确保消息内容是字符串类型
-    if (data.content && typeof data.content !== "string") {
-        data.content = String(data.content);
-    }
-
-    // 处理content分片内容
-    if (data.content) {
-        // 使用打字机管理器添加内容
-        if (typewriterManager) {
-            typewriterManager.addContent(data.content);
+      const msg = chatMsgList.value[aiMsgIndex].msg;
+      console.log("全量消息内容:", msg);
+      if (!msg || msg === "加载中." || msg.startsWith("加载中")) {
+        chatMsgList.value[aiMsgIndex].msg = "未获取到内容，请重试";
+        chatMsgList.value[aiMsgIndex].isLoading = false;
+        if (data.toolCall) {
+          chatMsgList.value[aiMsgIndex].msg = "";
         }
+      }
 
-        // 确保新内容到达时页面保持在底部
-        setTimeoutScrollToBottom();
-    }
+      // 处理toolCall
+      if (data.toolCall) {
+        chatMsgList.value[aiMsgIndex].toolCall = data.toolCall;
+      }
 
-    // 处理完成状态
-    if (data.finish) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
-        // 等待打字机完成后处理其他数据
-        const waitForTypingComplete = () => {
-            const status = typewriterManager
-                ? typewriterManager.getStatus()
-                : { isTyping: false };
-            if (status.isTyping) {
-                setTimeout(waitForTypingComplete, 50);
-                return;
-            }
+      // 处理question
+      if (data.question && data.question.length > 0) {
+        chatMsgList.value[aiMsgIndex].question = data.question;
+      }
 
-            const msg = chatMsgList.value[aiMsgIndex].msg;
-            console.log("全量消息内容:", msg);
-            if (!msg || msg === "加载中." || msg.startsWith("加载中")) {
-                chatMsgList.value[aiMsgIndex].msg = "未获取到内容，请重试";
-                chatMsgList.value[aiMsgIndex].isLoading = false;
-                if (data.toolCall) {
-                    chatMsgList.value[aiMsgIndex].msg = "";
-                }
-            }
+      // 重置会话状态
+      isSessionActive.value = false;
+    };
 
-            // 处理toolCall
-            if (data.toolCall) {
-                chatMsgList.value[aiMsgIndex].toolCall = data.toolCall;
-            }
-
-            // 处理question
-            if (data.question && data.question.length > 0) {
-                chatMsgList.value[aiMsgIndex].question = data.question;
-            }
-
-            // 重置会话状态
-            isSessionActive.value = false;
-        };
-
-        waitForTypingComplete();
-    }
+    waitForTypingComplete();
+  }
 };
 
 // 初始化打字机管理器
 const initTypewriterManager = () => {
-    if (typewriterManager) {
-        typewriterManager.destroy();
-    }
+  if (typewriterManager) {
+    typewriterManager.destroy();
+  }
 
-    typewriterManager = new TypewriterManager({
-        typingSpeed: 30,
-        cursorText: '',
-    });
+  typewriterManager = new TypewriterManager({
+    typingSpeed: 30,
+    cursorText: "",
+  });
 
-    // 设置回调函数
-    typewriterManager.setCallbacks({
-        // 每个字符打字时的回调
-        onCharacterTyped: (displayedContent) => {
-            // 立即滚动到底部，确保打字过程中始终可见
-            nextTick(() => {
-                scrollTop.value = 99999;
-                // 双重保险，确保滚动生效
-                setTimeout(() => {
-                    scrollTop.value = 99999 + Math.random();
-                }, 20);
-            });
-        },
-        // 内容更新时的回调
-        onContentUpdate: (content) => {
-            const aiMsgIndex = chatMsgList.value.length - 1;
-            if (aiMsgIndex >= 0 && chatMsgList.value[aiMsgIndex]) {
-                chatMsgList.value[aiMsgIndex].isLoading = false;
-                chatMsgList.value[aiMsgIndex].msg = content;
-            }
-        },
-        // 打字完成时的回调
-        onTypingComplete: (finalContent) => {
-            const aiMsgIndex = chatMsgList.value.length - 1;
-            if (aiMsgIndex >= 0 && chatMsgList.value[aiMsgIndex]) {
-                chatMsgList.value[aiMsgIndex].isLoading = false;
-                chatMsgList.value[aiMsgIndex].msg = finalContent;
-            }
-            // 打字完成后最后一次滚动到底部
-            setTimeoutScrollToBottom();
-        },
-    });
+  // 设置回调函数
+  typewriterManager.setCallbacks({
+    // 每个字符打字时的回调
+    onCharacterTyped: (displayedContent) => {
+      // 立即滚动到底部，确保打字过程中始终可见
+      nextTick(() => {
+        scrollTop.value = 99999;
+        // 双重保险，确保滚动生效
+        setTimeout(() => {
+          scrollTop.value = 99999 + Math.random();
+        }, 20);
+      });
+    },
+    // 内容更新时的回调
+    onContentUpdate: (content) => {
+      const aiMsgIndex = chatMsgList.value.length - 1;
+      if (aiMsgIndex >= 0 && chatMsgList.value[aiMsgIndex]) {
+        chatMsgList.value[aiMsgIndex].isLoading = false;
+        chatMsgList.value[aiMsgIndex].msg = content;
+      }
+    },
+    // 打字完成时的回调
+    onTypingComplete: (finalContent) => {
+      const aiMsgIndex = chatMsgList.value.length - 1;
+      if (aiMsgIndex >= 0 && chatMsgList.value[aiMsgIndex]) {
+        chatMsgList.value[aiMsgIndex].isLoading = false;
+        chatMsgList.value[aiMsgIndex].msg = finalContent;
+      }
+      // 打字完成后最后一次滚动到底部
+      setTimeoutScrollToBottom();
+    },
+  });
 };
 
 // 重置消息状态
 const resetMessageState = () => {
-    if (typewriterManager) {
-        typewriterManager.reset();
-    }
+  if (typewriterManager) {
+    typewriterManager.reset();
+  }
 };
 
 // 初始化数据 首次数据加载的时候
 const initData = () => {
-    const msg = {
-        msgId: `msg_${0}`,
-        msgType: MessageRole.OTHER,
-        msg: "",
-    };
-    chatMsgList.value.push(msg);
+  const msg = {
+    msgId: `msg_${0}`,
+    msgType: MessageRole.OTHER,
+    msg: "",
+  };
+  chatMsgList.value.push(msg);
 };
 
 // 发送消息的参数拼接
 const sendMessage = (message, isInstruct = false) => {
-    if (isSessionActive.value) {
-        uni.showToast({
-            title: "请等待当前回复完成",
-            icon: "none",
-        });
-        return;
-    }
-    isSessionActive.value = true;
-    const newMsg = {
-        msgId: `msg_${chatMsgList.value.length}`,
-        msgType: MessageRole.ME,
-        msg: message,
-        msgContent: {
-            type: MessageType.TEXT,
-            text: message,
-        },
-    };
-    chatMsgList.value.push(newMsg);
-    inputMessage.value = "";
-    sendChat(message, isInstruct);
-    console.log("发送的新消息：", JSON.stringify(newMsg));
+  if (isSessionActive.value) {
+    uni.showToast({
+      title: "请等待当前回复完成",
+      icon: "none",
+    });
+    return;
+  }
+  isSessionActive.value = true;
+  const newMsg = {
+    msgId: `msg_${chatMsgList.value.length}`,
+    msgType: MessageRole.ME,
+    msg: message,
+    msgContent: {
+      type: MessageType.TEXT,
+      text: message,
+    },
+  };
+  chatMsgList.value.push(newMsg);
+  inputMessage.value = "";
+  sendChat(message, isInstruct);
+  console.log("发送的新消息：", JSON.stringify(newMsg));
 };
 
 // 通用WebSocket消息发送函数
 const sendWebSocketMessage = (messageType, messageContent, options = {}) => {
-    const args = {
-        conversationId: conversationId.value,
-        agentId: agentId.value,
-        messageType: String(messageType), // 消息类型 0-对话 1-指令 2-中断停止 3-心跳检测
-        messageContent: messageContent,
-        messageId: currentSessionMessageId,
-    };
+  const args = {
+    conversationId: conversationId.value,
+    agentId: agentId.value,
+    messageType: String(messageType), // 消息类型 0-对话 1-指令 2-中断停止 3-心跳检测
+    messageContent: messageContent,
+    messageId: currentSessionMessageId,
+  };
 
-    try {
-        webSocketManager.sendMessage(args);
-        console.log(`WebSocket消息已发送 [类型:${messageType}]:`, args);
-        return true;
-    } catch (error) {
-        console.error("发送WebSocket消息失败:", error);
-        isSessionActive.value = false;
-        return false;
-    }
+  try {
+    webSocketManager.sendMessage(args);
+    console.log(`WebSocket消息已发送 [类型:${messageType}]:`, args);
+    return true;
+  } catch (error) {
+    console.error("发送WebSocket消息失败:", error);
+    isSessionActive.value = false;
+    return false;
+  }
 };
 
 // 发送获取AI聊天消息
 const sendChat = (message, isInstruct = false) => {
-    if (!webSocketManager || !webSocketManager.isConnected()) {
-        console.error("WebSocket未连接");
-        isSessionActive.value = false;
-        return;
-    }
+  if (!webSocketManager || !webSocketManager.isConnected()) {
+    console.error("WebSocket未连接");
+    isSessionActive.value = false;
+    return;
+  }
 
-    const messageType = isInstruct ? 1 : 0;
-    const messageContent = isInstruct ? commonType : message;
+  const messageType = isInstruct ? 1 : 0;
+  const messageContent = isInstruct ? commonType : message;
 
-    // 重置消息状态，为新消息做准备
+  // 重置消息状态，为新消息做准备
+  resetMessageState();
+
+  // 插入AI消息
+  const aiMsg = {
+    msgId: `msg_${chatMsgList.value.length}`,
+    msgType: MessageRole.AI,
+    msg: "加载中.",
+    isLoading: true,
+    msgContent: {
+      type: MessageType.TEXT,
+      url: "",
+    },
+  };
+  chatMsgList.value.push(aiMsg);
+  const aiMsgIndex = chatMsgList.value.length - 1;
+
+  // 动态加载中动画
+  let dotCount = 1;
+  loadingTimer && clearInterval(loadingTimer);
+  loadingTimer = setInterval(() => {
+    dotCount = (dotCount % 3) + 1;
+    chatMsgList.value[aiMsgIndex].msg = "加载中" + ".".repeat(dotCount);
+  }, 400);
+
+  // 发送消息
+  const success = sendWebSocketMessage(messageType, messageContent);
+  if (!success) {
+    chatMsgList.value[aiMsgIndex].msg = "发送消息失败，请重试";
+    chatMsgList.value[aiMsgIndex].isLoading = false;
+    isSessionActive.value = false;
     resetMessageState();
-
-    // 插入AI消息
-    const aiMsg = {
-        msgId: `msg_${chatMsgList.value.length}`,
-        msgType: MessageRole.AI,
-        msg: "加载中.",
-        isLoading: true,
-        msgContent: {
-            type: MessageType.TEXT,
-            url: "",
-        },
-    };
-    chatMsgList.value.push(aiMsg);
-    const aiMsgIndex = chatMsgList.value.length - 1;
-
-    // 动态加载中动画
-    let dotCount = 1;
-    loadingTimer && clearInterval(loadingTimer);
-    loadingTimer = setInterval(() => {
-        dotCount = (dotCount % 3) + 1;
-        chatMsgList.value[aiMsgIndex].msg = "加载中" + ".".repeat(dotCount);
-    }, 400);
-
-    // 发送消息
-    const success = sendWebSocketMessage(messageType, messageContent);
-    if (!success) {
-        chatMsgList.value[aiMsgIndex].msg = "发送消息失败，请重试";
-        chatMsgList.value[aiMsgIndex].isLoading = false;
-        isSessionActive.value = false;
-        resetMessageState();
-    }
+  }
 };
 
 // 停止请求函数
 const stopRequest = () => {
-    console.log("停止请求");
+  console.log("停止请求");
 
-    // 发送中断消息给服务器 (messageType=2)
-    sendWebSocketMessage(2, "stop_request", { silent: true });
+  // 发送中断消息给服务器 (messageType=2)
+  sendWebSocketMessage(2, "stop_request", { silent: true });
 
-    if (loadingTimer) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
-    }
+  if (loadingTimer) {
+    clearInterval(loadingTimer);
+    loadingTimer = null;
+  }
 
-    // 停止打字机效果
-    if (typewriterManager) {
-        typewriterManager.stopTypewriter();
-    }
+  // 停止打字机效果
+  if (typewriterManager) {
+    typewriterManager.stopTypewriter();
+  }
 
-    // 重置会话状态和消息状态
-    isSessionActive.value = false;
-    resetMessageState();
+  // 重置会话状态和消息状态
+  isSessionActive.value = false;
+  resetMessageState();
 
-    // 更新最后一条AI消息的状态
-    const aiMsgIndex = chatMsgList.value.length - 1;
+  // 更新最后一条AI消息的状态
+  const aiMsgIndex = chatMsgList.value.length - 1;
+  if (
+    chatMsgList.value[aiMsgIndex] &&
+    chatMsgList.value[aiMsgIndex].msgType === MessageRole.AI
+  ) {
+    chatMsgList.value[aiMsgIndex].isLoading = false;
     if (
-        chatMsgList.value[aiMsgIndex] &&
-        chatMsgList.value[aiMsgIndex].msgType === MessageRole.AI
+      !chatMsgList.value[aiMsgIndex].msg ||
+      chatMsgList.value[aiMsgIndex].msg.startsWith("加载中")
     ) {
-        chatMsgList.value[aiMsgIndex].isLoading = false;
-        if (
-            !chatMsgList.value[aiMsgIndex].msg ||
-            chatMsgList.value[aiMsgIndex].msg.startsWith("加载中")
-        ) {
-            chatMsgList.value[aiMsgIndex].msg = "请求已停止";
-        }
+      chatMsgList.value[aiMsgIndex].msg = "请求已停止";
     }
+  }
 
-    console.log("请求已停止，状态已重置");
+  console.log("请求已停止，状态已重置");
 
-    setTimeoutScrollToBottom();
+  setTimeoutScrollToBottom();
 };
 
 // 组件销毁时清理资源
 onUnmounted(() => {
-    uni.$off(SCROLL_TO_BOTTOM);
-    uni.$off(RECOMMEND_POSTS_TITLE);
-    uni.$off(SEND_COMMAND_TEXT);
+  uni.$off(SCROLL_TO_BOTTOM);
+  uni.$off(RECOMMEND_POSTS_TITLE);
+  uni.$off(SEND_COMMAND_TEXT);
 
-    // 清理WebSocket连接
-    if (webSocketManager) {
-        webSocketManager.destroy();
-        webSocketManager = null;
-    }
+  // 清理WebSocket连接
+  if (webSocketManager) {
+    webSocketManager.destroy();
+    webSocketManager = null;
+  }
 
-    // 清理打字机管理器
-    if (typewriterManager) {
-        typewriterManager.destroy();
-        typewriterManager = null;
-    }
+  // 清理打字机管理器
+  if (typewriterManager) {
+    typewriterManager.destroy();
+    typewriterManager = null;
+  }
 
-    // 重置消息状态
-    resetMessageState();
+  // 重置消息状态
+  resetMessageState();
 
-    // 清理定时器
-    if (timer.value) {
-        clearTimeout(timer.value);
-        timer.value = null;
-    }
+  // 清理定时器
+  if (timer.value) {
+    clearTimeout(timer.value);
+    timer.value = null;
+  }
 });
 </script>
 
diff --git a/pages/chat/ChatMarkdown.vue b/pages/chat/ChatMarkdown.vue
index 2e1e426..3b13da9 100644
--- a/pages/chat/ChatMarkdown.vue
+++ b/pages/chat/ChatMarkdown.vue
@@ -1,21 +1,18 @@
 <template>
-	<view>
-		<zero-markdown-view :markdown="text" :aiMode='true'></zero-markdown-view>
-	</view>
+  <view>
+    <zero-markdown-view :markdown="text" :aiMode="true"></zero-markdown-view>
+  </view>
 </template>
 
 <script setup>
-	import { defineProps } from "vue";
-		
-	defineProps({
-	  text: {
-	    type: String,
-	    default: ''
-	  }
-	})
-	
+import { defineProps } from "vue";
+
+defineProps({
+  text: {
+    type: String,
+    default: "",
+  },
+});
 </script>
 
-<style scoped>
-	
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/pages/chat/ChatQuickAccess.vue b/pages/chat/ChatQuickAccess.vue
index aec1d59..015213b 100644
--- a/pages/chat/ChatQuickAccess.vue
+++ b/pages/chat/ChatQuickAccess.vue
@@ -1,27 +1,25 @@
 <template>
-    <view class="quick-access">
-        <view class="quick-access-scroll">
-            <view
-                class="quick-access-item"
-                v-for="(item, index) in itemList"
-                :key="index"
-                @click="sendReply(item)"
-            >
-                <image
-                    class="quick-access-item-bg"
-                    src="/static/quick/quick_icon_bg.png"
-                    mode="aspectFill"
-                ></image>
-                <view class="quick-access-item-title">
-                    <image :src="item.icon"></image>
-                    <text>{{ item.title }}</text>
-                </view>
-                <text class="quick-access-item-content">{{
-                    item.content
-                }}</text>
-            </view>
+  <view class="quick-access">
+    <view class="quick-access-scroll">
+      <view
+        class="quick-access-item"
+        v-for="(item, index) in itemList"
+        :key="index"
+        @click="sendReply(item)"
+      >
+        <image
+          class="quick-access-item-bg"
+          src="/static/quick/quick_icon_bg.png"
+          mode="aspectFill"
+        ></image>
+        <view class="quick-access-item-title">
+          <image :src="item.icon"></image>
+          <text>{{ item.title }}</text>
         </view>
+        <text class="quick-access-item-content">{{ item.content }}</text>
+      </view>
     </view>
+  </view>
 </template>
 
 <script setup>
@@ -31,113 +29,113 @@ const itemList = ref([]);
 const emits = defineEmits(["replySent"]);
 
 const sendReply = (item) => {
-    emits("replySent", item); // 向父组件传递数据
+  emits("replySent", item); // 向父组件传递数据
 };
 
 onMounted(() => {
-    initData();
+  initData();
 });
 
 const initData = () => {
-    itemList.value = [
-        {
-            icon: "/static/quick/quick_icon_yuding.png",
-            title: "快速预定",
-            content: "预定门票、房间、餐食",
-            type: "Command.quickBooking",
-        },
-        {
-            icon: "/static/quick/quick_icon_find.png",
-            title: "探索发现",
-            content: "探索玩法、出片佳地",
-            type: "Command.discovery",
-        },
-        {
-            icon: "/static/quick/quick_icon_order.png",
-            title: "订单/工单",
-            content: "我的订单/工单",
-            type: "MyOrder",
-        },
-        {
-            icon: "/static/quick/quick_icon_call.png",
-            title: "呼叫服务",
-            content: "加水、客房服务等",
-            type: "Command.createWorkOrder",
-        },
-    ];
+  itemList.value = [
+    {
+      icon: "/static/quick/quick_icon_yuding.png",
+      title: "快速预定",
+      content: "预定门票、房间、餐食",
+      type: "Command.quickBooking",
+    },
+    {
+      icon: "/static/quick/quick_icon_find.png",
+      title: "探索发现",
+      content: "探索玩法、出片佳地",
+      type: "Command.discovery",
+    },
+    {
+      icon: "/static/quick/quick_icon_order.png",
+      title: "订单/工单",
+      content: "我的订单/工单",
+      type: "MyOrder",
+    },
+    {
+      icon: "/static/quick/quick_icon_call.png",
+      title: "呼叫服务",
+      content: "加水、客房服务等",
+      type: "Command.createWorkOrder",
+    },
+  ];
 };
 </script>
 
 <style lang="scss" scoped>
 .quick-access {
-    width: 100%;
+  width: 100%;
 
-    &-scroll {
-        display: flex;
-        flex-direction: row;
-        overflow-x: auto;
-        white-space: nowrap;
-        -webkit-overflow-scrolling: touch;
+  &-scroll {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .quick-access-item {
+    flex: 0 0 104px;
+    border-radius: 8px;
+    margin: 4px 4px 8px 4px;
+    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
+    padding: 12px;
+    display: inline-flex;
+    flex-direction: column;
+
+    position: relative;
+
+    &:first-child {
+      margin-left: 12px;
     }
 
-    .quick-access-item {
-        flex: 0 0 104px;
-        border-radius: 8px;
-        margin: 4px 4px 8px 4px;
-        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
-        padding: 12px;
-        display: inline-flex;
-        flex-direction: column;
-
-        position: relative;
-
-        &:first-child {
-            margin-left: 12px;
-        }
-
-        &:last-child {
-            margin-right: 12px;
-        }
-
-        .quick-access-item-bg {
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 0;
-            border-radius: 8px;
-            width: 128px;
-            height: 56px;
-        }
-
-        .quick-access-item-title {
-            display: flex;
-            align-items: center;
-            z-index: 1;
-
-            image {
-                width: 16px;
-                height: 16px;
-                margin-right: 4px;
-            }
-
-            text {
-                font-family: PingFang SC, PingFang SC;
-                font-weight: 500;
-                font-size: 12px;
-                color: #201f32;
-                line-height: 16px;
-            }
-        }
-
-        .quick-access-item-content {
-            z-index: 1;
-            margin-top: 4px;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 400;
-            font-size: 10px;
-            color: #678cad;
-            line-height: 18px;
-        }
+    &:last-child {
+      margin-right: 12px;
     }
+
+    .quick-access-item-bg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 0;
+      border-radius: 8px;
+      width: 128px;
+      height: 56px;
+    }
+
+    .quick-access-item-title {
+      display: flex;
+      align-items: center;
+      z-index: 1;
+
+      image {
+        width: 16px;
+        height: 16px;
+        margin-right: 4px;
+      }
+
+      text {
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 500;
+        font-size: 12px;
+        color: #201f32;
+        line-height: 16px;
+      }
+    }
+
+    .quick-access-item-content {
+      z-index: 1;
+      margin-top: 4px;
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 400;
+      font-size: 10px;
+      color: #678cad;
+      line-height: 18px;
+    }
+  }
 }
 </style>
diff --git a/pages/chat/ChatTopBgImg.vue b/pages/chat/ChatTopBgImg.vue
index 569afad..22a4578 100644
--- a/pages/chat/ChatTopBgImg.vue
+++ b/pages/chat/ChatTopBgImg.vue
@@ -1,20 +1,18 @@
 <template>
-	<view class="top-bg">
-	</view>
+  <view class="top-bg"> </view>
 </template>
 
-<script>
-</script>
+<script></script>
 
 <style lang="scss" scoped>
-	.top-bg {
-	  width: 100%;
-	  height: 270px;
-	  overflow: hidden;
-	  background: linear-gradient( 180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
-	  .top-bg-img {
-		  width: 100%;
-		  height: 100%; 
-	  }
-	}
-</style>
\ No newline at end of file
+.top-bg {
+  width: 100%;
+  height: 270px;
+  overflow: hidden;
+  background: linear-gradient(180deg, #42adf9 0%, #6cd1ff 51%, #e9f3f7 99%);
+  .top-bg-img {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/pages/chat/ChatTopNavBar.vue b/pages/chat/ChatTopNavBar.vue
index f65ff08..0ff5c1f 100644
--- a/pages/chat/ChatTopNavBar.vue
+++ b/pages/chat/ChatTopNavBar.vue
@@ -1,48 +1,46 @@
 <template>
-	<view class="nav-bar">
-	  <view class="nav-item" @click="showDrawer('showLeft')">
-        <uni-icons type="bars" size="24" color="#333"></uni-icons>
-	  </view>
-	  
-	  <uni-drawer ref="showLeft" mode="left" :width="320">
-		<DrawerHome @closeDrawer="closeDrawer('showLeft')" />
-	  </uni-drawer>
-	  
-	</view>
+  <view class="nav-bar">
+    <view class="nav-item" @click="showDrawer('showLeft')">
+      <uni-icons type="bars" size="24" color="#333"></uni-icons>
+    </view>
+
+    <uni-drawer ref="showLeft" mode="left" :width="320">
+      <DrawerHome @closeDrawer="closeDrawer('showLeft')" />
+    </uni-drawer>
+  </view>
 </template>
 
 <script setup>
-	import { defineEmits, ref } from 'vue'
-	import DrawerHome from "@/pages/drawer/DrawerHome.vue";
-	
-	const showLeft = ref(false)
-		
-	// 打开窗口
-	const showDrawer = (e) => {
-		showLeft.value.open()
-	}
-	// 关闭窗口
-	const closeDrawer = (e) => {
-		showLeft.value.close()
-	}
-	
+import { defineEmits, ref } from "vue";
+import DrawerHome from "@/pages/drawer/DrawerHome.vue";
+
+const showLeft = ref(false);
+
+// 打开窗口
+const showDrawer = (e) => {
+  showLeft.value.open();
+};
+// 关闭窗口
+const closeDrawer = (e) => {
+  showLeft.value.close();
+};
 </script>
 
 <style lang="scss" scoped>
-	.nav-bar {
-	  display: flex;
-	  align-items: center;
-	  height: 44px;
-	  padding: 0 15px;
-	  
-	  .nav-item {
-	    width: 24px;
-	    height: 24px;
-	    margin-right: 10px;
-	  }
-	  .nav-item-icon {
-		  width: 100%;
-		  height: 100%;
-	  }
-	}
-</style>
\ No newline at end of file
+.nav-bar {
+  display: flex;
+  align-items: center;
+  height: 44px;
+  padding: 0 15px;
+
+  .nav-item {
+    width: 24px;
+    height: 24px;
+    margin-right: 10px;
+  }
+  .nav-item-icon {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/pages/chat/ChatTopWelcome.vue b/pages/chat/ChatTopWelcome.vue
index f1a08c6..c512727 100644
--- a/pages/chat/ChatTopWelcome.vue
+++ b/pages/chat/ChatTopWelcome.vue
@@ -1,18 +1,15 @@
 <template>
-    <view class="top-bg-content">
-        <view class="top-item">
-            <!-- :style="backgroundStyle" -->
-            <image
-                class="top-item-left"
-                :src="initPageImages.welcomeImageUrl"
-            ></image>
-            <image
-                class="top-item-right"
-                :src="initPageImages.logoImageUrl"
-            ></image>
-        </view>
-        <ChatCardAI v-if="welcomeContent.length" :text="welcomeContent" />
+  <view class="top-bg-content">
+    <view class="top-item">
+      <!-- :style="backgroundStyle" -->
+      <image
+        class="top-item-left"
+        :src="initPageImages.welcomeImageUrl"
+      ></image>
+      <image class="top-item-right" :src="initPageImages.logoImageUrl"></image>
     </view>
+    <ChatCardAI v-if="welcomeContent.length" :text="welcomeContent" />
+  </view>
 </template>
 
 <script setup>
@@ -20,56 +17,56 @@ import { defineProps, computed, ref } from "vue";
 import ChatCardAI from "./ChatCardAI.vue";
 
 const props = defineProps({
-    initPageImages: {
-        type: Object,
-        default: {
-            backgroundImageUrl: "",
-            logoImageUrl: "",
-            welcomeImageUrl: "",
-        },
-    },
-    welcomeContent: {
-        type: String,
-        default:
-            "查信息、预定下单、探索玩法、呼叫服务、我通通可以满足，快试试问我问题吧!",
+  initPageImages: {
+    type: Object,
+    default: {
+      backgroundImageUrl: "",
+      logoImageUrl: "",
+      welcomeImageUrl: "",
     },
+  },
+  welcomeContent: {
+    type: String,
+    default:
+      "查信息、预定下单、探索玩法、呼叫服务、我通通可以满足，快试试问我问题吧!",
+  },
 });
 
 // 计算背景样式
 const backgroundStyle = computed(() => {
-    return {
-        backgroundImage: `url(${props.initPageImages.backgroundImageUrl})`,
-        backgroundSize: "cover",
-        backgroundPosition: "center",
-        backgroundRepeat: "no-repeat",
-    };
+  return {
+    backgroundImage: `url(${props.initPageImages.backgroundImageUrl})`,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat",
+  };
 });
 </script>
 
 <style lang="scss" scoped>
 .top-bg-content {
-    display: flex;
-    justify-content: flex-end;
-    align-items: stretch;
-    flex-direction: column;
+  display: flex;
+  justify-content: flex-end;
+  align-items: stretch;
+  flex-direction: column;
 }
 
 .top-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 32px;
-    margin-bottom: -6px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 32px;
+  margin-bottom: -6px;
 }
 
 .top-item-left {
-    width: 118px;
-    height: 52px;
+  width: 118px;
+  height: 52px;
 }
 
 .top-item-right {
-    width: 130px;
-    height: 130px;
+  width: 130px;
+  height: 130px;
 }
 </style>
diff --git a/pages/chat/styles/ChatMainList.scss b/pages/chat/styles/ChatMainList.scss
index 603a8f0..248721a 100644
--- a/pages/chat/styles/ChatMainList.scss
+++ b/pages/chat/styles/ChatMainList.scss
@@ -1,153 +1,155 @@
 .chat-container {
-		width: 100vw;
-		height: 100vh;
-		background-color: #E9F3F7;
-		
-		display: flex;
-		flex-direction: column;
-		overflow: hidden !important;
-		position: relative;
-		/* 确保在键盘弹起时布局正确 */
-		box-sizing: border-box;
-		
-		.chat-container-bg {
-			position: fixed;
-			top: 0;
-			left: 0;
-			right: 0;
-			z-index: 0;
-			height: 270px;
-			background: linear-gradient( 180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
-		}
-		
-		.chat-content {
-			width: 100vw;
-			display: flex;
-			flex-direction: column;
-			flex: 1;
-  			min-height: 0;
-			z-index: 1;
-			overflow: hidden;
-		}
-		
-		.chat-container-top-bannar {
-			width: 100vw;
-			flex-shrink: 0;
-			touch-action: none;
-		}
-		
-		.area-msg-list {
-			width: 100vw;
-			flex: 1;
-			overflow-y: auto;
-			min-height: 0;
-			height: 0;
-			padding: 4px 0 0;
-			overscroll-behavior: contain; /* 阻止滚动穿透 */
-			-webkit-overflow-scrolling: touch;
-			
-			display: flex;
-			flex-direction: column;
-			
-			.message-item-ai {
-				display: flex;
-				justify-content: flex-start;
-			}
-			
-			.message-item-mine {
-				display: flex;
-				justify-content: flex-end;
-			}
-			
-			.message-item-other {
-				display: flex;
-				justify-content: center;
-			}
-		}
-	}
-	
-	.footer-area {
-		width: 100vw;
-		flex-shrink: 0;
-		padding: 4px 0 20px 0; /* 直接设置20px底部安全距离 */
-		background-color: #E9F3F7;
-		touch-action: pan-x;
-		overflow-x: auto;
-		overflow-y: hidden;
-		min-height: fit-content;
-		/* 安卓键盘适配 - 使用相对定位配合adjustPan */
-		position: relative;
-		z-index: 1;
-		transition: padding-bottom 0.3s ease;
-		/* 确保输入区域始终可见 */
-		// transform: translateZ(0);
-		// -webkit-transform: translateZ(0);
-	}
-	
-	.area-input {
-		display: flex;
-		align-items: center;
-		border-radius: 22px;
-		background-color: #FFFFFF;
-		box-shadow: 0px 0px 20px 0px rgba(52,25,204,0.05);
-		margin: 0 12px;
-				
-		.input-container-voice {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 44px;
-			height: 44px;
-			flex-shrink: 0;
-			align-self: flex-end;
-			
-			image {
-				width: 22px;
-				height: 22px;
-			}
-		}
-		
-		.input-container-send {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 44px;
-			height: 44px;
-			flex-shrink: 0;
-			align-self: flex-end;
-			
-			image {
-				width: 28px;
-				height: 28px;
-			}
-		}
-		
-		.textarea {
-			flex: 1;
-			max-height: 92px;
-			min-height: 22px;
-			font-size: 16px;
-			line-height: 22px;
-			margin-bottom: 2px;
-			align-items: center;
-		}
-	}
+  width: 100vw;
+  height: 100vh;
+  background-color: #e9f3f7;
 
-	// 打字机光标闪烁动画
-	.typing-cursor {
-		display: inline-block;
-		color: #42ADF9;
-		font-weight: bold;
-		font-size: 1.2em;
-		animation: blink 1s infinite;
-		margin-left: 2px;
-	}
+  display: flex;
+  flex-direction: column;
+  overflow: hidden !important;
+  position: relative;
+  /* 确保在键盘弹起时布局正确 */
+  box-sizing: border-box;
 
-	@keyframes blink {
-		0%, 50% {
-			opacity: 1;
-		}
-		51%, 100% {
-			opacity: 0;
-		}
-	}
\ No newline at end of file
+  .chat-container-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 0;
+    height: 270px;
+    background: linear-gradient(180deg, #42adf9 0%, #6cd1ff 51%, #e9f3f7 99%);
+  }
+
+  .chat-content {
+    width: 100vw;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    z-index: 1;
+    overflow: hidden;
+  }
+
+  .chat-container-top-bannar {
+    width: 100vw;
+    flex-shrink: 0;
+    touch-action: none;
+  }
+
+  .area-msg-list {
+    width: 100vw;
+    flex: 1;
+    overflow-y: auto;
+    min-height: 0;
+    height: 0;
+    padding: 4px 0 0;
+    overscroll-behavior: contain; /* 阻止滚动穿透 */
+    -webkit-overflow-scrolling: touch;
+
+    display: flex;
+    flex-direction: column;
+
+    .message-item-ai {
+      display: flex;
+      justify-content: flex-start;
+    }
+
+    .message-item-mine {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    .message-item-other {
+      display: flex;
+      justify-content: center;
+    }
+  }
+}
+
+.footer-area {
+  width: 100vw;
+  flex-shrink: 0;
+  padding: 4px 0 20px 0; /* 直接设置20px底部安全距离 */
+  background-color: #e9f3f7;
+  touch-action: pan-x;
+  overflow-x: auto;
+  overflow-y: hidden;
+  min-height: fit-content;
+  /* 安卓键盘适配 - 使用相对定位配合adjustPan */
+  position: relative;
+  z-index: 1;
+  transition: padding-bottom 0.3s ease;
+  /* 确保输入区域始终可见 */
+  // transform: translateZ(0);
+  // -webkit-transform: translateZ(0);
+}
+
+.area-input {
+  display: flex;
+  align-items: center;
+  border-radius: 22px;
+  background-color: #ffffff;
+  box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
+  margin: 0 12px;
+
+  .input-container-voice {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 44px;
+    height: 44px;
+    flex-shrink: 0;
+    align-self: flex-end;
+
+    image {
+      width: 22px;
+      height: 22px;
+    }
+  }
+
+  .input-container-send {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 44px;
+    height: 44px;
+    flex-shrink: 0;
+    align-self: flex-end;
+
+    image {
+      width: 28px;
+      height: 28px;
+    }
+  }
+
+  .textarea {
+    flex: 1;
+    max-height: 92px;
+    min-height: 22px;
+    font-size: 16px;
+    line-height: 22px;
+    margin-bottom: 2px;
+    align-items: center;
+  }
+}
+
+// 打字机光标闪烁动画
+.typing-cursor {
+  display: inline-block;
+  color: #42adf9;
+  font-weight: bold;
+  font-size: 1.2em;
+  animation: blink 1s infinite;
+  margin-left: 2px;
+}
+
+@keyframes blink {
+  0%,
+  50% {
+    opacity: 1;
+  }
+  51%,
+  100% {
+    opacity: 0;
+  }
+}
diff --git a/pages/drawer/DrawerHome.vue b/pages/drawer/DrawerHome.vue
index 24b257c..5f510a7 100644
--- a/pages/drawer/DrawerHome.vue
+++ b/pages/drawer/DrawerHome.vue
@@ -1,50 +1,54 @@
 <template>
-	<view class="drawer-home"> 
-		<view class="drawer-home-nav">
-			<uni-icons type="closeempty" size="22" color="#333333" class="close-icon" @click="closeDrawer"></uni-icons>
-			<text class="title">我的</text>
-		</view>
-				
-		<MineSetting/>
-		
-	</view>
+  <view class="drawer-home">
+    <view class="drawer-home-nav">
+      <uni-icons
+        type="closeempty"
+        size="22"
+        color="#333333"
+        class="close-icon"
+        @click="closeDrawer"
+      ></uni-icons>
+      <text class="title">我的</text>
+    </view>
+
+    <MineSetting />
+  </view>
 </template>
 
 <script setup>
-    import MineSetting from './MineSetting.vue'
-	import { defineEmits } from 'vue'
-	const emits = defineEmits(['closeDrawer'])
+import MineSetting from "./MineSetting.vue";
+import { defineEmits } from "vue";
+const emits = defineEmits(["closeDrawer"]);
 
-	const closeDrawer = () => {
-		emits('closeDrawer')
-	}
-	
+const closeDrawer = () => {
+  emits("closeDrawer");
+};
 </script>
 
 <style lang="scss" scoped>
-	.drawer-home {
-		width: 100%;
-		height: 100vh;
-		background-color: #fff;
-		padding-top: 44px;	
-	}
-	
-	.drawer-home-nav {
-		position: relative;
-		padding: 12px;
-		display: flex;
-		justify-content: center; /* 文字水平居中 */
-		align-items: center;     /* 垂直居中 */
-		
-		.title {
-			font-size: 18px;
-			text-align: center;
-			color: #333333;
-		}
-		
-		.close-icon {
-		  position: absolute;
-		  left: 12px; /* 距离左边12px */
-		}
-	}
-</style>
\ No newline at end of file
+.drawer-home {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  padding-top: 44px;
+}
+
+.drawer-home-nav {
+  position: relative;
+  padding: 12px;
+  display: flex;
+  justify-content: center; /* 文字水平居中 */
+  align-items: center; /* 垂直居中 */
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    color: #333333;
+  }
+
+  .close-icon {
+    position: absolute;
+    left: 12px; /* 距离左边12px */
+  }
+}
+</style>
diff --git a/pages/drawer/MineSetting.vue b/pages/drawer/MineSetting.vue
index da7a5bb..32a5af8 100644
--- a/pages/drawer/MineSetting.vue
+++ b/pages/drawer/MineSetting.vue
@@ -19,10 +19,10 @@
 
     <!-- 中间功能入口（循环渲染） -->
     <view class="menu-card">
-      <view 
-        class="menu-item" 
-        v-for="(item, index) in menuList" 
-        :key="index" 
+      <view
+        class="menu-item"
+        v-for="(item, index) in menuList"
+        :key="index"
         @click="handleMenuClick(item)"
       >
         <text class="label">{{ item.label }}</text>
@@ -36,60 +36,64 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import { getLoginUserPhone } from '@/request/api/LoginApi'
+import { ref, onMounted } from "vue";
+import { getLoginUserPhone } from "@/request/api/LoginApi";
 
 // 假数据
 const userInfo = ref({
-  avatar: '/static/default-avatar.png',
-  nickname: '微信用户',
-  phone: ''
-})
+  avatar: "/static/default-avatar.png",
+  nickname: "微信用户",
+  phone: "",
+});
 
 // 功能菜单列表（带 type 区分操作类型）
 const menuList = ref([
   // { label: '修改手机号', type: 'navigate', url: '/pages/change-phone/change-phone' },
-  { label: '账号注销', type: 'navigate', url: '/pages/cancel-account/cancel-account' },
+  {
+    label: "账号注销",
+    type: "navigate",
+    url: "/pages/cancel-account/cancel-account",
+  },
   // { label: '营业资质&协议', type: 'navigate', url: '/pages/agreement/agreement' },
-  { label: '联系客服', type: 'action', action: 'contactService' }
-])
+  { label: "联系客服", type: "action", action: "contactService" },
+]);
 
 // 生命周期钩子
 onMounted(() => {
-  getLoginUserPhoneInfo()
-})
+  getLoginUserPhoneInfo();
+});
 
 const getLoginUserPhoneInfo = async () => {
-  const res = await getLoginUserPhone()
+  const res = await getLoginUserPhone();
   if (res.code === 0) {
-      userInfo.value.phone = res.data
-    }
-}
+    userInfo.value.phone = res.data;
+  }
+};
 
 // 处理菜单点击
 const handleMenuClick = (item) => {
-  if (item.type === 'navigate' && item.url) {
-    uni.navigateTo({ url: item.url })
-  } else if (item.type === 'action') {
-    if (item.action === 'contactService') {
-      uni.showToast({ title: '联系客服功能待实现', icon: 'none' })
+  if (item.type === "navigate" && item.url) {
+    uni.navigateTo({ url: item.url });
+  } else if (item.type === "action") {
+    if (item.action === "contactService") {
+      uni.showToast({ title: "联系客服功能待实现", icon: "none" });
     }
   }
-}
+};
 
 // 退出登录
 const handleLogout = () => {
   uni.showModal({
-    title: '温馨提示',
-    content: '确定要退出登录吗？',
+    title: "温馨提示",
+    content: "确定要退出登录吗？",
     success: (res) => {
       if (res.confirm) {
-        uni.clearStorageSync()
-        uni.reLaunch({ url: '/pages/login/index' })
+        uni.clearStorageSync();
+        uni.reLaunch({ url: "/pages/login/index" });
       }
-    }
-  })
-}
+    },
+  });
+};
 </script>
 
 <style scoped>
diff --git a/pages/module/attach/AttachListComponent.vue b/pages/module/attach/AttachListComponent.vue
index 8aaeb00..e94d79b 100644
--- a/pages/module/attach/AttachListComponent.vue
+++ b/pages/module/attach/AttachListComponent.vue
@@ -12,32 +12,31 @@
 </template>
 
 <script setup>
-import { ref, nextTick, defineEmits } from 'vue'
-import { onMounted } from 'vue'
-import { SCROLL_TO_BOTTOM } from '@/constant/constant'
+import { ref, nextTick, defineEmits } from "vue";
+import { onMounted } from "vue";
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 const props = defineProps({
   question: {
     type: String,
-    default: ''
-  }
-})
+    default: "",
+  },
+});
 
-const tags = ref([])
-const emits = defineEmits(['replySent']);
+const tags = ref([]);
+const emits = defineEmits(["replySent"]);
 
 const handleClick = (item) => {
-  emits('replySent', item)
-}
+  emits("replySent", item);
+};
 
 onMounted(() => {
-    tags.value = props.question.split(/[&|;]/).filter(tag => tag.trim() !== '')
-	nextTick(() => {
-		setTimeout(() => {
-			uni.$emit(SCROLL_TO_BOTTOM, true)
-		}, 300)
-	});
-})
-
+  tags.value = props.question.split(/[&|;]/).filter((tag) => tag.trim() !== "");
+  nextTick(() => {
+    setTimeout(() => {
+      uni.$emit(SCROLL_TO_BOTTOM, true);
+    }, 300);
+  });
+});
 </script>
 
 <style scoped lang="scss">
@@ -59,7 +58,7 @@ onMounted(() => {
 }
 
 .tag-text {
-  color: #00A6FF; /* 蓝色文字，可根据设计调整 */
+  color: #00a6ff; /* 蓝色文字，可根据设计调整 */
   font-size: 14px;
 }
 </style>
diff --git a/pages/module/banner/ActivityListComponent.vue b/pages/module/banner/ActivityListComponent.vue
index ea36fc3..b44a51d 100644
--- a/pages/module/banner/ActivityListComponent.vue
+++ b/pages/module/banner/ActivityListComponent.vue
@@ -1,82 +1,82 @@
 <template>
-	<view class="container">
-		<swiper class="swiper" circular 
-		:indicator-dots="activityList.length > 1" 
-		indicator-color="#FFFFFF"
-		indicator-active-color="#00A6FF"
-		:autoplay="autoplay" 
-		:interval="interval"	
-		:duration="duration">
-			<swiper-item v-for="item in activityList" :key="item.id">
-				<view class="swiper-item" @click="handleClick(item)">
-					<image :src="item.activityCover" mode="aspectFill"></image>
-					<view class="corner-btn">快速预定</view>
-				</view>
-			</swiper-item>		
-		</swiper>
-		
-	</view>
+  <view class="container">
+    <swiper
+      class="swiper"
+      circular
+      :indicator-dots="activityList.length > 1"
+      indicator-color="#FFFFFF"
+      indicator-active-color="#00A6FF"
+      :autoplay="autoplay"
+      :interval="interval"
+      :duration="duration"
+    >
+      <swiper-item v-for="item in activityList" :key="item.id">
+        <view class="swiper-item" @click="handleClick(item)">
+          <image :src="item.activityCover" mode="aspectFill"></image>
+          <view class="corner-btn">快速预定</view>
+        </view>
+      </swiper-item>
+    </swiper>
+  </view>
 </template>
 
 <script setup>
-	import { ref } from 'vue'
-	import { SEND_COMMAND_TEXT } from '@/constant/constant'
+import { ref } from "vue";
+import { SEND_COMMAND_TEXT } from "@/constant/constant";
 
-	const autoplay = ref(true)
-	const interval = ref(3000)
-	const duration = ref(500)
+const autoplay = ref(true);
+const interval = ref(3000);
+const duration = ref(500);
 
-	const props = defineProps({
-	  activityList: {
-	    type: Array,
-	    default: []
-	  }
-	})
-
-	const handleClick = (item) => {
-		uni.$emit(SEND_COMMAND_TEXT, '快速预定')
-	}
+const props = defineProps({
+  activityList: {
+    type: Array,
+    default: [],
+  },
+});
 
+const handleClick = (item) => {
+  uni.$emit(SEND_COMMAND_TEXT, "快速预定");
+};
 </script>
 
 <style scoped lang="scss">
-	.container {
-		margin-bottom: 6px;
-		
-		.uni-margin-wrap {
-			width: 100%;
-		}
-		.swiper {
-			height: 120px;
-			border-radius: 8px;
-		}
-		.swiper-item {
-		  position: relative; 
-		  display: block;
-		  height: 120px;
-		  line-height: 120px;
-		  text-align: center;
-		
-		  image {
-		    width: 100%;
-		    height: 100%;
-		    border-radius: 8px;
-		    display: block;
-		  }
-		
-		  .corner-btn {
-		    position: absolute;
-		    right: 12px;
-		    bottom: 12px;
-		    background-color: #ffeb00;
-		    color: #333;
-		    font-size: 14px;
-		    font-weight: 500;
-		    padding: 4px 12px;
-		    border-radius: 20px; 
-		    line-height: 1.5;
-		  }
-		}
-		
-	}
-</style>
\ No newline at end of file
+.container {
+  margin-bottom: 6px;
+
+  .uni-margin-wrap {
+    width: 100%;
+  }
+  .swiper {
+    height: 120px;
+    border-radius: 8px;
+  }
+  .swiper-item {
+    position: relative;
+    display: block;
+    height: 120px;
+    line-height: 120px;
+    text-align: center;
+
+    image {
+      width: 100%;
+      height: 100%;
+      border-radius: 8px;
+      display: block;
+    }
+
+    .corner-btn {
+      position: absolute;
+      right: 12px;
+      bottom: 12px;
+      background-color: #ffeb00;
+      color: #333;
+      font-size: 14px;
+      font-weight: 500;
+      padding: 4px 12px;
+      border-radius: 20px;
+      line-height: 1.5;
+    }
+  }
+}
+</style>
diff --git a/pages/module/booking/QuickBookingCalender.vue b/pages/module/booking/QuickBookingCalender.vue
index 7f2c973..4bc4fe3 100644
--- a/pages/module/booking/QuickBookingCalender.vue
+++ b/pages/module/booking/QuickBookingCalender.vue
@@ -22,7 +22,6 @@
         <text class="calendar-text">日历</text>
       </view>
     </view>
-    
   </view>
 </template>
 
diff --git a/pages/module/booking/QuickBookingComponent.vue b/pages/module/booking/QuickBookingComponent.vue
index 1aa6bd9..d5df1b4 100644
--- a/pages/module/booking/QuickBookingComponent.vue
+++ b/pages/module/booking/QuickBookingComponent.vue
@@ -71,4 +71,4 @@ onMounted(() => {
     width: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/module/detail/DetailCardCompontent.vue b/pages/module/detail/DetailCardCompontent.vue
index 58b9fa9..b6e9e7d 100644
--- a/pages/module/detail/DetailCardCompontent.vue
+++ b/pages/module/detail/DetailCardCompontent.vue
@@ -1,36 +1,33 @@
 <template>
-    <view class="container">
-        <template v-if="toolCall.picture && toolCall.picture.length > 0">
-            <ModuleTitle :title="图片详情" />
-            <ImageSwiper :images="toolCall.picture" />
-        </template>
+  <view class="container">
+    <template v-if="toolCall.picture && toolCall.picture.length > 0">
+      <ModuleTitle :title="图片详情" />
+      <ImageSwiper :images="toolCall.picture" />
+    </template>
 
-        <template v-if="toolCall.commodityList">
-            <DetailCardGoodsContentList :commodityList="toolCall.commodityList" />
-        </template>
-
-	</view>
+    <template v-if="toolCall.commodityList">
+      <DetailCardGoodsContentList :commodityList="toolCall.commodityList" />
+    </template>
+  </view>
 </template>
 
 <script setup>
-	import { defineProps } from 'vue'
-    import ModuleTitle from '@/components/ModuleTitle/index.vue'
-    import ImageSwiper from '@/components/ImageSwiper/index.vue'
-    import DetailCardGoodsContentList from './DetailCardGoodsContentList.vue'
-
-	const props = defineProps({
-		toolCall: {
-			type: Object,
-			default: {}
-		}
-	})
+import { defineProps } from "vue";
+import ModuleTitle from "@/components/ModuleTitle/index.vue";
+import ImageSwiper from "@/components/ImageSwiper/index.vue";
+import DetailCardGoodsContentList from "./DetailCardGoodsContentList.vue";
 
+const props = defineProps({
+  toolCall: {
+    type: Object,
+    default: {},
+  },
+});
 </script>
 
 <style scoped lang="scss">
 .container {
-    width: 100%;
-    padding: 12px 0;
+  width: 100%;
+  padding: 12px 0;
 }
-
 </style>
diff --git a/pages/module/discovery/DiscoveryCardComponent.vue b/pages/module/discovery/DiscoveryCardComponent.vue
index 0f82e38..6f0ad06 100644
--- a/pages/module/discovery/DiscoveryCardComponent.vue
+++ b/pages/module/discovery/DiscoveryCardComponent.vue
@@ -1,43 +1,42 @@
 <template>
-	<view class="container">
-		<view v-for="item in themeDTOList" :key="item.title">
-			<RecommendPostsList :recommendTheme="item" />
-		</view>
-	</view>
+  <view class="container">
+    <view v-for="item in themeDTOList" :key="item.title">
+      <RecommendPostsList :recommendTheme="item" />
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import { ref, nextTick } from 'vue'
-	import { onMounted } from 'vue'
-	import { discoveryCradComponent } from '@/request/api/MainPageDataApi'
-	import RecommendPostsList from '../recommend/RecommendPostsList.vue'
-	import { SCROLL_TO_BOTTOM } from '@/constant/constant'
+import { ref, nextTick } from "vue";
+import { onMounted } from "vue";
+import { discoveryCradComponent } from "@/request/api/MainPageDataApi";
+import RecommendPostsList from "../recommend/RecommendPostsList.vue";
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 
-	const themeDTOList = ref([])
+const themeDTOList = ref([]);
 
-	const loadDiscoveryCradComponent = async () => {
-		const res = await discoveryCradComponent()
-		if(res.code === 0 && res.data) {
-			themeDTOList.value = res.data.themeDTOList
-			
-			nextTick(() => {
-				setTimeout(() => {
-					uni.$emit(SCROLL_TO_BOTTOM, true)
-				}, 300)
-			});
-		}
-	}
+const loadDiscoveryCradComponent = async () => {
+  const res = await discoveryCradComponent();
+  if (res.code === 0 && res.data) {
+    themeDTOList.value = res.data.themeDTOList;
 
-	onMounted(() => {
-		loadDiscoveryCradComponent()
-	})
-	
+    nextTick(() => {
+      setTimeout(() => {
+        uni.$emit(SCROLL_TO_BOTTOM, true);
+      }, 300);
+    });
+  }
+};
+
+onMounted(() => {
+  loadDiscoveryCradComponent();
+});
 </script>
 
 <style scoped lang="scss">
-	.container {
-		width: 100%;
-		flex: 1;
-		margin-bottom: 12px;
-	}
-</style>
\ No newline at end of file
+.container {
+  width: 100%;
+  flex: 1;
+  margin-bottom: 12px;
+}
+</style>
diff --git a/pages/module/discovery/DiscoveryCradContentList.vue b/pages/module/discovery/DiscoveryCradContentList.vue
index b7a3789..cc7d641 100644
--- a/pages/module/discovery/DiscoveryCradContentList.vue
+++ b/pages/module/discovery/DiscoveryCradContentList.vue
@@ -1,18 +1,18 @@
 <template>
-    <view class="container">
-        <ModuleTitle :title="recommendTheme.themeName" />
-        <view class="container-scroll">
-            <view
-                v-for="(item, index) in recommendTheme.recommendPostsList"
-                :key="index"
-            >
-                <view class="mk-card-item" @click="sendReply(item)">
-                    <image :src="item.coverPhoto" mode="widthFix"></image>
-                    <text>{{ item.topic }}</text>
-                </view>
-            </view>
+  <view class="container">
+    <ModuleTitle :title="recommendTheme.themeName" />
+    <view class="container-scroll">
+      <view
+        v-for="(item, index) in recommendTheme.recommendPostsList"
+        :key="index"
+      >
+        <view class="mk-card-item" @click="sendReply(item)">
+          <image :src="item.coverPhoto" mode="widthFix"></image>
+          <text>{{ item.topic }}</text>
         </view>
+      </view>
     </view>
+  </view>
 </template>
 
 <script setup>
@@ -20,48 +20,48 @@ import ModuleTitle from "@/components/ModuleTitle/index.vue";
 import { RECOMMEND_POSTS_TITLE } from "@/constant/constant";
 import { defineProps } from "vue";
 const props = defineProps({
-    recommendTheme: {
-        type: Object,
-        default: {},
-    },
+  recommendTheme: {
+    type: Object,
+    default: {},
+  },
 });
 
 const sendReply = (item) => {
-    const topic = item.userInputContent || item.topic.replace(/^#/, "");
-    uni.$emit(RECOMMEND_POSTS_TITLE, topic);
+  const topic = item.userInputContent || item.topic.replace(/^#/, "");
+  uni.$emit(RECOMMEND_POSTS_TITLE, topic);
 };
 </script>
 
 <style lang="scss" scoped>
 .container {
-    .container-scroll {
-        display: flex;
-        flex-direction: row;
-        overflow-x: auto;
-        margin-top: 4px;
+  .container-scroll {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+    margin-top: 4px;
 
-        .mk-card-item {
-            display: flex;
-            flex-direction: column;
-            align-items: start;
-            width: 188px;
-            height: 154px;
-            background-color: #ffffff;
-            border-radius: 10px;
-            margin-right: 8px;
+    .mk-card-item {
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      width: 188px;
+      height: 154px;
+      background-color: #ffffff;
+      border-radius: 10px;
+      margin-right: 8px;
 
-            image {
-                width: 188px;
-                height: 112px;
-            }
-            text {
-                padding: 12px;
-                text-align: center;
-                font-weight: 500;
-                font-size: 12px;
-                color: #333333;
-            }
-        }
+      image {
+        width: 188px;
+        height: 112px;
+      }
+      text {
+        padding: 12px;
+        text-align: center;
+        font-weight: 500;
+        font-size: 12px;
+        color: #333333;
+      }
     }
+  }
 }
 </style>
diff --git a/pages/module/recommend/RecommendPostsComponent.vue b/pages/module/recommend/RecommendPostsComponent.vue
index c6c6c2e..db8ddb1 100644
--- a/pages/module/recommend/RecommendPostsComponent.vue
+++ b/pages/module/recommend/RecommendPostsComponent.vue
@@ -1,29 +1,27 @@
 <template>
-	<view class="container">
-		<view v-for="item in recommendThemeList" :key="item.themeName">
-			<RecommendPostsList :recommendTheme="item" />
-		</view>
-	</view>
+  <view class="container">
+    <view v-for="item in recommendThemeList" :key="item.themeName">
+      <RecommendPostsList :recommendTheme="item" />
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import RecommendPostsList from './RecommendPostsList.vue';
-	
-	import { defineProps } from 'vue'
-	const props = defineProps({
-		recommendThemeList: {
-			type: Array,
-			default: []
-		}
-	})
-	
-	
+import RecommendPostsList from "./RecommendPostsList.vue";
+
+import { defineProps } from "vue";
+const props = defineProps({
+  recommendThemeList: {
+    type: Array,
+    default: [],
+  },
+});
 </script>
 
 <style scoped lang="scss">
-	.container {
-		width: 100%;
-		flex: 1;
-		margin-bottom: 12px;
-	}
-</style>
\ No newline at end of file
+.container {
+  width: 100%;
+  flex: 1;
+  margin-bottom: 12px;
+}
+</style>