From 397cdd2a536e16ec799d615ac457e73f3eb8bb2a Mon Sep 17 00:00:00 2001
From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com>
Date: Fri, 22 Aug 2025 18:56:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(ai):=20=E6=96=B0=E5=A2=9EAI=E6=89=BE?=
 =?UTF-8?q?=E6=88=BF=E5=8A=9F=E8=83=BD=E6=A8=A1=E5=9D=97=E5=8F=8A=E9=85=8D?=
 =?UTF-8?q?=E5=A5=97=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加AI找房功能页面、路由配置和API接口
实现聊天界面组件、历史记录加载和滚动定位功能
包含房源推荐展示、联系人组件和样式优化
---
 .../img/publicImage/arrows-deep-white.svg     |   6 +
 src/assets/img/publicImage/round-icon.gif     | Bin 0 -> 10488 bytes
 src/components/ai/aiItem.vue                  | 342 +++++++++++++++
 src/components/ai/contacts.vue                |  32 ++
 src/router/index.js                           |   8 +
 src/utils/api.js                              |  21 +-
 src/utils/axios.js                            |   7 +-
 src/views/ai.vue                              | 410 ++++++++++++++++++
 8 files changed, 820 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/img/publicImage/arrows-deep-white.svg
 create mode 100644 src/assets/img/publicImage/round-icon.gif
 create mode 100644 src/components/ai/aiItem.vue
 create mode 100644 src/components/ai/contacts.vue
 create mode 100644 src/views/ai.vue

