From 2e25f840f6e9d2990148a44c7243590c2ab13381 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com> Date: Mon, 28 Jul 2025 16:08:02 +0800 Subject: [PATCH] =?UTF-8?q?refactor(agent):=20=E9=87=8D=E6=9E=84=E6=99=BA?= =?UTF-8?q?=E8=83=BD=E4=BD=93=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit -调整了智能体卡片的布局结构，优化了标题和描述的显示方式 - 改进了历史对话的展示样式，增加了滚动指示器 - 统一了标签和图标的样式，提升了视觉一致性 - 优化了搜索框和卡片列表的样式，提高了用户体验 --- src/assets/svg/menu-fold.svg | 3 ++ src/assets/svg/menu-unfold.svg | 3 ++ src/layouts/Page.vue | 3 +- src/router/routes/modules/agent.ts | 1 + src/views/agent/chat/index.vue | 52 ++++++++++++++++++++++-------- src/views/agent/chat/style.scss | 2 ++ src/views/agent/index/index.vue | 10 +++--- src/views/agent/index/style.scss | 1 + 8 files changed, 56 insertions(+), 19 deletions(-) create mode 100644 src/assets/svg/menu-fold.svg create mode 100644 src/assets/svg/menu-unfold.svg diff --git a/src/assets/svg/menu-fold.svg b/src/assets/svg/menu-fold.svg new file mode 100644 index 0000000..08a646c --- /dev/null +++ b/src/assets/svg/menu-fold.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/menu-unfold.svg b/src/assets/svg/menu-unfold.svg new file mode 100644 index 0000000..fde0009 --- /dev/null +++ b/src/assets/svg/menu-unfold.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/layouts/Page.vue b/src/layouts/Page.vue index 6f6a6aa..d9fbcb5 100644 --- a/src/layouts/Page.vue +++ b/src/layouts/Page.vue @@ -8,6 +8,7 @@ const route = useRoute(); const routerKey = computed(() => { return route.path + Math.random(); }); +const hideFooter = computed(() => route.meta?.hideFooter); /*** - end */ @@ -19,7 +20,7 @@ const routerKey = computed(() => { - + 闽公网安备 352018502850842号 闽ICP备20250520582号 © 2025小题科技，All Rights Reserved. * 数据通过公开渠道获取，灵机进行统计分析 diff --git a/src/router/routes/modules/agent.ts b/src/router/routes/modules/agent.ts index c9efb45..2707987 100644 --- a/src/router/routes/modules/agent.ts +++ b/src/router/routes/modules/agent.ts @@ -25,6 +25,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [ locale:'智能体应用', requiresAuth: false, requireLogin: true, + hideFooter: true, }, } ], diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue index 566150f..23c4301 100644 --- a/src/views/agent/chat/index.vue +++ b/src/views/agent/chat/index.vue @@ -1,19 +1,36 @@ @@ -23,11 +40,19 @@ import { ref, onMounted } from 'vue'; import { getChatAgent } from '@/api/all/agent'; import HistoryChat from './components/HistoryChat.vue'; import { useRouter } from 'vue-router'; +import menuFold from '@/assets/svg/menu-fold.svg'; +import menuUnfold from '@/assets/svg/menu-unfold.svg'; const router = useRouter(); // 存储认证令牌 const authToken = ref(''); +const isCollapsed = ref(false); + +// 切换折叠状态 +const toggleCollapse = () => { + isCollapsed.value = !isCollapsed.value; +}; // 模拟从API获取token const fetchToken = async () => { @@ -136,5 +161,4 @@ onUnmounted(() => { diff --git a/src/views/agent/chat/style.scss b/src/views/agent/chat/style.scss index 780a2d8..e2128d4 100644 --- a/src/views/agent/chat/style.scss +++ b/src/views/agent/chat/style.scss @@ -39,4 +39,6 @@ width: 15% !important; } } + + } diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue index f816baa..c6d7a7f 100644 --- a/src/views/agent/index/index.vue +++ b/src/views/agent/index/index.vue @@ -1,7 +1,7 @@