diff --git a/src/assets/img/publicImage/arrows-deep-white.svg b/src/assets/img/publicImage/arrows-deep-white.svg
new file mode 100644
index 0000000..6f95612
--- /dev/null
+++ b/src/assets/img/publicImage/arrows-deep-white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -3899 -1199 )">
+    <path d="M 15.5978260869565 7.51797175866495  C 15.8659420289855 7.77257167308515  16 8.09991442019683  16 8.5  C 16 8.89281129653402  15.8659420289855 9.22379118528027  15.5978260869565 9.49293966623877  L 8.52173913043478 16.5962772785623  C 8.23913043478261 16.8654257595208  7.90942028985507 17  7.53260869565217 17  C 7.16304347826087 17  6.83695652173913 16.8654257595208  6.55434782608696 16.5962772785623  L 5.73913043478261 15.7779204107831  C 5.46376811594203 15.5014976465554  5.32608695652174 15.1705177578092  5.32608695652174 14.7849807445443  C 5.32608695652174 14.3994437312794  5.46376811594203 14.0684638425332  5.73913043478261 13.7920410783055  L 8.92391304347826 10.5949935815148  L 1.27173913043478 10.5949935815148  C 0.894927536231884 10.5949935815148  0.588768115942029 10.4586007702182  0.353260869565217 10.1858151476252  C 0.117753623188406 9.91302952503209  0 9.58386820710312  0 9.19833119383826  L 0 7.80166880616175  C 0 7.41613179289688  0.117753623188406 7.08697047496791  0.353260869565217 6.81418485237484  C 0.588768115942029 6.54139922978177  0.894927536231884 6.40500641848524  1.27173913043478 6.40500641848524  L 8.92391304347826 6.40500641848524  L 5.73913043478261 3.19704749679076  C 5.46376811594203 2.93517329910141  5.32608695652174 2.60783055198973  5.32608695652174 2.21501925545571  C 5.32608695652174 1.8222079589217  5.46376811594203 1.49486521181001  5.73913043478261 1.23299101412067  L 6.55434782608696 0.414634146341464  C 6.82971014492754 0.13821138211382  7.15579710144928 0  7.53260869565217 0  C 7.91666666666667 0  8.2463768115942 0.13821138211382  8.52173913043478 0.414634146341464  L 15.5978260869565 7.51797175866495  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 3899 1199 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/publicImage/round-icon.gif b/src/assets/img/publicImage/round-icon.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f883aa9e7fd660d53aa646d373cbf8d945d9573f
GIT binary patch
literal 10488
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
J;s2wn{y&DS0Ji`D

literal 0
HcmV?d00001

diff --git a/src/components/ai/aiItem.vue b/src/components/ai/aiItem.vue
new file mode 100644
index 0000000..1613926
--- /dev/null
+++ b/src/components/ai/aiItem.vue
@@ -0,0 +1,342 @@
+<template>
+    <div class="date" v-if="item.timeText">{{ item.timeText }}</div>
+    <div class="right message" v-if="item.role == 'user'">{{ item.content }}</div>
+    <div class="left" :class="{ error: item.iserror }" v-if="item.role == 'assistant'">
+        <div class="loading-container" v-if="item.loading">
+            <div class="loading-item" style="--i: 0"></div>
+            <div class="loading-item" style="--i: 1"></div>
+            <div class="loading-item" style="--i: 2"></div>
+            <div class="loading-item" style="--i: 3"></div>
+            <div class="loading-item" style="--i: 4"></div>
+            <div class="loading-item" style="--i: 5"></div>
+            <span class="text">圆同学正为您努力找房中</span>
+        </div>
+        <template v-if="item.payload.type == 'recommendation'">
+            <div class="intro">{{ item.payload.intro }}</div>
+            <div class="point">一、推荐房源</div>
+            <div class="point-item" v-for="(item, ii) in item.payload.recommendations" :key="ii">
+                <a class="title flexacenter" url="{{ item.url }}">
+                    <div class="serial flexcenter">{{ ii + 1 }}</div>
+                    <div class="name one-line-display">{{ item.name }}</div>
+                    <div class="full">已租满</div>
+                    <img class="arrows" src="https://app.gter.net/image/miniApp/HKRenting/arrow-circular-orange-red.svg" />
+                </a>
+                <div class="spot flexflex">
+                    <div class="dot"></div>
+                    <div class="text flex1"><span class="spot-title">区域：</span>{{ item.district }}</div>
+                </div>
+                <div class="spot flexflex">
+                    <div class="dot"></div>
+                    <div class="rent flex1 flexacenter">
+                        <span class="spot-title">租金：</span>
+                        <div class="number">{{ item.price }}</div>
+                        HKD/月{{ item.rent_type == "per_person" ? "/人" : "/房" }}
+                    </div>
+                </div>
+                <div class="spot flexflex">
+                    <div class="dot"></div>
+                    <div class="text flex1"><span class="spot-title">优势：</span>{{ item.advantages }}</div>
+                </div>
+                <div class="spot flexflex">
+                    <div class="dot"></div>
+                    <div class="text flex1"><span class="spot-title">不足：</span>{{ item.disadvantages }}</div>
+                </div>
+                <div class="spot flexflex">
+                    <div class="dot"></div>
+                    <div class="star-box flex1 flexacenter">
+                        <span class="spot-title">推荐星级：</span>
+                        <img v-for="item in item.score" :key="item" class="star-item" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.svg" />
+                        <img v-if="item.scoreHalf" class="star-item" src="https://app.gter.net/image/miniApp/HKRenting/star-half.svg" />
+                    </div>
+                </div>
+                <div class="spot flexflex" wx:if="{{ item.recommendation_reason }}">
+                    <div class="dot"></div>
+                    <div class="text flex1"><span class="spot-title">推荐理由：</span>{{ item.recommendation_reason }}</div>
+                </div>
+                <div class="spot" v-if="item.images.length > 0">
+                    <div class="scroll-view">
+                        <img class="img" v-for="(source, index) in item.images" :key="index" :src="source" />
+                    </div>
+                </div>
+            </div>
+            <template v-if="item?.payload?.notes?.length > 0">
+                <div class="point">二、注意事项</div>
+                <div class="point-item">
+                    <div class="spot flexflex" v-for="(item, index) in item.payload.notes" :key="index">
+                        <div class="dot"></div>
+                        <div v-if="item.content" class="text flex1">
+                            {{ item.content }}
+                            <div v-if="item.copy" class="text link" bind:tap="consultStateCut" data-text="{{ item.copy }}">{{ item.copy }}</div>
+                            {{ item.end }}
+                        </div>
+                        <div v-else class="text flex1">{{ item }}</div>
+                    </div>
+                </div>
+            </template>
+            <div class="ai-hint">内容由AI生成，请审慎参考</div>
+        </template>
+        <div v-else-if="item.payload.type == 'text' && item.payload.message.before">
+            {{ item.payload.message.before }}<span class="text link" bind:tap="consultStateCut" v-if="item.payload.message.wechat">{{ item.payload.message.wechat }}</span
+            >{{ item.payload.message.after }}
+        </div>
+        <div v-else>{{ item.payload.message || item.message }}</div>
+    </div>
+    <Contacts v-if="item.role == 'contacts'"></Contacts>
+</template>
+
+<script setup>
+import { reactive, onMounted, ref, nextTick, onBeforeUnmount, watch } from "vue";
+import Contacts from "./contacts.vue";
+
+const props = defineProps({
+    item: {
+        type: Object,
+        default: () => {},
+    },
+});
+</script>
+
+<style lang="less" scoped>
+.date {
+    font-size: 14px;
+    color: #7f7f7f;
+    height: 24px;
+    margin: 0 auto 20px;
+}
+
+.right {
+    background-color: rgba(213, 245, 255, 1);
+    border-radius: 20px;
+    padding: 11px 15px;
+    font-size: 17px;
+    line-height: 26px;
+    color: #333333;
+    margin-left: auto;
+    margin-bottom: 30px;
+    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+}
+
+.left {
+    margin-bottom: 30px;
+    color: #333333;
+    font-size: 16px;
+    line-height: 26px;
+    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+
+    .loading-container {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        color: #333333;
+        .loading-item {
+            width: 20px;
+            height: 20px;
+            margin-right: 4px;
+            border-radius: 4px;
+            animation: colorShift 1.2s infinite linear;
+            animation-delay: calc(var(--i) * 0.2s);
+            display: inline-flex;
+        }
+
+        .text {
+            margin-left: 5px;
+        }
+
+        /* 初始化默认颜色 */
+        .loading-item:nth-child(1) {
+            background-color: rgba(163, 230, 251, 1);
+        }
+
+        .loading-item:nth-child(2) {
+            background-color: rgba(180, 234, 251, 1);
+        }
+
+        .loading-item:nth-child(3) {
+            background-color: rgba(194, 238, 251, 1);
+        }
+
+        .loading-item:nth-child(4) {
+            background-color: rgba(213, 245, 255, 1);
+        }
+
+        .loading-item:nth-child(5) {
+            background-color: rgba(230, 249, 255, 1);
+        }
+
+        .loading-item:nth-child(6) {
+            background-color: rgba(241, 252, 255, 1);
+        }
+
+        /* 定义颜色向左移动的关键帧 */
+        @keyframes colorShift {
+            0% {
+                background-color: rgba(163, 230, 251, 1);
+            }
+
+            16.67% {
+                background-color: rgba(241, 252, 255, 1);
+            }
+
+            33.33% {
+                background-color: rgba(230, 249, 255, 1);
+            }
+
+            50% {
+                background-color: rgba(213, 245, 255, 1);
+            }
+
+            66.67% {
+                background-color: rgba(194, 238, 251, 1);
+            }
+
+            83.33% {
+                background-color: rgba(180, 234, 251, 1);
+            }
+
+            100% {
+                background-color: rgba(163, 230, 251, 1);
+            }
+        }
+    }
+
+    .intro {
+        font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+        font-weight: 400;
+        font-style: normal;
+        font-size: 16px;
+        line-height: 26px;
+        color: #333333;
+        margin-bottom: 20px;
+    }
+
+    .point {
+        font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+        font-weight: 650;
+        font-style: normal;
+        font-size: 18px;
+        color: #000000;
+        line-height: 26px;
+        margin-bottom: 10px;
+    }
+
+    .point-item {
+        margin-bottom: 30px;
+        .title {
+            margin-bottom: 14px;
+
+            .serial {
+                width: 20px;
+                height: 20px;
+                line-height: 20px;
+                background-color: rgba(127, 221, 255, 1);
+                border-radius: 6px;
+                font-size: 14px;
+                color: #ffffff;
+                margin-right: 10px;
+            }
+
+            .name {
+                font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+                font-weight: 400;
+                font-style: normal;
+                font-size: 16px;
+                text-decoration: underline;
+                color: #026277;
+                line-height: 26px;
+                margin-right: 10px;
+            }
+
+            .full {
+                color: #fff;
+                background-color: #333333;
+                padding: 0 6px;
+                border-radius: 6px;
+                height: 20px;
+                line-height: 20px;
+                margin-right: 10px;
+                font-size: 14px;
+            }
+
+            .arrows {
+                width: 14px;
+                height: 14px;
+            }
+        }
+
+        .spot {
+            margin-bottom: 10px;
+
+            .dot {
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                background-color: #76c45e;
+                border: 1px solid #599146;
+                margin-top: 8px;
+                margin-left: 12px;
+                margin-right: 10px;
+            }
+
+            .text {
+                color: #333333;
+                font-size: 16px;
+                line-height: 26px;
+            }
+
+            .spot-title {
+                font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                font-weight: 650;
+                color: #000000;
+            }
+
+            .star-item {
+                width: 18px;
+                height: 18px;
+
+                &:not(:last-of-type) {
+                    margin-right: 4px;
+                }
+            }
+
+            .rent {
+                .number {
+                    font-family: "Arial-Black", "Arial Black", sans-serif;
+                    font-weight: 900;
+                    color: #d35110;
+                    margin-right: 5px;
+                }
+            }
+        }
+    }
+
+    .scroll-view {
+        width: 769px;
+        margin-left: 30px;
+        white-space: nowrap;
+        overflow: auto;
+
+        .img {
+            width: 165px;
+            height: 110px;
+            margin-right: 10px;
+            border-radius: 10px;
+            object-fit: cover;
+            display: inline-block;
+        }
+    }
+
+    .ai-hint {
+        margin: 0 auto;
+        color: #aaaaaa;
+        font-size: 14px;
+        text-align: center;
+    }
+
+    .link {
+        color: #026277;
+        text-decoration: underline;
+        display: inline-block;
+        cursor: pointer;
+    }
+}
+</style>
diff --git a/src/components/ai/contacts.vue b/src/components/ai/contacts.vue
new file mode 100644
index 0000000..da7ffa6
--- /dev/null
+++ b/src/components/ai/contacts.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="contacts">
+        如需进一步了解具体房源信息，或香港租房生活相关问题，请添加方同学微信：
+        <div class="text link"  bind:tap="consultStateCut">gternet2</div>
+    </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const consultState = ref(false);
+
+const consultStateCut = () => {
+    consultState.value = true;
+};
+</script>
+
+<style lang="less" scoped>
+.contacts {
+    color: #333333;
+    font-size: 16px;
+    line-height: 26px;
+    margin-bottom: 30px;
+
+    .text {
+        color: #026277;
+        text-decoration: underline;
+        display: inline-block;
+        cursor: pointer;
+    }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index e22734c..19bbcf5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -121,6 +121,14 @@ const routes = [
             path: "/apartmentDetail",
         },
     },
+    {
+        path: "/ai",
+        component: () => import(/* webpackChunkName: "housing" */ "@/views/ai.vue"),
+        meta: {
+            title: "AI找房",
+            path: "/ai",
+        },
+    },
 ];
 
 const router = createRouter({
diff --git a/src/utils/api.js b/src/utils/api.js
index fd98780..8510ddd 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -45,6 +45,23 @@ export default{
     },
     apartmentCollection:(params={})=>{// 公寓列表 - 收藏
         return axios.post('/tenement/pc/api/user/apartmentCollection',params)
-    }
-    
+    },
+    alInit:(params={})=>{// AI 初始化
+        return axios.post('https://api.gter.net/v1/chat/init',params)
+    },
+    alHistory:(params={})=>{// AI 历史记录
+        return axios.post('https://api.gter.net/v1/chat/history',params)
+    },
+    alChat:(params={})=>{// AI 发送信息
+        return axios.post('https://fangchat.x-php.com/api/v1/chat',params)
+    },
+    alResume:(params={})=>{// AI 恢复会话
+        return axios.post('https://fangchat.x-php.com/api/v1/chat/resume',params)
+    },
+    alEnd:(params={})=>{// AI 结束会话
+        return axios.post('https://api.gter.net/v1/chat/end',params)
+    },
+    alNew:(params={})=>{// AI 新建会话
+        return axios.post('https://api.gter.net/v1/chat/new',params)
+    },
 }
\ No newline at end of file
diff --git a/src/utils/axios.js b/src/utils/axios.js
index 963b71e..ae8b181 100644
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -20,7 +20,7 @@ axios.interceptors.request.use(
         if (config.url != "/tenement/pc/api/user/operation" && !noMask) showFullScreenLoading()
         // 开发时登录用的，可以直接替换小程序的 authorization
         if (process.env.NODE_ENV !== "production") {
-            const miucms_session = "fb685339c8ec5030749c4d85d3c1a7fd";
+            const miucms_session = "01346a38444d71aaadb3adad52b52c39";
             document.cookie = "miucms_session=" + miucms_session;
             config["headers"]["authorization"] = miucms_session;
         }
@@ -97,9 +97,8 @@ const $post = (url, params) => {
                 resolve(res.data)
             })
             .catch(err => {
-                if (err.data.code == 401) {
-                    resolve(err.data)
-                } else reject(err.data)
+                if (err.data.code == 401) resolve(err.data)
+                else reject(err.data)
             })
     })
 }
diff --git a/src/views/ai.vue b/src/views/ai.vue
new file mode 100644
index 0000000..0063f21
--- /dev/null
+++ b/src/views/ai.vue
@@ -0,0 +1,410 @@
+<template>
+    <div class="main">
+        <header class="header flexacenter">
+            <div class="title">寄托AI找房</div>
+            <div class="logo flex1 flexacenter">
+                <img class="icon" src="../assets/img/publicImage/round-icon.gif" />
+                圆同学
+            </div>
+        </header>
+        <div class="content flexflex" ref="contentRef">
+            <template v-if="isLogo">
+                <img class="logo" src="../assets/img/publicImage/round-icon.gif" />
+                <div class="hint">Hi，我是你的租房小助手圆同学。初次见面很开心！目前我还属于初代产品，只能提供房源推荐服务，暂时干不了其他事。来吧，告诉我你想找什么样的房子…</div>
+            </template>
+
+            <template v-if="historyList.length > 0">
+                <AiItem v-for="(item, index) in historyList" :key="index" :item="item"></AiItem>
+                <Contacts></Contacts>
+            </template>
+
+            <div v-if="historyList.length > 0" class="history-hint flexcenter flex1">
+                <div class="history-line history-left"></div>
+                以上是历史对话
+                <div class="history-line history-right"></div>
+            </div>
+
+            <AiItem v-for="(item, index) in list" :key="index" :item="item"></AiItem>
+
+            <!-- fixed -->
+            <div class="input-box fixed">
+                <div class="input">
+                    <textarea class="input-text" placeholder="请输入" @input="autoResize"></textarea>
+                    <div class="send pitch flexcenter">
+                        <img class="icon" src="../assets/img/publicImage/arrows-deep-white.svg" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { reactive, onMounted, ref, nextTick, onBeforeUnmount, watch } from "vue";
+import api from "../utils/api";
+import store from "@/store/index";
+import AiItem from "../components/ai/aiItem.vue";
+import Contacts from "../components/ai/contacts.vue";
+
+onMounted(() => {
+    console.log("onMounted");
+    init();
+});
+
+let initState = false;
+let session_id = "";
+
+let historyObj = {
+    isHistory: true,
+    role: "assistant",
+    payload: {
+        type: "text",
+        message: "很高兴又见面了，快快告诉我你的租房需求吧",
+    },
+};
+
+// 初始化
+const init = () => {
+    api.alInit().then((res) => {
+        if (res.code == 401) store.state.showloginmodal = true;
+        if (res.code != 200) return;
+
+        const data = res.data;
+        let history = data.history || [];
+
+        session_id = data.session_id;
+        initState = true;
+
+        const target = history[0] || {};
+        historyObj["payload"] = target["payload"];
+        historyObj["timestamp"] = target["timestamp"];
+        historyObj["timeText"] = formatTimestamp(getTimestamp(target["timestamp"])) || "";
+
+        getHistory();
+    });
+};
+
+const contentRef = ref(null);
+
+// 滚动到最后一条
+const scrollEnd = async () => {
+    await nextTick();
+
+    nextTick(() => {
+        // 1. 获取当前水平滚动位置
+        const currentX = window.pageXOffset;
+        // 2. 设置新的滚动位置：水平位置不变，垂直滚动到 500px 处
+        window.scrollTo(currentX, 100000);
+    });
+};
+
+// 滚动到指定位置
+const scrollItem = (id) => {
+    nextTick(() => {
+        const element = contentRef.value.querySelector(`[data-id="${id}"]`);
+        if (element) {
+            element.scrollIntoView({
+                behavior: "smooth",
+                block: "center",
+            });
+        }
+    });
+};
+
+let page = 1;
+let loading = false;
+let list = ref([]);
+let historyList = ref([]);
+let isLogo = ref(true);
+
+// 获取历史记录
+const getHistory = () => {
+    if (page == 0 || loading) return;
+    loading = true;
+
+    const limit = 10;
+    const aiId = historyList.value[0]?.id || "";
+
+    api.alHistory({
+        page,
+        limit,
+    }).then((res) => {
+        console.log(res);
+        if (res.code != 200) return;
+        let data = res.data || {};
+        // data.count = 0
+        // data.history = []
+        let history = data.history || [];
+        history.reverse();
+
+        history = history.concat(historyList.value);
+
+        history = calculateRecordTimeText(history);
+
+        if (history.length > 0 && page == 1) {
+            let obj = historyObj || {};
+            list.value.push(obj);
+        }
+
+        console.log("history", history);
+
+        historyList.value = history;
+        isLogo.value = history.length == 0 ? true : false;
+
+        if (page > 1) scrollItem(aiId);
+        else scrollEnd();
+
+        page = data.page * limit >= data.count ? 0 : data.page + 1;
+    });
+};
+
+let firstTimeStamp = null;
+
+//  计算 聊天记录时间显示
+const calculateRecordTimeText = (list = []) => {
+    let interval = 5 * 60 * 1000; // 5 分钟
+    // interval = 1000
+    list = list.map((item) => {
+        const currentTimeStamp = getTimestamp(item.timestamp || "") || 0;
+        if (firstTimeStamp === null || Math.abs(currentTimeStamp - firstTimeStamp) > interval) {
+            firstTimeStamp = currentTimeStamp;
+            return {
+                ...item,
+                timeText: formatTimestamp(currentTimeStamp) || "",
+            };
+        }
+
+        return {
+            ...item,
+        };
+    });
+
+    return list;
+};
+
+// 自动输入框增高
+const autoResize = (e) => {
+    e.target.style.height = "auto"; // 重置高度
+    e.target.style.height = `${e.target.scrollHeight}px`; // 设置为内容高度
+};
+
+const getTimestamp = (time) => {
+    if (!time || typeof time !== "string" || time.trim() === "") return null;
+    return new Date(time.replace(" ", "T")).getTime();
+};
+
+// 加载历史消息（插入到列表顶部）
+const loadHistory = async () => {
+    isLoading.value = true;
+
+    try {
+        // 步骤1：记录加载前的滚动状态（关键！用于后续校准位置）
+        const container = chatContainer.value;
+        const beforeScrollHeight = container.scrollHeight; // 加载前的总高度
+
+        // 步骤2：模拟请求历史消息（实际项目替换为API调用）
+        const historyMsgs = await fetchHistory(page.value);
+        if (historyMsgs.length === 0) {
+            hasMore.value = false;
+            return;
+        }
+
+        // 步骤3：插入新消息到列表顶部（历史消息比现有消息更早）
+        messages.value = [...historyMsgs, ...messages.value];
+
+        // 步骤4：等待DOM更新后，校准滚动位置（核心逻辑）
+        await nextTick();
+        const afterScrollHeight = container.scrollHeight; // 加载后的总高度
+        // 计算新消息增加的高度，让滚动条保持在加载前的相对位置
+        const heightDiff = afterScrollHeight - beforeScrollHeight;
+        container.scrollTop = heightDiff; // 关键：通过设置scrollTop抵消高度变化
+
+        page.value++; // 页数+1
+    } catch (err) {
+        console.error("加载失败：", err);
+    } finally {
+        isLoading.value = false;
+    }
+};
+
+const formatTimestamp = (timestamp) => {
+    // 创建时间对象（处理毫秒级时间戳）
+    const date = new Date(timestamp);
+    const now = new Date();
+
+    // 获取年、月、日、时、分
+    const year = date.getFullYear();
+    const month = date.getMonth() + 1; // 月份从0开始，需要加1
+    const day = date.getDate();
+    const hours = String(date.getHours()).padStart(2, "0"); // 确保两位数
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+
+    // 获取当前日期的年、月、日
+    const currentYear = now.getFullYear();
+    const currentMonth = now.getMonth() + 1;
+    const currentDay = now.getDate();
+
+    let str = "";
+    if (year === currentYear && month === currentMonth && day === currentDay) str = `${hours}:${minutes}`; // 检查是否是今天
+    else if (year === currentYear) str = `${month}月${day}日 ${hours}:${minutes}`; // 检查是否是同一年
+    else str = `${year}年${month}月${day}日 ${hours}:${minutes}`; // 不同年
+
+    return str;
+};
+</script>
+
+<style scoped lang="less">
+.main {
+    min-height: 100vh;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    .header {
+        width: 100%;
+        height: 50px;
+        background-color: #fff;
+        border-bottom: 1px solid #ebebeb;
+        position: fixed;
+        top: 0;
+        left: 0;
+
+        .title {
+            font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+            font-weight: 650;
+            font-style: normal;
+            font-size: 18px;
+            color: #000000;
+            line-height: 26px;
+            padding-left: 11px;
+            padding-right: 15px;
+            border-right: 1px solid #d7d7d7;
+        }
+
+        .logo {
+            font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            font-size: 16px;
+            color: #6e6e96;
+            padding-left: 18px;
+
+            .icon {
+                width: 37px;
+                height: 40px;
+                margin-right: 8px;
+            }
+        }
+    }
+
+    .content {
+        width: 800px;
+        margin: 0 auto;
+        height: 800px;
+        flex: 1;
+        // background: aqua;
+        flex-direction: column;
+        padding-top: 50px;
+        padding-bottom: 150px;
+        .logo {
+            width: 110px;
+            height: 119px;
+            margin: 122px auto 15px;
+        }
+
+        .hint {
+            font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            font-size: 16px;
+            line-height: 26px;
+            color: #333333;
+            width: 430px;
+            margin: 0 auto 86px;
+        }
+
+        .input-box {
+            width: 800px;
+
+            &.fixed {
+                position: fixed;
+                bottom: 0;
+                z-index: 1;
+                padding-bottom: 38px;
+                background: #fff;
+            }
+
+            .input {
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(235, 235, 235, 1);
+                border-radius: 20px;
+
+                .input-text {
+                    border: none;
+                    outline: none;
+                    width: 100%;
+                    border-radius: 20px;
+                    padding: 15px 20px 0 15px;
+                    resize: none;
+                    display: block;
+                    font-size: 16px;
+                    height: 51px;
+                    max-height: 230px;
+                }
+
+                .send {
+                    width: 32px;
+                    height: 32px;
+                    border-radius: 50%;
+                    background-color: #d7d7d7;
+                    margin-left: auto;
+                    margin-right: 20px;
+                    margin-bottom: 15px;
+                    cursor: not-allowed;
+                    &.pitch {
+                        background-color: #7fddff;
+                        cursor: pointer;
+                    }
+
+                    .icon {
+                        width: 16px;
+                        height: 16px;
+                        transform: rotate(270deg);
+                    }
+                }
+            }
+        }
+
+        .history-hint {
+            font-size: 16px;
+            line-height: 26px;
+            color: #7f7f7f;
+            text-align: center;
+            margin-bottom: 30px;
+            position: relative;
+            padding: 10px 0;
+
+            .history-line {
+                width: 150px;
+                height: 2px;
+                margin: 0 20px;
+
+                &.history-left {
+                    background: linear-gradient(to left, #ebebeb, #f7f8fa);
+                }
+
+                &.history-right {
+                    background: linear-gradient(to right, #ebebeb, #f7f8fa);
+                }
+            }
+        }
+    }
+}
+</style>
+
+<style lang="less">
+header.page-header,
+section.index-footer,
+.left-side-bar1 {
+    display: none !important;
+}
+</style>