3 周之前 · 848c183e1d
--- a/.env
+++ b/.env
@@ -0,0 +1,8 @@
 
				+# 接口基础路径
			
 
				+VITE_API_BASE_URL=/web-proapi
			
 
				+
			
 
				+# 项目标题
			
 
				+VITE_APP_TITLE=AI助手
			
 
				+
			
 
				+# 接口超时时间
			
 
				+VITE_API_TIMEOUT=15000 
			
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,10 @@
 
				+# 开发环境
			
 
				+NODE_ENV=development
			
 
				+
			
 
				+# 接口基础路径
			
 
				+VITE_API_BASE_URL=/web-proapi
			
 
				+
			
 
				+# 是否开启代理
			
 
				+VITE_USE_PROXY=true
			
 
				+VITE_PROXY_TARGET=https://knowledge.dev.dazesoft.cn
			
 
				+# VITE_PROXY_TARGET=http://172.16.90.111:8080
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,11 @@
 
				+# 生产环境
			
 
				+NODE_ENV=production
			
 
				+
			
 
				+# 接口基础路径
			
 
				+VITE_API_BASE_URL=http://api.example.com
			
 
				+
			
 
				+# 是否删除console
			
 
				+VITE_DROP_CONSOLE=true
			
 
				+
			
 
				+# 是否启用gzip压缩
			
 
				+VITE_USE_COMPRESSION=true 
			
--- a/.env.test
+++ b/.env.test
@@ -0,0 +1,11 @@
 
				+# 测试环境
			
 
				+NODE_ENV=test
			
 
				+
			
 
				+# 接口基础路径
			
 
				+VITE_API_BASE_URL=http://test-api.example.com
			
 
				+
			
 
				+# 是否删除console
			
 
				+VITE_DROP_CONSOLE=false
			
 
				+
			
 
				+# 是否启用gzip压缩
			
 
				+VITE_USE_COMPRESSION=true 
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,27 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+/dist-dev
			
 
				+/dist-prod
			
 
				+/dist-test
			
 
				+/.history
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh-CN">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				+    <title>AI助手</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+    <script type="module" src="/src/main.js"></script>
			
 
				+  </body>
			
 
				+</html> 
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,28 @@
 
				+{
			
 
				+  "name": "ai-assistant",
			
 
				+  "private": true,
			
 
				+  "version": "0.0.1",
			
 
				+  "type": "module",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build:test": "vite build --mode development",
			
 
				+    "build:prod": "vite build --mode production",
			
 
				+    "preview": "vite preview"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@element-plus/icons-vue": "^2.3.1",
			
 
				+    "axios": "^1.6.7",
			
 
				+    "element-plus": "^2.5.6",
			
 
				+    "highlight.js": "^11.11.1",
			
 
				+    "markdown-it": "^14.1.0",
			
 
				+    "pinia": "^2.1.7",
			
 
				+    "sass": "^1.71.1",
			
 
				+    "vue": "^3.4.15",
			
 
				+    "vue-router": "^4.2.5"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vitejs/plugin-vue": "^5.0.3",
			
 
				+    "vite": "^5.1.0",
			
 
				+    "vite-plugin-compression2": "^0.12.0"
			
 
				+  }
			
 
				+}
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,24 @@
 
				+<template>
			
 
				+  <router-view v-slot="{ Component }">
			
 
				+    <transition name="fade" mode="out-in">
			
 
				+      <component :is="Component" />
			
 
				+    </transition>
			
 
				+  </router-view>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+// App.vue 作为根组件，保持简洁
			
 
				+// import { ElConfigProvider } from 'element-plus'
			
 
				+// import zhCn from 'element-plus/lib/locale/lang/zh-cn'
			
 
				+// export default {
			
 
				+//   name: 'App',
			
 
				+//   components: {
			
 
				+//     ElConfigProvider
			
 
				+//   },
			
 
				+//   setup() {
			
 
				+//     return {
			
 
				+//       locale: zhCn
			
 
				+//     }
			
 
				+//   }
			
 
				+// }
			
 
				+</script> 
			
--- a/src/assets/ChatLineRound.png
+++ b/src/assets/ChatLineRound.png
--- a/src/assets/Document.png
+++ b/src/assets/Document.png
--- a/src/assets/Search.png
+++ b/src/assets/Search.png
--- a/src/assets/Star.png
+++ b/src/assets/Star.png
--- a/src/assets/ai-chat-bg.png
+++ b/src/assets/ai-chat-bg.png
--- a/src/assets/assistant-avatar.png
+++ b/src/assets/assistant-avatar.png
--- a/src/assets/doc-type-js.png
+++ b/src/assets/doc-type-js.png
--- a/src/assets/doc-type-sw.png
+++ b/src/assets/doc-type-sw.png
--- a/src/assets/doc-type-xz.png
+++ b/src/assets/doc-type-xz.png
--- a/src/assets/history.png
+++ b/src/assets/history.png
--- a/src/assets/icon-copy.png
+++ b/src/assets/icon-copy.png
--- a/src/assets/icon-dislike.png
+++ b/src/assets/icon-dislike.png
--- a/src/assets/icon-download.png
+++ b/src/assets/icon-download.png
--- a/src/assets/icon-like.png
+++ b/src/assets/icon-like.png
--- a/src/assets/icon-more.png
+++ b/src/assets/icon-more.png
--- a/src/assets/icon-more.svg
+++ b/src/assets/icon-more.svg
--- a/src/assets/icon-multi
+++ b/src/assets/icon-multi
--- a/src/assets/icon-multi.png
+++ b/src/assets/icon-multi.png
--- a/src/assets/icon-reanswer.png
+++ b/src/assets/icon-reanswer.png
--- a/src/assets/icon-send-red.png
+++ b/src/assets/icon-send-red.png
--- a/src/assets/icon-send.png
+++ b/src/assets/icon-send.png
--- a/src/assets/icon-star.png
+++ b/src/assets/icon-star.png
--- a/src/assets/icon-template-1.png
+++ b/src/assets/icon-template-1.png
--- a/src/assets/icon-template-2.png
+++ b/src/assets/icon-template-2.png
--- a/src/assets/icon-template-3.png
+++ b/src/assets/icon-template-3.png
--- a/src/assets/icon-template-4.png
+++ b/src/assets/icon-template-4.png
--- a/src/assets/login-bg.png
+++ b/src/assets/login-bg.png
--- a/src/assets/login-password.png
+++ b/src/assets/login-password.png
--- a/src/assets/login-user.png
+++ b/src/assets/login-user.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/toggle-icon.png
+++ b/src/assets/toggle-icon.png
--- a/src/assets/user-avatar.png
+++ b/src/assets/user-avatar.png
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -0,0 +1,350 @@
 
				+<template>
			
 
				+  <div class="app-wrapper">
			
 
				+    <!-- 侧边栏 -->
			
 
				+    <div class="sidebar-container" :class="{ 'is-collapse': userStore.isCollapse }">
			
 
				+      <!-- 顶部logo -->
			
 
				+      <div class="logo-container" @click="userStore.toggleCollapse">
			
 
				+        <img src="../assets/logo.png" alt="logo" class="logo">
			
 
				+        <span class="name" v-show="!userStore.isCollapse">省信息中心</span>
			
 
				+        <img src="../assets/toggle-icon.png" alt="toggle" class="toggle-icon" v-show="!userStore.isCollapse"/>
			
 
				+      </div>
			
 
				+      
			
 
				+      <!-- 菜单 -->
			
 
				+       <div class="menu-container">
			
 
				+      <el-menu
			
 
				+        :collapse="userStore.isCollapse"
			
 
				+        :default-active="route.path"
			
 
				+        class="sidebar-menu"
			
 
				+        router
			
 
				+      >
			
 
				+        <el-menu-item index="/ai-chat">
			
 
				+          <img src="../assets/ChatLineRound.png" alt="chat"/>
			
 
				+          <template #title>AI对话</template>
			
 
				+        </el-menu-item>
			
 
				+        
			
 
				+        <el-menu-item index="/solution">
			
 
				+          <img src="../assets/Document.png" alt="solution"/>
			
 
				+          <template #title>方案生成</template>
			
 
				+        </el-menu-item>
			
 
				+        
			
 
				+        <el-menu-item index="/doc-search">
			
 
				+          <img src="../assets/Search.png" alt="search"/>
			
 
				+          <template #title>文档搜索</template>
			
 
				+        </el-menu-item>
			
 
				+        
			
 
				+        <el-menu-item index="/favorites">
			
 
				+          <img src="../assets/Star.png" alt="favorites"/>
			
 
				+          <template #title>收藏夹</template>
			
 
				+        </el-menu-item>
			
 
				+        <el-menu-item index="/history" v-if="userStore.isCollapse">
			
 
				+          <img src="../assets/history.png" alt="history"/>
			
 
				+          <template #title>历史记录</template>
			
 
				+        </el-menu-item>
			
 
				+      </el-menu>
			
 
				+      </div>
			
 
				+      <!-- 历史记录 -->
			
 
				+      <div class="history-container" v-show="!userStore.isCollapse&&historyList.length>0">
			
 
				+        <div class="history-title">
			
 
				+          <img src="../assets/history.png" alt="history"/>
			
 
				+          历史记录
			
 
				+        </div>
			
 
				+        <div class="history-list">
			
 
				+          <div v-for="(item, index) in historyList" 
			
 
				+               :key="index" 
			
 
				+               class="history-item"
			
 
				+               @click="handleHistoryClick(item)">
			
 
				+            {{ item.fileName||item.askContent }}
			
 
				+          </div>
			
 
				+          <!-- v-if="hasMore" -->
			
 
				+          <div 
			
 
				+               class="view-more"
			
 
				+               @click="handleViewMore">
			
 
				+            查看更多
			
 
				+            <img src="../assets/icon-more.png" alt="icon-more"/>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <!-- 用户信息 -->
			
 
				+      <div class="user-container">
			
 
				+        <el-avatar :size="40" :src="userStore.userInfo.headUrl"/>
			
 
				+        <div v-show="!userStore.isCollapse" class="user-info">
			
 
				+          <div class="username">{{ userStore.userInfo.username||'' }}</div>
			
 
				+          <div class="phone">{{ hidePhoneNumber(userStore.userInfo.mobile) }}</div>
			
 
				+        </div>
			
 
				+        <div v-show="!userStore.isCollapse" class="rank">
			
 
				+          <span class="rank-number">{{ userStore.userInfo.rank||'100' }}</span>
			
 
				+          <span class="rank-text">使用排名</span>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    
			
 
				+    <!-- 主内容区 -->
			
 
				+    <div class="main-container">
			
 
				+      <router-view></router-view>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, onMounted } from 'vue'
			
 
				+import { useRoute, useRouter } from 'vue-router'
			
 
				+import { useUserStore } from '../stores/user'
			
 
				+import request from '../utils/request' // 确保引入request
			
 
				+
			
 
				+const route = useRoute()
			
 
				+const router = useRouter()
			
 
				+const userStore = useUserStore()
			
 
				+
			
 
				+// 修改历史记录为响应式数据
			
 
				+const historyList = ref([])
			
 
				+const hasMore = ref(false)
			
 
				+
			
 
				+// 获取历史记录数据
			
 
				+const getHistoryList = async () => {
			
 
				+  try {
			
 
				+    const res = await request({
			
 
				+      url: 'admin/userHistoryLog/pageList',
			
 
				+      method: 'get',
			
 
				+      params: {
			
 
				+        pageNum: 1,
			
 
				+        pageSize: 5
			
 
				+      }
			
 
				+    })
			
 
				+    // console.log('res', res);
			
 
				+    
			
 
				+    if (res.rows) {
			
 
				+      historyList.value = res.rows || []
			
 
				+      hasMore.value = res.total > 5
			
 
				+    }
			
 
				+  } catch (error) {
			
 
				+    console.error('获取历史记录失败:', error)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 组件挂载时获取历史记录
			
 
				+onMounted(() => {
			
 
				+  getHistoryList()
			
 
				+})
			
 
				+
			
 
				+const handleHistoryClick = (item) => {
			
 
				+  // 处理历史记录点击
			
 
				+  console.log('点击历史记录:', item)
			
 
				+}
			
 
				+
			
 
				+const handleViewMore = () => {
			
 
				+  router.push('/history')
			
 
				+}
			
 
				+
			
 
				+// 手机号码中间4位变星星
			
 
				+const hidePhoneNumber = (phone) => {
			
 
				+  if (!phone) return ''
			
 
				+  return phone.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3')
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.app-wrapper {
			
 
				+  display: flex;
			
 
				+  height: 100vh;
			
 
				+  width: 100%;
			
 
				+  &:has(.chat-container){
			
 
				+    .sidebar-container{
			
 
				+      margin-right: 0;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.sidebar-container {
			
 
				+  width: $sidebar-width;
			
 
				+  height: 100%;
			
 
				+  background-color: #fff;
			
 
				+  transition: width 0.3s;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
			
 
				+  margin-right: 10px;
			
 
				+  
			
 
				+  &.is-collapse {
			
 
				+    width: $sidebar-collapsed-width;
			
 
				+    
			
 
				+    .logo-container span {
			
 
				+      display: none;
			
 
				+    }
			
 
				+    .menu-container{
			
 
				+      padding: 0;
			
 
				+    }
			
 
				+    .user-container{
			
 
				+      margin: 0;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.logo-container {
			
 
				+  height: 60px;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  padding: 0 $spacing-base;
			
 
				+  color: #333;
			
 
				+  cursor: pointer;
			
 
				+  margin-top: 20px;
			
 
				+  margin-bottom: 5px;
			
 
				+  
			
 
				+  .logo {
			
 
				+    width: 32px;
			
 
				+    height: 32px;
			
 
				+    margin-right: $spacing-base;
			
 
				+  }
			
 
				+  .name{
			
 
				+    font-weight: bold;
			
 
				+    font-size: 20px;
			
 
				+    color: #1B2343;
			
 
				+  }
			
 
				+  
			
 
				+  .toggle-icon {
			
 
				+    margin-left: auto;
			
 
				+    width: 20px;
			
 
				+    height: 20px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.menu-container{
			
 
				+  padding: 0 $spacing-base;
			
 
				+}
			
 
				+.sidebar-menu {
			
 
				+  border: none;
			
 
				+  background-color: transparent;
			
 
				+  :deep(.el-menu-item) {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    color: #333;
			
 
				+    border-radius: 16px;
			
 
				+    font-size: 16px;
			
 
				+    font-weight: bold;
			
 
				+    border: 1px solid transparent;
			
 
				+    img {
			
 
				+      width: 20px;
			
 
				+      height: 20px;
			
 
				+      margin-right: 8px;
			
 
				+    }
			
 
				+    
			
 
				+    &.is-active {
			
 
				+      background-color: #FFECEC;
			
 
				+      border: 1px solid #F9C9C9;
			
 
				+    }
			
 
				+    &:hover{
			
 
				+      background-color: #FFECEC;
			
 
				+      // border: 1px solid #F9C9C9;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.history-container {
			
 
				+  flex: 1;
			
 
				+  padding: $spacing-base;
			
 
				+  border-top: 1px solid rgba(255, 255, 255, 0.1);
			
 
				+  
			
 
				+  .history-title {
			
 
				+    border-top:1px solid #DCDCDD;
			
 
				+    padding-top: 15px;
			
 
				+    color: $sidebar-text;
			
 
				+    margin-bottom: $spacing-base;
			
 
				+    font-size: 16px;
			
 
				+    font-weight: bold;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    img{
			
 
				+      width: 20px;
			
 
				+      height: 20px;
			
 
				+      margin-right: 8px;
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .history-item {
			
 
				+    color: $sidebar-text;
			
 
				+    padding: $spacing-mini $spacing-small;
			
 
				+    cursor: pointer;
			
 
				+    white-space: nowrap;
			
 
				+    overflow: hidden;
			
 
				+    text-overflow: ellipsis;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 14px;
			
 
				+    color: #373737;
			
 
				+    line-height: 27px;
			
 
				+    font-style: normal;
			
 
				+    
			
 
				+    &:hover {
			
 
				+      color: $sidebar-active-text;
			
 
				+      background-color: rgba(255, 255, 255, 0.05);
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .view-more {
			
 
				+    color: $primary-color;
			
 
				+    font-size: 14px;
			
 
				+    cursor: pointer;
			
 
				+    text-align: center;
			
 
				+    margin-top: $spacing-small;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    background-color: $background-color;
			
 
				+    border-radius: 10px;
			
 
				+    padding: 11px 15px;
			
 
				+    width: fit-content;
			
 
				+    img{
			
 
				+      width: 16px;
			
 
				+      height: 16px;
			
 
				+      margin-left: 4px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.user-container {
			
 
				+  margin: $spacing-base;
			
 
				+  padding: 20px 10px;
			
 
				+  border-top: 1px solid rgba(255, 255, 255, 0.1);
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  background: #F8F8FA;
			
 
				+  border-radius: 16px;
			
 
				+  
			
 
				+  .user-info {
			
 
				+    margin-left: 10px;
			
 
				+    color: $sidebar-text;
			
 
				+    
			
 
				+    font-size: 12px;
			
 
				+    
			
 
				+    .username {
			
 
				+      font-weight: 500;
			
 
				+      font-size: 17px;
			
 
				+      color: #373737;
			
 
				+      line-height: 26px;
			
 
				+      margin-bottom: 4px;
			
 
				+    }
			
 
				+    
			
 
				+    .phone{
			
 
				+      color: #99999B;
			
 
				+    }
			
 
				+  }
			
 
				+  .rank{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    flex-direction: column;
			
 
				+    margin-left: auto;
			
 
				+    .rank-number{
			
 
				+      font-weight: bold;
			
 
				+      font-size: 18px;
			
 
				+      color: #E62222;
			
 
				+    }
			
 
				+    .rank-text{
			
 
				+      font-size: 14px;
			
 
				+      color: #373737;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.main-container {
			
 
				+  flex: 1;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+</style> 
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,23 @@
 
				+import { createApp } from 'vue'
			
 
				+import { createPinia } from 'pinia'
			
 
				+import ElementPlus from 'element-plus'
			
 
				+import 'element-plus/dist/index.css'
			
 
				+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
			
 
				+import zhCn from 'element-plus/dist/locale/zh-cn'//element-plus
			
 
				+import App from './App.vue'
			
 
				+import router from './router'
			
 
				+import './styles/index.scss'
			
 
				+
			
 
				+const app = createApp(App)
			
 
				+
			
 
				+// 注册Element Plus图标
			
 
				+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
			
 
				+  app.component(key, component)
			
 
				+}
			
 
				+
			
 
				+app.use(createPinia())
			
 
				+app.use(router)
			
 
				+app.use(ElementPlus, {zhCn})
			
 
				+// app.use(ElementPlus)
			
 
				+
			
 
				+app.mount('#app') 
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,84 @@
 
				+import { createRouter, createWebHistory } from 'vue-router'
			
 
				+import Layout from '../layout/index.vue'
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    component: Layout,
			
 
				+    redirect: '/ai-chat',
			
 
				+    children: [
			
 
				+      {
			
 
				+        path: 'ai-chat',
			
 
				+        name: 'AIChat',
			
 
				+        component: () => import('../views/AIChat.vue'),
			
 
				+        meta: { title: 'AI对话', icon: 'chat' }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'solution',
			
 
				+        name: 'Solution',
			
 
				+        component: () => import('../views/Solution.vue'),
			
 
				+        meta: { title: '解决方案', icon: 'solution' }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'solution-chat',
			
 
				+        name: 'SolutionChat',
			
 
				+        component: () => import('../views/SolutionChat.vue'),
			
 
				+        meta: { title: '解决方案对话', icon: 'solution' }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'doc-search',
			
 
				+        name: 'DocSearch',
			
 
				+        component: () => import('../views/DocSearch.vue'),
			
 
				+        meta: { title: '文档搜索', icon: 'search' }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'favorites',
			
 
				+        name: 'Favorites',
			
 
				+        component: () => import('../views/Favorites.vue'),
			
 
				+        meta: { title: '收藏夹', icon: 'star' }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'history',
			
 
				+        name: 'History',
			
 
				+        component: () => import('../views/History.vue'),
			
 
				+        meta: { title: '历史记录', icon: 'history' }
			
 
				+      },
			
 
				+      // {
			
 
				+      //   path: 'user-info',
			
 
				+      //   name: 'UserInfo',
			
 
				+      //   component: () => import('../views/UserInfo.vue'),
			
 
				+      //   meta: { title: '用户信息', icon: 'user' }
			
 
				+      // },
			
 
				+
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/login',
			
 
				+    name: 'Login',
			
 
				+    component: () => import('../views/Login.vue'),
			
 
				+    meta: { title: '登录' }
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHistory(),
			
 
				+  routes
			
 
				+})
			
 
				+
			
 
				+// 路由守卫
			
 
				+router.beforeEach((to, from, next) => {
			
 
				+  // 获取token
			
 
				+  const token = localStorage.getItem('token')
			
 
				+  
			
 
				+  if (to.path === '/login') {
			
 
				+    next()
			
 
				+  } else {
			
 
				+    if (!token) {
			
 
				+      next('/login')
			
 
				+    } else {
			
 
				+      next()
			
 
				+    }
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+export default router 
			
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -0,0 +1,41 @@
 
				+import { defineStore } from 'pinia'
			
 
				+
			
 
				+export const useUserStore = defineStore('user', {
			
 
				+  state: () => ({
			
 
				+    token: localStorage.getItem('token') || '',
			
 
				+    userInfo: JSON.parse(localStorage.getItem('userInfo') || '{}'),
			
 
				+    isCollapse: false // 侧边栏折叠状态
			
 
				+  }),
			
 
				+  
			
 
				+  getters: {
			
 
				+    isLogin: (state) => !!state.token,
			
 
				+    getUserInfo: (state) => state.userInfo
			
 
				+  },
			
 
				+  
			
 
				+  actions: {
			
 
				+    // 设置token
			
 
				+    setToken(token) {
			
 
				+      this.token = token
			
 
				+      localStorage.setItem('token', token)
			
 
				+    },
			
 
				+    
			
 
				+    // 设置用户信息
			
 
				+    setUserInfo(userInfo) {
			
 
				+      this.userInfo = userInfo
			
 
				+      localStorage.setItem('userInfo', JSON.stringify(userInfo))
			
 
				+    },
			
 
				+    
			
 
				+    // 切换侧边栏状态
			
 
				+    toggleCollapse() {
			
 
				+      this.isCollapse = !this.isCollapse
			
 
				+    },
			
 
				+    
			
 
				+    // 退出登录
			
 
				+    logout() {
			
 
				+      this.token = ''
			
 
				+      this.userInfo = {}
			
 
				+      localStorage.removeItem('token')
			
 
				+      localStorage.removeItem('userInfo')
			
 
				+    }
			
 
				+  }
			
 
				+}) 
			
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -0,0 +1,92 @@
 
				+@use 'variables' as *;
			
 
				+
			
 
				+
			
 
				+// 重置样式
			
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  box-sizing: border-box;
			
 
				+  --el-color-primary:#FF7575;
			
 
				+  --el-button-hover-bg-color:#f5a5a5;
			
 
				+  --el-color-primary-light-3:#f5a5a5;
			
 
				+  --el-color-primary-dark-2:#f55050;
			
 
				+  --el-checkbox-height:21px;
			
 
				+}
			
 
				+
			
 
				+html, body {
			
 
				+  height: 100%;
			
 
				+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+think{
			
 
				+  color: #8b8b8b;
			
 
				+  white-space: pre-wrap;
			
 
				+  margin: 0;
			
 
				+  padding-left: 13px;
			
 
				+  line-height: 26px;
			
 
				+  position: relative;
			
 
				+  font-size: 16px;
			
 
				+  display: block;
			
 
				+  border-left: 1px solid #c9c9c9;
			
 
				+}
			
 
				+
			
 
				+@mixin multi-ellipsis($line: 1) {
			
 
				+  @if $line <= 0 {
			
 
				+      $line: 1;
			
 
				+  }
			
 
				+
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  display: -webkit-box;
			
 
				+  -webkit-line-clamp: $line;
			
 
				+  -webkit-box-orient: vertical;
			
 
				+}
			
 
				+
			
 
				+.ellipsis-1 {
			
 
				+  @include multi-ellipsis(1);
			
 
				+}
			
 
				+
			
 
				+.ellipsis-2 {
			
 
				+  @include multi-ellipsis(2);
			
 
				+}
			
 
				+
			
 
				+#app {
			
 
				+  height: 100%;
			
 
				+}
			
 
				+
			
 
				+input,textarea{
			
 
				+  &:focus{
			
 
				+    outline: none;
			
 
				+    border-color: $primary-color;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+button:disabled{
			
 
				+  background-color: #FF7575;
			
 
				+  opacity: 0.5;
			
 
				+}
			
 
				+
			
 
				+.el-input__wrapper {
			
 
				+  --el-input-focus-border-color: #FF7575;
			
 
				+}
			
 
				+
			
 
				+// 滚动条样式
			
 
				+::-webkit-scrollbar {
			
 
				+  width: 6px;
			
 
				+  height: 6px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-track {
			
 
				+  background: #f1f1f1;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+  background: #c1c1c1;
			
 
				+  border-radius: 3px;
			
 
				+  
			
 
				+  &:hover {
			
 
				+    background: #a8a8a8;
			
 
				+  }
			
 
				+} 
			
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -0,0 +1,51 @@
 
				+// 主题色
			
 
				+$primary-color: #FF7575;
			
 
				+$primary-color-hover: #FF5555;
			
 
				+$success-color: #67C23A;
			
 
				+$warning-color: #E6A23C;
			
 
				+$danger-color: #F56C6C;
			
 
				+$info-color: #909399;
			
 
				+
			
 
				+// 文字颜色
			
 
				+$text-primary: #303133;
			
 
				+$text-regular: #606266;
			
 
				+$text-secondary: #909399;
			
 
				+$text-placeholder: #C0C4CC;
			
 
				+
			
 
				+// 边框颜色
			
 
				+$border-color: #DCDFE6;
			
 
				+$border-light: #E4E7ED;
			
 
				+$border-lighter: #EBEEF5;
			
 
				+
			
 
				+// 背景颜色
			
 
				+$background-color: #FFECEC;
			
 
				+$background-lighter: #FFECEC;
			
 
				+$background-white: #FFFFFF;
			
 
				+$background-gray: #F9FAFB;
			
 
				+
			
 
				+// 侧边栏
			
 
				+$sidebar-width: 260px;
			
 
				+$sidebar-collapsed-width: 64px;
			
 
				+$sidebar-background: #304156;
			
 
				+$sidebar-text: #373737;
			
 
				+$sidebar-active-text: #373737;
			
 
				+
			
 
				+// 布局相关
			
 
				+$header-height: 60px;
			
 
				+$footer-height: 60px;
			
 
				+
			
 
				+// 间距
			
 
				+$spacing-mini: 4px;
			
 
				+$spacing-small: 8px;
			
 
				+$spacing-base: 16px;
			
 
				+$spacing-large: 24px;
			
 
				+$spacing-larger: 32px;
			
 
				+
			
 
				+// 圆角
			
 
				+$border-radius-base: 4px;
			
 
				+$border-radius-small: 2px;
			
 
				+$border-radius-large: 8px;
			
 
				+
			
 
				+// 阴影
			
 
				+$box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12);
			
 
				+$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 
			
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -0,0 +1,10 @@
 
				+/**
			
 
				+ * 获取uuid
			
 
				+ */
			
 
				+export const getUuid = () => {
			
 
				+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
			
 
				+        const r = (Math.random() * 16) | 0;
			
 
				+        const v = c === "x" ? r : (r & 0x3) | 0x8;
			
 
				+        return v.toString(16);
			
 
				+    });
			
 
				+};
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,130 @@
 
				+import axios from 'axios'
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+import { useUserStore } from '../stores/user'
			
 
				+
			
 
				+// 创建axios实例
			
 
				+const service = axios.create({
			
 
				+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
			
 
				+  timeout: 1115000
			
 
				+})
			
 
				+
			
 
				+// 请求拦截器
			
 
				+service.interceptors.request.use(
			
 
				+  config => {
			
 
				+    const userStore = useUserStore()
			
 
				+    // console.log('userStore.token',userStore.token)
			
 
				+    if (userStore.token) {
			
 
				+      config.headers['Token'] = `${userStore.token}`
			
 
				+      config.headers['Authorization'] = `Bearer ${userStore.token}`
			
 
				+    }
			
 
				+    return config
			
 
				+  },
			
 
				+  error => {
			
 
				+    console.error('请求错误：', error)
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+// 响应拦截器
			
 
				+service.interceptors.response.use(
			
 
				+  response => {
			
 
				+    const res = response.data
			
 
				+    
			
 
				+    // 这里可以根据后端的数据结构进行调整
			
 
				+    if (res.code === 200||res.code === 0) {
			
 
				+      return res.data
			
 
				+    } else {
			
 
				+      const userStore = useUserStore()
			
 
				+      if (res.code) {
			
 
				+        switch (res.code) {
			
 
				+          case 401:
			
 
				+            ElMessage.error(res.msg || '登录已过期，请重新登录')
			
 
				+            userStore.logout()
			
 
				+            // 跳转到登录页
			
 
				+            window.location.href = '/login'
			
 
				+            break
			
 
				+          case 403:
			
 
				+            ElMessage.error(res.msg || '没有权限访问')
			
 
				+            break
			
 
				+          case 404:
			
 
				+            ElMessage.error(res.msg || '请求的资源不存在')
			
 
				+            break
			
 
				+          case 500:
			
 
				+            ElMessage.error(res.msg || '服务器错误')
			
 
				+            break
			
 
				+          default:
			
 
				+            ElMessage.error(error.msg)
			
 
				+        }
			
 
				+      }
			
 
				+      // ElMessage.error(res.message || '请求失败')
			
 
				+      // return Promise.reject(new Error(res.message || '请求失败'))
			
 
				+    }
			
 
				+  },
			
 
				+  error => {
			
 
				+    console.error('响应错误：', error)
			
 
				+    const userStore = useUserStore()
			
 
				+    
			
 
				+    if (error.response) {
			
 
				+      switch (error.response.status) {
			
 
				+        case 401:
			
 
				+          ElMessage.error('登录已过期，请重新登录')
			
 
				+          userStore.logout()
			
 
				+          // 跳转到登录页
			
 
				+          window.location.href = '/login'
			
 
				+          break
			
 
				+        case 403:
			
 
				+          ElMessage.error('没有权限访问')
			
 
				+          break
			
 
				+        case 404:
			
 
				+          ElMessage.error('请求的资源不存在')
			
 
				+          break
			
 
				+        case 500:
			
 
				+          ElMessage.error('服务器错误')
			
 
				+          break
			
 
				+        default:
			
 
				+          ElMessage.error(error.msg)
			
 
				+      }
			
 
				+    }
			
 
				+    
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+// 封装GET请求
			
 
				+export function get(url, params) {
			
 
				+  return service({
			
 
				+    url,
			
 
				+    method: 'get',
			
 
				+    params
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 封装POST请求
			
 
				+export function post(url, data, config = {}) {
			
 
				+  return service({
			
 
				+    url,
			
 
				+    method: 'post',
			
 
				+    data,
			
 
				+    ...config
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 封装PUT请求
			
 
				+export function put(url, data) {
			
 
				+  return service({
			
 
				+    url,
			
 
				+    method: 'put',
			
 
				+    data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 封装DELETE请求
			
 
				+export function del(url, params) {
			
 
				+  return service({
			
 
				+    url,
			
 
				+    method: 'delete',
			
 
				+    params
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+export default service 
			
--- a/src/views/AIChat.vue
+++ b/src/views/AIChat.vue
@@ -0,0 +1,625 @@
 
				+<template>
			
 
				+  <div class="chat-container">
			
 
				+    <!-- 欢迎界面 -->
			
 
				+    <div v-if="!isChating" class="welcome-section">
			
 
				+      <h1 class="welcome-title">Hi, 欢迎回来~</h1>
			
 
				+      <p class="welcome-subtitle">我是您的AI助理，能帮你编写整理资料，快来试试吧</p>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 聊天记录区域 -->
			
 
				+    <div class="chat-messages"  v-show="isChating" ref="messagesRef" :class="{ 'chat-active': isChating }">
			
 
				+      <div v-for="(message, index) in messages" :key="index" 
			
 
				+           :class="['message', message.role === 'user' ? 'user' : 'assistant']">
			
 
				+        <div class="avatar" v-if="message.content">
			
 
				+          <img :src="message.role === 'user' ? userAvatar : assistantAvatar" :alt="message.role">
			
 
				+        </div>
			
 
				+        <div class="content" v-if="message.content">
			
 
				+          <div class="text markdown-body" v-html="message.content"></div>
			
 
				+          <div class="message-actions" v-if="message.role === 'assistant'">
			
 
				+            <div class="left-actions">
			
 
				+              <button class="action-btn" @click="copyContent(message.content)">
			
 
				+                <img src="@/assets/icon-copy.png" alt="复制">
			
 
				+              </button>
			
 
				+              <button class="action-btn" @click="toggleFavorite(message.id)">
			
 
				+                <img src="@/assets/icon-star.png" alt="收藏">
			
 
				+              </button>
			
 
				+              <button class="action-btn reanswer" @click="reAnswer(message.id)">
			
 
				+                <img src="@/assets/icon-reanswer.png" alt="重新回答">
			
 
				+                <span>重新回答</span>
			
 
				+              </button>
			
 
				+            </div>
			
 
				+            <div class="right-actions">
			
 
				+              <button class="action-btn" @click="handleLike(message.id, true)">
			
 
				+                <img src="@/assets/icon-like.png" alt="点赞">
			
 
				+              </button>
			
 
				+              <button class="action-btn" @click="handleLike(message.id, false)">
			
 
				+                <img src="@/assets/icon-dislike.png" alt="反对">
			
 
				+              </button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- <div class="time">{{ formatTime(message.time) }}</div> -->
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div v-if="loading" class="message assistant">
			
 
				+        <!-- <div class="avatar">
			
 
				+          <img :src="assistantAvatar" alt="assistant">
			
 
				+        </div> -->
			
 
				+        <div class="content">
			
 
				+          <div class="typing">正在输入...</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    
			
 
				+    <!-- 输入区域 -->
			
 
				+    <div class="chat-input" :class="{ 'chat-active': isChating }">
			
 
				+      <div class="input-container">
			
 
				+        <textarea 
			
 
				+          v-model="inputMessage" 
			
 
				+          @keydown.enter.prevent="handleSend"
			
 
				+          placeholder="输入消息，按Enter发送"
			
 
				+          rows="3"
			
 
				+        ></textarea>
			
 
				+        <div class="input-actions">
			
 
				+          <div class="select-wrap">
			
 
				+            <el-select v-model="selectedModel" class="model-select">
			
 
				+              <el-option v-for="model in models" :key="model.id" :value="model.id" :label="model.name">
			
 
				+                {{ model.name }}
			
 
				+              </el-option>
			
 
				+            </el-select>
			
 
				+          </div>
			
 
				+          <button @click="handleSend" :disabled="loading || !inputMessage.trim()" class="send-button">
			
 
				+            <img src="@/assets/icon-send.png" alt="发送">
			
 
				+            立即生成
			
 
				+          </button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <!-- 知识库列表 -->
			
 
				+    <div class="knowledge-base" v-if="!isChating">
			
 
				+        <div class="knowledge-tags">
			
 
				+          <button 
			
 
				+            v-for="(item, index) in knowledgeList" 
			
 
				+            :key="index"
			
 
				+            :class="['knowledge-tag', { active: selectedKnowledge.includes(item.id) }]"
			
 
				+            @click="toggleKnowledge(item.id)"
			
 
				+          >
			
 
				+            {{ item.name }}
			
 
				+          </button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, onMounted, nextTick } from 'vue'
			
 
				+import userAvatar from '@/assets/user-avatar.png'
			
 
				+import assistantAvatar from '@/assets/assistant-avatar.png'
			
 
				+import { post } from '@/utils/request'
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+import MarkdownIt from 'markdown-it'
			
 
				+import hljs from 'highlight.js'
			
 
				+import 'highlight.js/styles/github.css'
			
 
				+
			
 
				+const messagesRef = ref(null)
			
 
				+const inputMessage = ref('')
			
 
				+const loading = ref(false)
			
 
				+const isChating = ref(false)
			
 
				+const selectedKnowledge = ref([])
			
 
				+const selectedModel = ref('DeepSeek')
			
 
				+
			
 
				+// 对话模型列表
			
 
				+const models = ref([
			
 
				+  { id: 'DeepSeek', name: 'DeepSeek' },
			
 
				+  { id: 'gpt-4', name: 'GPT-4' },
			
 
				+  { id: 'qwen', name: 'Qwen' }
			
 
				+])
			
 
				+
			
 
				+// 知识库列表
			
 
				+const knowledgeList = ref([
			
 
				+  { id: 1, name: '知识库1' },
			
 
				+  { id: 2, name: '知识库2' },
			
 
				+  { id: 3, name: '知识库3' },
			
 
				+  { id: 4, name: '知识库4' }
			
 
				+])
			
 
				+
			
 
				+const messages = ref([])
			
 
				+
			
 
				+// 创建 markdown-it 实例，配置代码高亮
			
 
				+const md = new MarkdownIt({
			
 
				+  html: false,
			
 
				+  breaks: true,
			
 
				+  linkify: true,
			
 
				+  highlight: function (str, lang) {
			
 
				+    if (lang && hljs.getLanguage(lang)) {
			
 
				+      try {
			
 
				+        return `<pre class="hljs"><code>${hljs.highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`
			
 
				+      } catch (__) {}
			
 
				+    }
			
 
				+    // 使用默认的转义
			
 
				+    return `<pre class="hljs"><code>${md.utils.escapeHtml(str)}</code></pre>`
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const formatTime = (time) => {
			
 
				+  return new Date(time).toLocaleTimeString()
			
 
				+}
			
 
				+
			
 
				+const toggleKnowledge = (id) => {
			
 
				+  const index = selectedKnowledge.value.indexOf(id)
			
 
				+  if (index === -1) {
			
 
				+    selectedKnowledge.value.push(id)
			
 
				+  } else {
			
 
				+    selectedKnowledge.value.splice(index, 1)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const scrollToBottom = async () => {
			
 
				+  await nextTick()
			
 
				+  if (messagesRef.value) {
			
 
				+    messagesRef.value.scrollTop = messagesRef.value.scrollHeight
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const handleSend = async () => {
			
 
				+  const message = inputMessage.value.trim()
			
 
				+  if (!message || loading.value) return
			
 
				+
			
 
				+  if (!isChating.value) {
			
 
				+    isChating.value = true
			
 
				+  }
			
 
				+
			
 
				+  // 添加用户消息
			
 
				+  messages.value.push({
			
 
				+    role: 'user',
			
 
				+    content: message,
			
 
				+    time: new Date()
			
 
				+  })
			
 
				+  
			
 
				+  // inputMessage.value = ''
			
 
				+  await scrollToBottom()
			
 
				+
			
 
				+  // 开始流式响应
			
 
				+  loading.value = true
			
 
				+  simulateStreamResponse()
			
 
				+}
			
 
				+
			
 
				+const simulateStreamResponse = async () => {
			
 
				+  loading.value = true;
			
 
				+  
			
 
				+  const messageIndex = messages.value.length;
			
 
				+  messages.value.push({
			
 
				+    id: Date.now(),
			
 
				+    role: 'assistant',
			
 
				+    content: '',
			
 
				+    time: new Date()
			
 
				+  });
			
 
				+
			
 
				+  const session_id = '3317760afe5e11efa3130242ac130002'
			
 
				+  const chat_id = '049da692fe2b11efa7b30242ac130002'
			
 
				+  const user_id = '123'
			
 
				+  
			
 
				+  let accumulatedText = ''; // 用于累积接收到的文本
			
 
				+  
			
 
				+  const eventSource = new EventSource(`${import.meta.env.VITE_API_BASE_URL}/admin/ragflow/chat/converse?chat_id=${chat_id}&question=${encodeURIComponent(inputMessage.value)}&stream=true&session_id=${session_id}&user_id=${user_id}`);
			
 
				+
			
 
				+  eventSource.onmessage = async (event) => {
			
 
				+    try {
			
 
				+      const data = JSON.parse(event.data);
			
 
				+      
			
 
				+      if (data.data === true) {
			
 
				+        console.log('数据流结束');
			
 
				+        // 在流结束时才进行最终的 markdown 渲染
			
 
				+        const formattedText = md.render(accumulatedText);
			
 
				+        messages.value[messageIndex].content = formattedText;
			
 
				+        eventSource.close();
			
 
				+        loading.value = false;
			
 
				+        await scrollToBottom();
			
 
				+        return;
			
 
				+      }
			
 
				+
			
 
				+      if (data.data && data.data.answer) {
			
 
				+        // 累积接收到的文本，但不立即进行 markdown 渲染
			
 
				+        accumulatedText += data.data.answer;
			
 
				+        // 临时显示原始文本
			
 
				+        messages.value[messageIndex].content = accumulatedText;
			
 
				+        await nextTick();
			
 
				+        await scrollToBottom();
			
 
				+      }
			
 
				+    } catch (error) {
			
 
				+      console.error('Parse error:', error);
			
 
				+    }
			
 
				+  };
			
 
				+
			
 
				+  eventSource.onerror = (error) => {
			
 
				+    console.error('EventSource error:', error);
			
 
				+    eventSource.close();
			
 
				+    loading.value = false;
			
 
				+    if (!messages.value[messageIndex].content) {
			
 
				+      ElMessage.error('对话请求失败，请重试');
			
 
				+    }
			
 
				+  };
			
 
				+
			
 
				+  eventSource.onopen = () => {
			
 
				+    console.log('连接已建立');
			
 
				+    // 清空输入框
			
 
				+    inputMessage.value = '';
			
 
				+  };
			
 
				+}
			
 
				+
			
 
				+// 修改复制功能，去除HTML标签
			
 
				+const copyContent = (content) => {
			
 
				+  // 创建临时元素来去除HTML标签
			
 
				+  const temp = document.createElement('div')
			
 
				+  temp.innerHTML = content
			
 
				+  const plainText = temp.textContent || temp.innerText
			
 
				+  navigator.clipboard.writeText(plainText)
			
 
				+  ElMessage.success('复制成功')
			
 
				+}
			
 
				+
			
 
				+const toggleFavorite = (messageId) => {
			
 
				+  // TODO: 实现收藏功能
			
 
				+}
			
 
				+
			
 
				+const reAnswer = (messageId) => {
			
 
				+  // 找到当前消息的索引
			
 
				+  const currentIndex = messages.value.findIndex(msg => msg.id === messageId);
			
 
				+  if (currentIndex === -1) return;
			
 
				+
			
 
				+  // 找到这条消息之前最近的用户消息
			
 
				+  let userMessageIndex = currentIndex - 1;
			
 
				+  while (userMessageIndex >= 0) {
			
 
				+    if (messages.value[userMessageIndex].role === 'user') {
			
 
				+      // 获取用户的问题
			
 
				+      const question = messages.value[userMessageIndex].content;
			
 
				+      // 设置输入框的内容
			
 
				+      inputMessage.value = question;
			
 
				+      // 触发发送
			
 
				+      handleSend();
			
 
				+      break;
			
 
				+    }
			
 
				+    userMessageIndex--;
			
 
				+  }
			
 
				+  scrollToBottom();
			
 
				+}
			
 
				+
			
 
				+const handleLike = (messageId, isLike) => {
			
 
				+  // TODO: 实现点赞/反对功能
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  scrollToBottom()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.chat-container {
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  background: url('@/assets/ai-chat-bg.png') no-repeat center center;
			
 
				+  background-size: cover;
			
 
				+  &:has(.chat-active){
			
 
				+    background: #fff;
			
 
				+  }
			
 
				+
			
 
				+  .welcome-section {
			
 
				+    margin-top: 100px;
			
 
				+    text-align: center;
			
 
				+    padding: 40px 20px;
			
 
				+
			
 
				+    .welcome-title {
			
 
				+      font-size: 28px;
			
 
				+      margin-bottom: 12px;
			
 
				+    }
			
 
				+
			
 
				+    .welcome-subtitle {
			
 
				+      color: #635a5a;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .knowledge-base {
			
 
				+    width: 800px;
			
 
				+    margin: 24px auto 0;
			
 
				+
			
 
				+    .knowledge-tags {
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+      gap: 12px;
			
 
				+      justify-content: left;
			
 
				+
			
 
				+      .knowledge-tag {
			
 
				+        padding: 8px 16px;
			
 
				+        border: 1px solid #DADDE8;
			
 
				+        border-radius: 15px;
			
 
				+        background: transparent;
			
 
				+        cursor: pointer;
			
 
				+        transition: all 0.3s;
			
 
				+        color: #414967;
			
 
				+
			
 
				+        &:hover {
			
 
				+          background: #f5f7fa;
			
 
				+        }
			
 
				+
			
 
				+        &.active {
			
 
				+          color: #FF7575;
			
 
				+          border-color: #FF7575;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .chat-messages {
			
 
				+    flex: 1;
			
 
				+    overflow-y: auto;
			
 
				+    padding: 20px 20%;
			
 
				+    transition: all 0.3s;
			
 
				+
			
 
				+    &.chat-active {
			
 
				+      padding-bottom: 100px;
			
 
				+    }
			
 
				+
			
 
				+    .message {
			
 
				+      display: flex;
			
 
				+      margin-bottom: 100px;
			
 
				+      .avatar{
			
 
				+          img{
			
 
				+            width: 40px;
			
 
				+            height: 40px;
			
 
				+          }
			
 
				+        }
			
 
				+      .text {
			
 
				+        padding: 10px 20px;
			
 
				+        font-size: 16px;
			
 
				+      }
			
 
				+      &.user {
			
 
				+        flex-direction: row-reverse;
			
 
				+        .content {
			
 
				+          margin-right: 12px;
			
 
				+          margin-left: 0;
			
 
				+          
			
 
				+          .text {
			
 
				+            background: #FFF5F5;
			
 
				+            color: #1B1C21;
			
 
				+            border-radius: 10px 2px 10px 10px;
			
 
				+          }
			
 
				+          
			
 
				+          .time {
			
 
				+            text-align: right;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      
			
 
				+      &.assistant{
			
 
				+        .avatar{
			
 
				+          margin-right: 10px;
			
 
				+        }
			
 
				+      }
			
 
				+      &.assistant .content .text {
			
 
				+        // background: rgba(255, 255, 255, 0.9);
			
 
				+        border-radius: 2px 10px 10px 10px;
			
 
				+      }
			
 
				+
			
 
				+      .message-actions {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        margin-top: 8px;
			
 
				+
			
 
				+        .left-actions, .right-actions {
			
 
				+          display: flex;
			
 
				+          gap: 8px;
			
 
				+        }
			
 
				+
			
 
				+        .action-btn {
			
 
				+          background: none;
			
 
				+          border: none;
			
 
				+          padding: 4px;
			
 
				+          cursor: pointer;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 4px;
			
 
				+
			
 
				+          img {
			
 
				+            width: 16px;
			
 
				+            height: 16px;
			
 
				+          }
			
 
				+
			
 
				+          &.reanswer span {
			
 
				+            font-size: 12px;
			
 
				+            color: #666;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .chat-input {
			
 
				+    // width: fit-content;
			
 
				+    margin: 0 auto;
			
 
				+    padding: 20px;
			
 
				+    background: rgba(255, 255, 255, 0.9);
			
 
				+    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
			
 
				+    backdrop-filter: blur(10px);
			
 
				+    border-radius: 20px;
			
 
				+    min-width: 800px;
			
 
				+    &.chat-active{
			
 
				+      position: fixed;
			
 
				+      bottom: 0;
			
 
				+      left: $sidebar-width;
			
 
				+      right: 0;
			
 
				+      padding: 20px;
			
 
				+      box-shadow: none;
			
 
				+    }
			
 
				+
			
 
				+    .input-container {
			
 
				+      max-width: 800px;
			
 
				+      margin: 0 auto;
			
 
				+
			
 
				+      textarea {
			
 
				+        width: 100%;
			
 
				+        padding: 12px;
			
 
				+        border: 1px solid #dcdfe6;
			
 
				+        border-radius: 15px;
			
 
				+        background: rgba(255, 255, 255, 0.9);
			
 
				+        resize: none;
			
 
				+        font-size: 14px;
			
 
				+        line-height: 1.5;
			
 
				+        
			
 
				+        &:focus {
			
 
				+          outline: none;
			
 
				+          border-color: $primary-color;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .input-actions {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        margin-top: 12px;
			
 
				+
			
 
				+        .select-wrap{
			
 
				+          width: 300px;
			
 
				+          .el-select{
			
 
				+            color: #414967;
			
 
				+          }
			
 
				+          :deep(.el-select__wrapper){
			
 
				+            height: 46px;
			
 
				+            width: 176px;
			
 
				+            border-radius: 80px;
			
 
				+            background: #FFE9E9;
			
 
				+            border: none;
			
 
				+            box-shadow: none;
			
 
				+            
			
 
				+            .el-select__placeholder{
			
 
				+              color: #414967;
			
 
				+              font-size: 20px;
			
 
				+            }
			
 
				+            .el-select__caret{
			
 
				+              font-size: 20px;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .send-button {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 14px;
			
 
				+          padding: 5px 20px 5px 8px;
			
 
				+          background: linear-gradient(135deg, #F89494 0%, #FE3636 100%);
			
 
				+          border: none;
			
 
				+          border-radius: 60px;
			
 
				+          color: white;
			
 
				+          font-size: 18px;
			
 
				+          cursor: pointer;
			
 
				+          font-weight: 500;
			
 
				+          transition: background 0.3s;
			
 
				+
			
 
				+          img {
			
 
				+            width: 30px;
			
 
				+            height: 30px;
			
 
				+          }
			
 
				+
			
 
				+          &:disabled {
			
 
				+            background: #f7b0b0;
			
 
				+            cursor: not-allowed;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 添加 markdown 样式
			
 
				+  .markdown-body {
			
 
				+    line-height: 1.6;
			
 
				+    font-size: 14px;
			
 
				+    
			
 
				+    p {
			
 
				+      margin: 8px 0;
			
 
				+    }
			
 
				+
			
 
				+    h1, h2, h3, h4, h5, h6 {
			
 
				+      margin: 16px 0 8px;
			
 
				+      font-weight: 600;
			
 
				+    }
			
 
				+
			
 
				+    code {
			
 
				+      background-color: rgba(175, 184, 193, 0.2);
			
 
				+      padding: 0.2em 0.4em;
			
 
				+      border-radius: 6px;
			
 
				+      font-family: monospace;
			
 
				+    }
			
 
				+
			
 
				+    pre {
			
 
				+      background-color: #f6f8fa;
			
 
				+      border-radius: 6px;
			
 
				+      padding: 16px;
			
 
				+      overflow: auto;
			
 
				+      margin: 16px 0;
			
 
				+
			
 
				+      code {
			
 
				+        background-color: transparent;
			
 
				+        padding: 0;
			
 
				+        font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
			
 
				+        font-size: 14px;
			
 
				+        line-height: 1.45;
			
 
				+        tab-size: 4;
			
 
				+      }
			
 
				+
			
 
				+      &.hljs {
			
 
				+        background: #f6f8fa;
			
 
				+        border: 1px solid #e1e4e8;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    ul, ol {
			
 
				+      padding-left: 20px;
			
 
				+      margin: 8px 0;
			
 
				+    }
			
 
				+
			
 
				+    table {
			
 
				+      border-collapse: collapse;
			
 
				+      margin: 8px 0;
			
 
				+      
			
 
				+      th, td {
			
 
				+        border: 1px solid #d0d7de;
			
 
				+        padding: 6px 13px;
			
 
				+      }
			
 
				+
			
 
				+      th {
			
 
				+        background-color: #f6f8fa;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    blockquote {
			
 
				+      border-left: 4px solid #d0d7de;
			
 
				+      padding-left: 16px;
			
 
				+      margin: 8px 0;
			
 
				+      color: #656d76;
			
 
				+    }
			
 
				+
			
 
				+    img {
			
 
				+      max-width: 100%;
			
 
				+      height: auto;
			
 
				+    }
			
 
				+
			
 
				+    a {
			
 
				+      color: #0969da;
			
 
				+      text-decoration: none;
			
 
				+      
			
 
				+      &:hover {
			
 
				+        text-decoration: underline;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    code {
			
 
				+      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
			
 
				+      font-size: 0.9em;
			
 
				+      padding: 0.2em 0.4em;
			
 
				+      margin: 0;
			
 
				+      background-color: rgba(175, 184, 193, 0.2);
			
 
				+      border-radius: 6px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style> 
			
--- a/src/views/DocSearch.vue
+++ b/src/views/DocSearch.vue
@@ -0,0 +1,554 @@
 
				+<template>
			
 
				+  <div class="doc-search-container">
			
 
				+    <!-- 左侧知识库类型选择 -->
			
 
				+    <div class="sidebar">
			
 
				+      <h2 class="sidebar-title">知识库</h2>
			
 
				+      <ul class="type-list">
			
 
				+        <!-- <li 
			
 
				+          class="type-item" 
			
 
				+          :class="{ active: activeType === '' }"
			
 
				+          @click="handleTypeSelect('')"
			
 
				+        >
			
 
				+          <div class="type-content">
			
 
				+            <span>全部类型</span>
			
 
				+          </div>
			
 
				+        </li> -->
			
 
				+        <li 
			
 
				+          v-for="type in typeOptions" 
			
 
				+          :key="type.value"
			
 
				+          class="type-item"
			
 
				+          :class="{ active: activeType === type.value }"
			
 
				+          @click="handleTypeSelect(type.value)"
			
 
				+        >
			
 
				+          <div class="type-content">
			
 
				+            <img :src="type.icon" :alt="type.label" class="type-icon">
			
 
				+            <span>{{ type.label }}</span>
			
 
				+          </div>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 右侧搜索和结果区域 -->
			
 
				+    <div class="main-content">
			
 
				+      <!-- 搜索框 -->
			
 
				+      <div class="search-section">
			
 
				+        <el-input
			
 
				+          v-model="searchQuery"
			
 
				+          placeholder="请输入关键词搜索文档..."
			
 
				+          class="search-input"
			
 
				+          clearable
			
 
				+          @keyup.enter="handleSearch"
			
 
				+        >
			
 
				+          <!-- <template #prefix>
			
 
				+            <el-icon><Search /></el-icon>
			
 
				+          </template> -->
			
 
				+          <template #append>
			
 
				+            <el-button type="primary" :loading="loading" @click="handleSearch">
			
 
				+              <el-icon :size="20"><Search /></el-icon>
			
 
				+              <!-- 搜索 -->
			
 
				+            </el-button>
			
 
				+          </template>
			
 
				+        </el-input>
			
 
				+      </div>
			
 
				+      <!-- 提示语 -->
			
 
				+      <div class="search-tips">
			
 
				+        选择知识库搜索会更快
			
 
				+      </div>
			
 
				+
			
 
				+
			
 
				+      <!-- 搜索结果 -->
			
 
				+      <div class="result-section" v-loading="loading">
			
 
				+        <template v-if="searchResults.length">
			
 
				+          <div
			
 
				+            v-for="(item, index) in searchResults"
			
 
				+            :key="index"
			
 
				+            class="result-item"
			
 
				+          >
			
 
				+            <div class="result-content">
			
 
				+              <p class="result-summary ellipsis-2" v-html="highlightText(item.fileSnapshot)"></p>
			
 
				+
			
 
				+              <div class="result-content-bottom">
			
 
				+              <div class="file-icon">
			
 
				+                <el-icon :size="24">
			
 
				+                  <Document v-if="item.fileType === 'doc'" />
			
 
				+                  <Files v-else-if="item.fileType === 'pdf'" />
			
 
				+                  <Grid v-else-if="item.fileType === 'excel'" />
			
 
				+                  <PictureFilled v-else-if="item.fileType === 'ppt'" />
			
 
				+                  <Folder v-else />
			
 
				+                </el-icon>
			
 
				+              </div>
			
 
				+              <div class="result-info">
			
 
				+                <h3 class="result-title" @click="viewDocument(item)">
			
 
				+                  {{ item.fileName }}
			
 
				+                </h3>
			
 
				+              </div>
			
 
				+              <div class="result-actions">
			
 
				+                <el-icon color="#FF7575" size="24" @click="toggleFavorite(item)">
			
 
				+                  <Star v-if="item.isCollect == 0" />
			
 
				+                  <StarFilled v-else />
			
 
				+                </el-icon>
			
 
				+                <!-- <el-button
			
 
				+                  type="primary"
			
 
				+                  size="small"
			
 
				+                  @click="toggleFavorite(item)"
			
 
				+                  :icon="item.isFavorite ? 'Star' : 'StarFilled'"
			
 
				+                  :class="{ 'is-favorite': item.isFavorite }"
			
 
				+                >
			
 
				+                  {{ item.isFavorite ? '已收藏' : '收藏' }}
			
 
				+                </el-button> -->
			
 
				+                <el-icon color="#FF7575" size="24" @click="downloadDocument(item)">
			
 
				+                  <Download />
			
 
				+                </el-icon>
			
 
				+                <!-- <el-button
			
 
				+                  type="primary"
			
 
				+                  size="small"
			
 
				+                  @click="downloadDocument(item)"
			
 
				+                  icon="Download"
			
 
				+                >
			
 
				+                  下载
			
 
				+                </el-button> -->
			
 
				+              </div>
			
 
				+              </div>
			
 
				+
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+          
			
 
				+        </template>
			
 
				+
			
 
				+        <el-empty
			
 
				+          v-else-if="!loading && searchQuery"
			
 
				+          description="未找到相关文档"
			
 
				+        />
			
 
				+
			
 
				+        <el-empty
			
 
				+          v-else-if="!loading"
			
 
				+          description="请输入关键词搜索文档"
			
 
				+        />
			
 
				+      </div>
			
 
				+      <!-- 分页 -->
			
 
				+      <div class="pagination">
			
 
				+            <el-pagination
			
 
				+              v-model:current-page="currentPage"
			
 
				+              v-model:page-size="pageSize"
			
 
				+              :total="total"
			
 
				+              :page-sizes="[10, 20, 30, 50]"
			
 
				+              layout="total, sizes, prev, pager, next"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, reactive, onMounted } from 'vue'
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+import { Search, View, Star, Download, Document, Files, Grid, PictureFilled, Folder } from '@element-plus/icons-vue'
			
 
				+import { get, post,put } from '../utils/request'
			
 
				+import docTypeJs from '../assets/doc-type-js.png'
			
 
				+import docTypeSw from '../assets/doc-type-sw.png'
			
 
				+import docTypeXz from '../assets/doc-type-xz.png'
			
 
				+
			
 
				+// 搜索相关
			
 
				+const searchQuery = ref('')
			
 
				+const loading = ref(false)
			
 
				+const searchResults = ref([])
			
 
				+const currentPage = ref(1)
			
 
				+const pageSize = ref(10)
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const activeType = ref('')
			
 
				+const handleTypeSelect = (type) => {
			
 
				+  activeType.value = type
			
 
				+  // handleSearch()
			
 
				+}
			
 
				+
			
 
				+// 选项配置
			
 
				+const typeOptions = ref([])
			
 
				+
			
 
				+// 添加获取知识库列表的方法
			
 
				+const getKnowInfoList = async () => {
			
 
				+  try {
			
 
				+    const response = await get('/admin/knowInfo/getList',{pageNum:1,pageSize:100})
			
 
				+    console.log('response', response);
			
 
				+    
			
 
				+    typeOptions.value = response.rows.map(item => ({
			
 
				+      value: item.id,
			
 
				+      label: item.name,
			
 
				+      icon: getIconByType(item.type) // 根据类型获取对应图标
			
 
				+    }))
			
 
				+  } catch (error) {
			
 
				+    ElMessage.error('获取知识库列表失败')
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 添加根据类型获取图标的方法
			
 
				+const getIconByType = (type) => {
			
 
				+  const iconMap = {
			
 
				+    'technical': docTypeJs,
			
 
				+    'business': docTypeSw,
			
 
				+    'administrative': docTypeXz
			
 
				+  }
			
 
				+  return iconMap[type] || docTypeJs
			
 
				+}
			
 
				+
			
 
				+// 在组件挂载时获取知识库列表
			
 
				+onMounted(() => {
			
 
				+  getKnowInfoList()
			
 
				+})
			
 
				+
			
 
				+
			
 
				+// 搜索处理
			
 
				+const handleSearch = async () => {
			
 
				+  // if (!searchQuery.value.trim() && !activeType.value) return
			
 
				+  
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const params = {
			
 
				+      searchText: searchQuery.value,
			
 
				+      konwInfoId: activeType.value,
			
 
				+      pageNum: currentPage.value,
			
 
				+      pageSize: pageSize.value
			
 
				+    }
			
 
				+    
			
 
				+    const response = await get('/admin/knowFile/search', params)
			
 
				+    searchResults.value = response.rows
			
 
				+    total.value = Number(response.total)
			
 
				+  } catch (error) {
			
 
				+    // 模拟数据
			
 
				+    // searchResults.value = [
			
 
				+    //   {
			
 
				+    //     id: 1,
			
 
				+    //     title: '文档1',
			
 
				+    //     summary: '文档1摘要',
			
 
				+    //     type: 'doc',  
			
 
				+    //     date: '2024-01-01',
			
 
				+    //     isFavorite: false,
			
 
				+    //     favorites: 0,
			
 
				+    //     url: 'https://www.baidu.com'
			
 
				+    //   },
			
 
				+    //   {
			
 
				+    //     id: 2,
			
 
				+    //     title: '文档2',
			
 
				+    //     summary: '文档2摘要',
			
 
				+    //     type: 'doc',
			
 
				+    //     date: '2024-01-01',
			
 
				+    //   }
			
 
				+    // ] ;
			
 
				+    // total.value = 2;
			
 
				+
			
 
				+    ElMessage.error('搜索失败，请重试')
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 分页处理
			
 
				+const handleSizeChange = (val) => {
			
 
				+  pageSize.value = val
			
 
				+  handleSearch()
			
 
				+}
			
 
				+
			
 
				+const handleCurrentChange = (val) => {
			
 
				+  currentPage.value = val
			
 
				+  handleSearch()
			
 
				+}
			
 
				+
			
 
				+// 文档操作
			
 
				+const viewDocument = (doc) => {
			
 
				+  window.open(doc.fileUrl, '_blank')
			
 
				+}
			
 
				+
			
 
				+const downloadDocument = async (doc) => {
			
 
				+  // fileUrl是文件的地址,直接下载
			
 
				+  try {
			
 
				+    window.open(doc.fileUrl, '_blank')
			
 
				+  } catch (error) {
			
 
				+    console.log('error', error);
			
 
				+    ElMessage.error('下载失败，请重试文件地址:'+doc.fileUrl)
			
 
				+  }
			
 
				+  // try {
			
 
				+  //   const response = await get(`/doc/download/${doc.id}`, {
			
 
				+  //     responseType: 'blob'
			
 
				+  //   })
			
 
				+    
			
 
				+  //   const url = window.URL.createObjectURL(new Blob([response]))
			
 
				+  //   const link = document.createElement('a')
			
 
				+  //   link.href = url
			
 
				+  //   link.download = doc.title
			
 
				+  //   document.body.appendChild(link)
			
 
				+  //   link.click()
			
 
				+  //   document.body.removeChild(link)
			
 
				+  //   window.URL.revokeObjectURL(url)
			
 
				+    
			
 
				+  //   ElMessage.success('下载成功')
			
 
				+  // } catch (error) {
			
 
				+  //   ElMessage.error('下载失败，请重试')
			
 
				+  // }
			
 
				+}
			
 
				+
			
 
				+const toggleFavorite = async (doc) => {
			
 
				+  try {
			
 
				+    if (doc.isCollect == 0) {
			
 
				+      await post('admin/userCollect/save', {
			
 
				+        id: doc.collectId,
			
 
				+        relatedType: 'file.search',
			
 
				+        relatedId: doc.id,
			
 
				+      })
			
 
				+    } else {
			
 
				+      await put('admin/userCollect/cancel', {
			
 
				+        id: doc.collectId,
			
 
				+        relatedType: 'file.search',//related_type : AI问答 : ai.answer 方案:scheme 文件检索: file.search
			
 
				+        relatedId: doc.id,
			
 
				+      })
			
 
				+    }
			
 
				+    doc.isCollect = doc.isCollect == 0 ? 1 : 0
			
 
				+    ElMessage.success(doc.isCollect == 1 ? '收藏成功' : '已取消收藏')
			
 
				+  } catch (error) {
			
 
				+    ElMessage.error('操作失败，请重试')
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 工具函数
			
 
				+const getTagType = (type) => {
			
 
				+  const types = {
			
 
				+    doc: '',
			
 
				+    pdf: 'success',
			
 
				+    excel: 'warning',
			
 
				+    ppt: 'danger'
			
 
				+  }
			
 
				+  return types[type] || 'info'
			
 
				+}
			
 
				+
			
 
				+const formatDate = (date) => {
			
 
				+  return new Date(date).toLocaleDateString()
			
 
				+}
			
 
				+
			
 
				+const highlightText = (text) => {
			
 
				+  if (!searchQuery.value) return text
			
 
				+  
			
 
				+  const regex = new RegExp(searchQuery.value, 'gi')
			
 
				+  return text.replace(regex, match => `<span class="highlight">${match}</span>`)
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.doc-search-container {
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  // gap: $spacing-base;
			
 
				+  background-color: #fff;
			
 
				+  // padding: $spacing-base;
			
 
				+}
			
 
				+
			
 
				+.sidebar {
			
 
				+  width: 350px;
			
 
				+  background-color: $background-gray;
			
 
				+  border-radius: 0px 30px 30px 0px;
			
 
				+  box-shadow: 2px 0px 10px 0px rgba(172,165,165,0.5);
			
 
				+  
			
 
				+  .sidebar-title {
			
 
				+    padding: $spacing-base;
			
 
				+    margin-bottom: 23px;
			
 
				+    font-size: 24px;
			
 
				+    font-weight: bold;
			
 
				+    border-bottom: 1px solid $border-lighter;
			
 
				+    text-align: center;
			
 
				+    color: #191A1E;
			
 
				+  }
			
 
				+
			
 
				+  .type-list {
			
 
				+    list-style: none;
			
 
				+    padding: 0;
			
 
				+    margin: 0;
			
 
				+
			
 
				+    .type-item {
			
 
				+      padding: 0  50px 0 50px; 
			
 
				+      cursor: pointer;
			
 
				+      transition: all 0.3s ease;
			
 
				+
			
 
				+      // &:hover {
			
 
				+      //   .type-content{
			
 
				+      //     border-image: linear-gradient(226deg, rgba(237, 38, 38, 1), rgba(246, 181, 181, 1)) 1 1;
			
 
				+      //   }
			
 
				+      // }
			
 
				+
			
 
				+      &.active {
			
 
				+        .type-content{
			
 
				+          border: 1px solid #ED2626;
			
 
				+          // border-image: linear-gradient(226deg, rgba(237, 38, 38, 1), rgba(246, 181, 181, 1)) 1 1;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .type-content {
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: center;
			
 
				+        gap: 12px;
			
 
				+        height: 80px;
			
 
				+        background: linear-gradient( 131deg, #FFFFFF 0%, #FFFFFF 100%);
			
 
				+        box-shadow: 0px 1px 3px 0px rgba(192,202,209,0.5);
			
 
				+        border-radius: 15px;
			
 
				+        margin-bottom: 20px;
			
 
				+
			
 
				+        .type-icon {
			
 
				+          width: 40px;
			
 
				+          height: 46px;
			
 
				+          object-fit: contain;
			
 
				+        }
			
 
				+
			
 
				+        span {
			
 
				+          font-weight: 500;
			
 
				+          font-size: 20px;
			
 
				+          color: #31333C;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.main-content {
			
 
				+  flex: 1;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  gap: $spacing-base;
			
 
				+  min-width: 0; // 防止内容溢出
			
 
				+  padding: 0 20px;
			
 
				+}
			
 
				+
			
 
				+.search-section {
			
 
				+  padding-top: 76px;
			
 
				+  // padding: $spacing-base;
			
 
				+  background-color: $background-white;
			
 
				+  border-radius: $border-radius-base;
			
 
				+  // box-shadow: $box-shadow-light;
			
 
				+  .search-input{
			
 
				+    height: 60px;
			
 
				+    border-radius: 15px;
			
 
				+  }
			
 
				+  :deep(.el-input__wrapper) {
			
 
				+    border-top-left-radius: 15px;
			
 
				+    border-bottom-left-radius: 15px;
			
 
				+  }
			
 
				+  :deep(.el-input-group__append) {
			
 
				+    border-top-right-radius: 15px;
			
 
				+    border-bottom-right-radius: 15px;
			
 
				+    width: 78px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.search-tips{
			
 
				+  font-weight: 500;
			
 
				+  font-size: 16px;
			
 
				+  color: #31333C;
			
 
				+  line-height: 30px;
			
 
				+}
			
 
				+
			
 
				+.result-section {
			
 
				+  flex: 1;
			
 
				+  overflow-y: auto;
			
 
				+  padding: $spacing-base;
			
 
				+  background-color: #F9FAFB;
			
 
				+  border-radius: 12px;
			
 
				+  // box-shadow: $box-shadow-light;
			
 
				+}
			
 
				+
			
 
				+.result-item {
			
 
				+  padding: $spacing-base;
			
 
				+  margin-bottom: 14px;
			
 
				+  background-color: #fff;
			
 
				+  
			
 
				+  &:last-child {
			
 
				+    border-bottom: none;
			
 
				+  }
			
 
				+  
			
 
				+  .result-content {
			
 
				+    .file-icon {
			
 
				+      flex-shrink: 0;
			
 
				+      width: 40px;
			
 
				+      height: 40px;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content: center;
			
 
				+      background-color: $background-lighter;
			
 
				+      border-radius: $border-radius-base;
			
 
				+      
			
 
				+      .el-icon {
			
 
				+        font-size: 24px;
			
 
				+        color: $primary-color;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .result-summary {
			
 
				+        margin: $spacing-mini 0;
			
 
				+        font-weight: 400;
			
 
				+        font-size: 21px;
			
 
				+        color: #191A1E;
			
 
				+        line-height: 32px;
			
 
				+        margin-bottom: 24px;
			
 
				+        
			
 
				+        :deep(.highlight) {
			
 
				+          color: $primary-color;
			
 
				+          font-weight: bold;
			
 
				+          background-color: rgba($primary-color, 0.1);
			
 
				+          padding: 0 2px;
			
 
				+          border-radius: 2px;
			
 
				+        }
			
 
				+      }
			
 
				+    
			
 
				+    .result-info {
			
 
				+      flex: 1;
			
 
				+      min-width: 0;
			
 
				+      
			
 
				+      .result-title {
			
 
				+        margin: 0 0 $spacing-mini;
			
 
				+        font-size: 16px;
			
 
				+        color: #6C6E72;
			
 
				+        cursor: pointer;
			
 
				+        margin-left: 12px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .result-content-bottom{
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: space-between;
			
 
				+        background: #FFF6F6;
			
 
				+        border-radius: 12px;
			
 
				+        padding: 8px 20px;
			
 
				+      }
			
 
				+    
			
 
				+    .result-actions {
			
 
				+      flex-shrink: 0;
			
 
				+      display: flex;
			
 
				+      gap: $spacing-mini;
			
 
				+
			
 
				+      .el-icon {
			
 
				+        cursor: pointer;
			
 
				+        margin-left: 10px;
			
 
				+      }
			
 
				+      
			
 
				+      .el-button {
			
 
				+        &.is-favorite {
			
 
				+          background-color: $warning-color;
			
 
				+          border-color: $warning-color;
			
 
				+          
			
 
				+          &:hover {
			
 
				+            background-color: $primary-color-hover;
			
 
				+            border-color: $primary-color-hover;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.pagination {
			
 
				+  margin-top: $spacing-large;
			
 
				+  margin-bottom: 20px;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+</style> 
			
--- a/src/views/Favorites.vue
+++ b/src/views/Favorites.vue
@@ -0,0 +1,605 @@
 
				+<template>
			
 
				+  <div class="favorites-container">
			
 
				+    <!-- 左侧类型选择 -->
			
 
				+    <div class="left-panel">
			
 
				+      <el-select v-model="currentType" placeholder="选择收藏类型" class="type-select">
			
 
				+        <el-option label="全部" value="all" />
			
 
				+        <el-option label="对话" value="ai.answer" />
			
 
				+        <el-option label="方案" value="scheme" />
			
 
				+        <el-option label="文档" value="file.search" />
			
 
				+      </el-select>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 右侧内容区 -->
			
 
				+    <div class="right-panel">
			
 
				+      <!-- 顶部工具栏 -->
			
 
				+      <div class="toolbar">
			
 
				+        <div class="search-container">
			
 
				+        <el-input
			
 
				+          v-model="searchText"
			
 
				+          placeholder="搜索收藏..."
			
 
				+          clearable
			
 
				+          class="search-input"
			
 
				+          @keyup="handleSearchKeyup"
			
 
				+        >
			
 
				+          <!-- <template #prefix>
			
 
				+            <el-icon><Search /></el-icon>
			
 
				+          </template> -->
			
 
				+          <template #append>
			
 
				+            <el-button type="primary" :loading="searchLoading" @click="handleSearch">
			
 
				+              <el-icon :size="20"><Search /></el-icon>
			
 
				+            </el-button>
			
 
				+          </template>
			
 
				+        </el-input>
			
 
				+        </div>
			
 
				+        <el-button @click="toggleBatchMode" class="batch-btn">
			
 
				+          <img src="@/assets/icon-multi.png" class="btn-icon" />
			
 
				+          批量管理
			
 
				+        </el-button>
			
 
				+      </div>
			
 
				+
			
 
				+      <!-- 收藏列表 -->
			
 
				+      <div class="favorites-list" v-loading="loading">
			
 
				+        <template v-if="filteredFavorites.length">
			
 
				+          <div
			
 
				+            v-for="item in filteredFavorites"
			
 
				+            :key="item.id"
			
 
				+            class="favorite-item"
			
 
				+          >
			
 
				+            <div class="item-content">
			
 
				+              <el-checkbox 
			
 
				+                v-show="isBatchMode"
			
 
				+                v-model="item.checked"
			
 
				+                @change="handleItemSelect"
			
 
				+              />
			
 
				+              <div class="item-title">{{ item.fileName }}</div>
			
 
				+              <div class="item-info">
			
 
				+                <span class="item-date">{{ formatDate(item.createTime) }}</span>
			
 
				+                <el-dropdown v-if="!isBatchMode" @command="handleCommand($event, item)">
			
 
				+                  <img src="@/assets/icon-more.svg" class="action-icon" />
			
 
				+                  <template #dropdown>
			
 
				+                    <el-dropdown-menu>
			
 
				+                      <el-dropdown-item command="rename">重命名</el-dropdown-item>
			
 
				+                      <el-dropdown-item command="delete">删除</el-dropdown-item>
			
 
				+                    </el-dropdown-menu>
			
 
				+                  </template>
			
 
				+                </el-dropdown>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </template>
			
 
				+        
			
 
				+        <el-empty
			
 
				+          v-else-if="!loading"
			
 
				+          :description="getEmptyText()"
			
 
				+        />
			
 
				+
			
 
				+        <!-- 分页 -->
			
 
				+        <div class="pagination" v-if="total > 0">
			
 
				+          <el-pagination
			
 
				+            v-model:current-page="currentPage"
			
 
				+            v-model:page-size="pageSize"
			
 
				+            :page-sizes="[10, 20, 50, 100]"
			
 
				+            :total="total"
			
 
				+            layout="total, sizes, prev, pager, next, jumper"
			
 
				+            @size-change="handleSizeChange"
			
 
				+            @current-change="handleCurrentChange"
			
 
				+          />
			
 
				+        </div>
			
 
				+
			
 
				+        <!-- 批量操作底栏 -->
			
 
				+        <div class="batch-footer" v-if="isBatchMode">
			
 
				+          <div class="left">
			
 
				+            <el-checkbox
			
 
				+              v-model="isAllSelected"
			
 
				+              @change="handleSelectAll"
			
 
				+            >
			
 
				+              全选
			
 
				+            </el-checkbox>
			
 
				+            <span class="selected-count">已选择 {{ selectedCount }} 项</span>
			
 
				+          </div>
			
 
				+          <div class="right">
			
 
				+            <el-button type="danger" @click="handleBatchDelete" :disabled="selectedCount === 0">
			
 
				+              批量删除
			
 
				+            </el-button>
			
 
				+            <el-button @click="cancelBatchMode">取消</el-button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 重命名弹窗 -->
			
 
				+    <el-dialog
			
 
				+      v-model="renameDialogVisible"
			
 
				+      title="重命名"
			
 
				+      width="400px"
			
 
				+    >
			
 
				+      <el-form
			
 
				+        ref="renameFormRef"
			
 
				+        :model="renameForm"
			
 
				+        :rules="renameRules"
			
 
				+        label-width="80px"
			
 
				+      >
			
 
				+        <el-form-item label="标题" prop="title">
			
 
				+          <el-input v-model="renameForm.title" />
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <span class="dialog-footer">
			
 
				+          <el-button @click="renameDialogVisible = false">取消</el-button>
			
 
				+          <el-button type="primary" @click="handleRename">
			
 
				+            确定
			
 
				+          </el-button>
			
 
				+        </span>
			
 
				+      </template>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, computed, nextTick, watch } from 'vue'
			
 
				+import { ElMessage, ElMessageBox } from 'element-plus'
			
 
				+// import { Search, Edit, Delete, Plus } from '@element-plus/icons-vue'
			
 
				+import { get, post, del ,put} from '../utils/request'
			
 
				+
			
 
				+// 状态变量
			
 
				+const currentType = ref('all')
			
 
				+const searchText = ref('')
			
 
				+const loading = ref(false)
			
 
				+const favorites = ref([])
			
 
				+const searchLoading = ref(false)
			
 
				+
			
 
				+// 分页相关
			
 
				+const currentPage = ref(1)
			
 
				+const pageSize = ref(10)
			
 
				+const total = ref(0)
			
 
				+
			
 
				+// 批量管理相关
			
 
				+const isBatchMode = ref(false)
			
 
				+const isAllSelected = ref(false)
			
 
				+const selectedCount = computed(() => {
			
 
				+  return filteredFavorites.value.filter(item => item.checked).length
			
 
				+})
			
 
				+
			
 
				+// 重命名相关
			
 
				+const renameDialogVisible = ref(false)
			
 
				+const renameFormRef = ref(null)
			
 
				+const renameForm = ref({
			
 
				+  id: '',
			
 
				+  title: ''
			
 
				+})
			
 
				+
			
 
				+const renameRules = {
			
 
				+  title: [
			
 
				+    { required: true, message: '请输入标题', trigger: 'blur' },
			
 
				+    { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }
			
 
				+  ]
			
 
				+}
			
 
				+
			
 
				+// 计算属性：过滤后的收藏列表
			
 
				+const filteredFavorites = computed(() => {
			
 
				+  let result = favorites.value.map(item => ({
			
 
				+    ...item,
			
 
				+    checked: item.checked || false
			
 
				+  }))
			
 
				+
			
 
				+  // 类型过滤
			
 
				+  // if (currentType.value !== 'all') {
			
 
				+  //   result = result.filter(item => item.type === currentType.value)
			
 
				+  // }
			
 
				+
			
 
				+  // 搜索过滤
			
 
				+  if (searchText.value) {
			
 
				+    const keyword = searchText.value.toLowerCase()
			
 
				+    result = result.filter(item => 
			
 
				+      item.title.toLowerCase().includes(keyword)
			
 
				+    )
			
 
				+  }
			
 
				+
			
 
				+  return result
			
 
				+})
			
 
				+
			
 
				+// 获取收藏列表
			
 
				+const fetchFavorites = async () => {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const params = {
			
 
				+      relatedType: currentType.value !== 'all' ? currentType.value : undefined,
			
 
				+      keyword: searchText.value.trim() || undefined,
			
 
				+      pageNum: currentPage.value,
			
 
				+      pageSize: pageSize.value
			
 
				+    }
			
 
				+    const response = await get('admin/userCollect/pageList', params)
			
 
				+    favorites.value = response.rows || []
			
 
				+    total.value = Number(response.total) || 0
			
 
				+  } catch (error) {
			
 
				+    ElMessage.error('获取列表失败')
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 批量管理相关方法
			
 
				+const toggleBatchMode = () => {
			
 
				+  isBatchMode.value = !isBatchMode.value
			
 
				+  isAllSelected.value = false
			
 
				+  favorites.value = favorites.value.map(item => ({
			
 
				+    ...item,
			
 
				+    checked: false
			
 
				+  }))
			
 
				+}
			
 
				+
			
 
				+const cancelBatchMode = () => {
			
 
				+  isBatchMode.value = false
			
 
				+  isAllSelected.value = false
			
 
				+  favorites.value = favorites.value.map(item => ({
			
 
				+    ...item,
			
 
				+    checked: false
			
 
				+  }))
			
 
				+}
			
 
				+
			
 
				+const handleSelectAll = (val) => {
			
 
				+  favorites.value = favorites.value.map(item => ({
			
 
				+    ...item,
			
 
				+    checked: val
			
 
				+  }))
			
 
				+  isAllSelected.value = val
			
 
				+}
			
 
				+
			
 
				+const handleItemSelect = () => {
			
 
				+  // 检查当前过滤后的列表是否全部选中
			
 
				+  isAllSelected.value = filteredFavorites.value.length > 0 && 
			
 
				+    filteredFavorites.value.every(item => item.checked)
			
 
				+}
			
 
				+
			
 
				+const handleBatchDelete = async () => {
			
 
				+  try {
			
 
				+    await ElMessageBox.confirm(
			
 
				+      '确定要删除选中的收藏吗？',
			
 
				+      '提示',
			
 
				+      {
			
 
				+        confirmButtonText: '确定',
			
 
				+        cancelButtonText: '取消',
			
 
				+        type: 'warning'
			
 
				+      }
			
 
				+    )
			
 
				+    
			
 
				+    const selectedIds = favorites.value
			
 
				+      .filter(item => item.checked)
			
 
				+      .map(item => item.id)
			
 
				+    
			
 
				+    if (selectedIds.length === 0) {
			
 
				+      ElMessage.warning('请选择要删除的项')
			
 
				+      return
			
 
				+    }
			
 
				+    
			
 
				+    await post('/favorites/batch-delete', { ids: selectedIds })
			
 
				+    ElMessage.success('删除成功')
			
 
				+    await fetchFavorites()
			
 
				+    cancelBatchMode()
			
 
				+  } catch (error) {
			
 
				+    if (error !== 'cancel') {
			
 
				+      ElMessage.error('删除失败')
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 单项操作相关方法
			
 
				+const handleCommand = (command, item) => {
			
 
				+  switch (command) {
			
 
				+    case 'rename':
			
 
				+      showRenameDialog(item)
			
 
				+      break
			
 
				+    case 'delete':
			
 
				+      removeFavorite(item)
			
 
				+      break
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const showRenameDialog = (item) => {
			
 
				+  renameForm.value = {
			
 
				+    id: item.id,
			
 
				+    title: item.title
			
 
				+  }
			
 
				+  renameDialogVisible.value = true
			
 
				+}
			
 
				+
			
 
				+const handleRename = async () => {
			
 
				+  if (!renameFormRef.value) return
			
 
				+  
			
 
				+  try {
			
 
				+    await renameFormRef.value.validate()
			
 
				+    await post('/favorites/rename', renameForm.value)
			
 
				+    
			
 
				+    ElMessage.success('重命名成功')
			
 
				+    renameDialogVisible.value = false
			
 
				+    fetchFavorites()
			
 
				+  } catch (error) {
			
 
				+    if (error !== 'cancel') {
			
 
				+      ElMessage.error('重命名失败')
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const removeFavorite = async (item) => {
			
 
				+  console.log('item', item);
			
 
				+  return
			
 
				+  try {
			
 
				+    await ElMessageBox.confirm(
			
 
				+      '确定要删除这个收藏吗？',
			
 
				+      '提示',
			
 
				+      {
			
 
				+        confirmButtonText: '确定',
			
 
				+        cancelButtonText: '取消',
			
 
				+        type: 'warning'
			
 
				+      }
			
 
				+    )
			
 
				+    
			
 
				+    await put('admin/userCollect/cancel', {
			
 
				+      id: item.collectId,
			
 
				+      relatedType: 'file.search',//related_type : AI问答 : ai.answer 方案:scheme 文件检索: file.search
			
 
				+      relatedId: item.id,
			
 
				+    })
			
 
				+    ElMessage.success('删除成功')
			
 
				+    fetchFavorites()
			
 
				+  } catch (error) {
			
 
				+    if (error !== 'cancel') {
			
 
				+      ElMessage.error('删除失败')
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 工具函数
			
 
				+const getTagType = (type) => {
			
 
				+  const types = {
			
 
				+    chat: '',
			
 
				+    solution: 'success',
			
 
				+    doc: 'warning'
			
 
				+  }
			
 
				+  return types[type] || 'info'
			
 
				+}
			
 
				+
			
 
				+const getTypeLabel = (type) => {
			
 
				+  const labels = {
			
 
				+    chat: '对话',
			
 
				+    solution: '方案',
			
 
				+    doc: '文档'
			
 
				+  }
			
 
				+  return labels[type] || '未知'
			
 
				+}
			
 
				+
			
 
				+const formatDate = (date) => {
			
 
				+  return new Date(date).toLocaleString()
			
 
				+}
			
 
				+
			
 
				+const getEmptyText = () => {
			
 
				+  if (searchText.value) {
			
 
				+    return '未找到匹配的收藏'
			
 
				+  }
			
 
				+  if (currentType.value !== 'all') {
			
 
				+    return `暂无${getTypeLabel(currentType.value)}类型的收藏`
			
 
				+  }
			
 
				+  return '暂无收藏内容'
			
 
				+}
			
 
				+
			
 
				+// 搜索相关
			
 
				+const handleSearch = async () => {
			
 
				+  if (!searchText.value.trim()) {
			
 
				+    ElMessage.warning('请输入搜索关键词')
			
 
				+    return
			
 
				+  }
			
 
				+  currentPage.value = 1 // 搜索时重置为第一页
			
 
				+  searchLoading.value = true
			
 
				+  try {
			
 
				+    await fetchFavorites()
			
 
				+  } finally {
			
 
				+    searchLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 监听搜索框回车事件
			
 
				+const handleSearchKeyup = (e) => {
			
 
				+  if (e.key === 'Enter') {
			
 
				+    handleSearch()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 分页处理
			
 
				+const handleSizeChange = (val) => {
			
 
				+  pageSize.value = val
			
 
				+  currentPage.value = 1 // 切换每页条数时重置为第一页
			
 
				+  fetchFavorites()
			
 
				+}
			
 
				+
			
 
				+const handleCurrentChange = (val) => {
			
 
				+  currentPage.value = val
			
 
				+  fetchFavorites()
			
 
				+}
			
 
				+
			
 
				+// 监听类型变化
			
 
				+watch(currentType, () => {
			
 
				+  currentPage.value = 1 // 切换类型时重置为第一页
			
 
				+  fetchFavorites()
			
 
				+})
			
 
				+
			
 
				+// 初始化
			
 
				+fetchFavorites()
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.favorites-container {
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  gap: 0;
			
 
				+}
			
 
				+
			
 
				+.left-panel {
			
 
				+  width: 300px;
			
 
				+  padding: $spacing-base;
			
 
				+  padding-top: 47px;
			
 
				+  background-color: $background-white;
			
 
				+  border-radius: $border-radius-base;
			
 
				+  .el-select{
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    :deep(.el-select__wrapper){
			
 
				+      height: 50px;
			
 
				+      width: 176px;
			
 
				+      border-radius: 80px;
			
 
				+      background: #FCFCFC;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.right-panel {
			
 
				+  flex: 1;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  gap: $spacing-base;
			
 
				+  padding-top: 31px;
			
 
				+}
			
 
				+
			
 
				+.toolbar {
			
 
				+  padding: $spacing-base;
			
 
				+  background-color: $background-white;
			
 
				+  border-radius: $border-radius-base;
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+  align-items: center;
			
 
				+
			
 
				+  .search-container {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    flex:1;
			
 
				+    margin-right: 90px;
			
 
				+    .el-input{
			
 
				+      height: 50px;
			
 
				+    }
			
 
				+  }
			
 
				+    
			
 
				+    .batch-btn {
			
 
				+      background-color: none;
			
 
				+      color: #fff;
			
 
				+      border: none;
			
 
				+      padding: 8px 16px;
			
 
				+      border-radius: $border-radius-base;
			
 
				+      cursor: pointer;
			
 
				+      transition: background-color 0.3s;
			
 
				+      color:#191A1E;
			
 
				+      
			
 
				+      &:hover {
			
 
				+        background-color: $primary-color;
			
 
				+        color: #fff;
			
 
				+      }
			
 
				+      
			
 
				+      .btn-icon {
			
 
				+        width: 16px;
			
 
				+        height: 16px;
			
 
				+        margin-right: 8px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.favorites-list {
			
 
				+  flex: 1;
			
 
				+  overflow-y: auto;
			
 
				+  padding: $spacing-base;
			
 
				+  background-color: $background-white;
			
 
				+  border-radius: $border-radius-base;
			
 
				+}
			
 
				+
			
 
				+.favorite-item {
			
 
				+  padding: $spacing-base;
			
 
				+  margin-bottom: 14px;
			
 
				+  background: #F4F5F8;
			
 
				+  border-radius: 12px;
			
 
				+  
			
 
				+  &:last-child {
			
 
				+    margin-bottom: 0;
			
 
				+  }
			
 
				+  
			
 
				+  .item-content {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    
			
 
				+    .item-title {
			
 
				+      color: $text-primary;
			
 
				+      margin-left: 10px;
			
 
				+      cursor: pointer;
			
 
				+      
			
 
				+      &:hover {
			
 
				+        color: $primary-color;
			
 
				+      }
			
 
				+    }
			
 
				+    
			
 
				+    .item-info {
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+      align-items: center;
			
 
				+      margin-left: auto;
			
 
				+      
			
 
				+      .item-date {
			
 
				+        color: $text-secondary;
			
 
				+        font-size: 12px;
			
 
				+      }
			
 
				+      
			
 
				+      .action-icon {
			
 
				+        width: 16px;
			
 
				+        height: 16px;
			
 
				+        cursor: pointer;
			
 
				+        outline: none;
			
 
				+        margin-left: 10px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.pagination {
			
 
				+  margin-top: $spacing-large;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.edit-tag {
			
 
				+  margin-right: $spacing-mini;
			
 
				+  margin-bottom: $spacing-mini;
			
 
				+}
			
 
				+
			
 
				+.button-new-tag {
			
 
				+  margin-bottom: $spacing-mini;
			
 
				+}
			
 
				+
			
 
				+.w-120 {
			
 
				+  width: 120px;
			
 
				+}
			
 
				+
			
 
				+.dialog-footer {
			
 
				+  display: flex;
			
 
				+  justify-content: flex-end;
			
 
				+  gap: $spacing-base;
			
 
				+}
			
 
				+
			
 
				+.batch-footer {
			
 
				+  margin-top: 24px;
			
 
				+  padding: $spacing-base;
			
 
				+  background-color: $background-white;
			
 
				+  border-radius: $border-radius-base;
			
 
				+  box-shadow: $box-shadow-light;
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+  align-items: center;
			
 
				+  
			
 
				+  .left {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    gap: $spacing-base;
			
 
				+  }
			
 
				+  
			
 
				+  .right {
			
 
				+    display: flex;
			
 
				+    gap: $spacing-base;
			
 
				+  }
			
 
				+}
			
 
				+</style> 
			
--- a/src/views/History.vue
+++ b/src/views/History.vue
@@ -0,0 +1,685 @@
 
				+<template>
			
 
				+    <div class="history-container-page">
			
 
				+      <!-- 左侧类型选择 -->
			
 
				+      <!-- <div class="left-panel">
			
 
				+        <el-select v-model="currentType" placeholder="选择历史类型" class="type-select">
			
 
				+          <el-option label="全部" value="all" />
			
 
				+          <el-option label="对话" value="chat" />
			
 
				+          <el-option label="方案" value="solution" />
			
 
				+          <el-option label="文档" value="doc" />
			
 
				+        </el-select>
			
 
				+      </div> -->
			
 
				+  
			
 
				+      <!-- 右侧内容区 -->
			
 
				+      <div class="right-panel">
			
 
				+        <!-- 顶部工具栏 -->
			
 
				+        <div class="toolbar">
			
 
				+          <div class="search-container">
			
 
				+            <div class="back-btn" @click="goBack">
			
 
				+              <el-icon><ArrowLeft /></el-icon>
			
 
				+              <span>历史记录</span>
			
 
				+            </div>
			
 
				+            <el-input
			
 
				+              v-model="searchText"
			
 
				+              placeholder="搜索历史..."
			
 
				+              clearable
			
 
				+              class="search-input"
			
 
				+              @keyup="handleSearchKeyup"
			
 
				+            >
			
 
				+              <template #append>
			
 
				+                <el-button type="primary" :loading="searchLoading" @click="handleSearch">
			
 
				+                  <el-icon :size="20"><Search /></el-icon>
			
 
				+                </el-button>
			
 
				+              </template>
			
 
				+            </el-input>
			
 
				+          </div>
			
 
				+          <!-- <el-button @click="toggleBatchMode" class="batch-btn">
			
 
				+            <img src="@/assets/icon-multi.png" class="btn-icon" />
			
 
				+            批量管理
			
 
				+          </el-button> -->
			
 
				+        </div>
			
 
				+  
			
 
				+        <!-- 类型选择按钮组 -->
			
 
				+        <div class="type-buttons">
			
 
				+          <el-button 
			
 
				+            v-for="type in typeOptions" 
			
 
				+            :key="type.value"
			
 
				+            :type="currentType === type.value ? 'primary' : ''"
			
 
				+            @click="currentType = type.value"
			
 
				+            class="type-btn"
			
 
				+          >
			
 
				+            {{ type.label }}
			
 
				+          </el-button>
			
 
				+        </div>
			
 
				+  
			
 
				+        <!-- 历史列表 -->
			
 
				+        <div class="history-list" v-loading="loading">
			
 
				+          <template v-if="filteredFavorites.length">
			
 
				+            <div
			
 
				+              v-for="item in filteredFavorites"
			
 
				+              :key="item.id"
			
 
				+              class="favorite-item"
			
 
				+            >
			
 
				+              <div class="item-content">
			
 
				+                <el-checkbox 
			
 
				+                  v-show="isBatchMode"
			
 
				+                  v-model="item.checked"
			
 
				+                  @change="handleItemSelect"
			
 
				+                />
			
 
				+                <div class="item-title">{{ item.relatedType==='ai.answer'? item.askContent : item.fileName }}</div>
			
 
				+                <div class="item-info">
			
 
				+                  <span class="item-date">{{ formatDate(item.createTime) }}</span>
			
 
				+                  <!-- <el-dropdown v-if="!isBatchMode" @command="handleCommand($event, item)">
			
 
				+                    <img src="@/assets/icon-more.svg" class="action-icon" />
			
 
				+                    <template #dropdown>
			
 
				+                      <el-dropdown-menu>
			
 
				+                        <el-dropdown-item command="rename">重命名</el-dropdown-item>
			
 
				+                        <el-dropdown-item command="delete">删除</el-dropdown-item>
			
 
				+                      </el-dropdown-menu>
			
 
				+                    </template>
			
 
				+                  </el-dropdown> -->
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </template>
			
 
				+          
			
 
				+          <el-empty
			
 
				+            v-else-if="!loading"
			
 
				+            :description="getEmptyText()"
			
 
				+          />
			
 
				+  
			
 
				+          <!-- 分页 -->
			
 
				+          <div class="pagination" v-if="total > 0">
			
 
				+            <el-pagination
			
 
				+              v-model:current-page="currentPage"
			
 
				+              v-model:page-size="pageSize"
			
 
				+              :page-sizes="[10, 20, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+  
			
 
				+          <!-- 批量操作底栏 -->
			
 
				+          <div class="batch-footer" v-if="isBatchMode">
			
 
				+            <div class="left">
			
 
				+              <el-checkbox
			
 
				+                v-model="isAllSelected"
			
 
				+                @change="handleSelectAll"
			
 
				+              >
			
 
				+                全选
			
 
				+              </el-checkbox>
			
 
				+              <span class="selected-count">已选择 {{ selectedCount }} 项</span>
			
 
				+            </div>
			
 
				+            <div class="right">
			
 
				+              <el-button type="danger" @click="handleBatchDelete" :disabled="selectedCount === 0">
			
 
				+                批量删除
			
 
				+              </el-button>
			
 
				+              <el-button @click="cancelBatchMode">取消</el-button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+  
			
 
				+      <!-- 重命名弹窗 -->
			
 
				+      <el-dialog
			
 
				+        v-model="renameDialogVisible"
			
 
				+        title="重命名"
			
 
				+        width="400px"
			
 
				+      >
			
 
				+        <el-form
			
 
				+          ref="renameFormRef"
			
 
				+          :model="renameForm"
			
 
				+          :rules="renameRules"
			
 
				+          label-width="80px"
			
 
				+        >
			
 
				+          <el-form-item label="标题" prop="title">
			
 
				+            <el-input v-model="renameForm.title" />
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <template #footer>
			
 
				+          <span class="dialog-footer">
			
 
				+            <el-button @click="renameDialogVisible = false">取消</el-button>
			
 
				+            <el-button type="primary" @click="handleRename">
			
 
				+              确定
			
 
				+            </el-button>
			
 
				+          </span>
			
 
				+        </template>
			
 
				+      </el-dialog>
			
 
				+    </div>
			
 
				+  </template>
			
 
				+  
			
 
				+  <script setup>
			
 
				+  import { ref, computed, nextTick, watch } from 'vue'
			
 
				+  import { ElMessage, ElMessageBox } from 'element-plus'
			
 
				+  import { Search, ArrowLeft } from '@element-plus/icons-vue'
			
 
				+  import { get, post, del ,put} from '../utils/request'
			
 
				+  import { useRouter } from 'vue-router'
			
 
				+  
			
 
				+  // 将状态变量的声明移到最前面
			
 
				+  const searchText = ref('')
			
 
				+  const currentType = ref('all')
			
 
				+  const loading = ref(false)
			
 
				+  const history = ref([])
			
 
				+  const searchLoading = ref(false)
			
 
				+  
			
 
				+  // 分页相关
			
 
				+  const currentPage = ref(1)
			
 
				+  const pageSize = ref(10)
			
 
				+  const total = ref(0)
			
 
				+  
			
 
				+  // 批量管理相关
			
 
				+  const isBatchMode = ref(false)
			
 
				+  const isAllSelected = ref(false)
			
 
				+  const selectedCount = computed(() => {
			
 
				+    return filteredFavorites.value.filter(item => item.checked).length
			
 
				+  })
			
 
				+  
			
 
				+  // 重命名相关
			
 
				+  const renameDialogVisible = ref(false)
			
 
				+  const renameFormRef = ref(null)
			
 
				+  const renameForm = ref({
			
 
				+    id: '',
			
 
				+    title: ''
			
 
				+  })
			
 
				+  
			
 
				+  const renameRules = {
			
 
				+    title: [
			
 
				+      { required: true, message: '请输入标题', trigger: 'blur' },
			
 
				+      { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }
			
 
				+    ]
			
 
				+  }
			
 
				+  
			
 
				+  // 计算属性：过滤后的历史列表
			
 
				+  const filteredFavorites = computed(() => {
			
 
				+    let result = history.value.map(item => ({
			
 
				+      ...item,
			
 
				+      checked: item.checked || false
			
 
				+    }))
			
 
				+  
			
 
				+    // 类型过滤
			
 
				+    if (currentType.value !== 'all') {
			
 
				+      result = result.filter(item => item.relatedType === currentType.value)
			
 
				+    }
			
 
				+  
			
 
				+    // 搜索过滤
			
 
				+    if (searchText.value) {
			
 
				+      const searchLower = searchText.value.toLowerCase()
			
 
				+      result = result.filter(item => 
			
 
				+        item.title?.toLowerCase().includes(searchLower)
			
 
				+      )
			
 
				+    }
			
 
				+  
			
 
				+    return result
			
 
				+  })
			
 
				+  
			
 
				+  // 获取历史列表
			
 
				+  const fetchFavorites = async () => {
			
 
				+    loading.value = true
			
 
				+    try {
			
 
				+      const params = {
			
 
				+        relatedType: currentType.value !== 'all' ? currentType.value : undefined,
			
 
				+        searchText: searchText.value.trim() || undefined,
			
 
				+        pageNum: currentPage.value,
			
 
				+        pageSize: pageSize.value
			
 
				+      }
			
 
				+      const response = await get('admin/userHistoryLog/pageList', params)
			
 
				+      console.log('response.rows', response.rows);
			
 
				+      history.value = response.rows || []
			
 
				+      console.log('history.value', history.value);
			
 
				+      total.value = Number(response.total) || 0
			
 
				+    } catch (error) {
			
 
				+      ElMessage.error('获取列表失败')
			
 
				+    } finally {
			
 
				+      loading.value = false
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  // 批量管理相关方法
			
 
				+  const toggleBatchMode = () => {
			
 
				+    isBatchMode.value = !isBatchMode.value
			
 
				+    isAllSelected.value = false
			
 
				+    history.value = history.value.map(item => ({
			
 
				+      ...item,
			
 
				+      checked: false
			
 
				+    }))
			
 
				+  }
			
 
				+  
			
 
				+  const cancelBatchMode = () => {
			
 
				+    isBatchMode.value = false
			
 
				+    isAllSelected.value = false
			
 
				+    history.value = history.value.map(item => ({
			
 
				+      ...item,
			
 
				+      checked: false
			
 
				+    }))
			
 
				+  }
			
 
				+  
			
 
				+  const handleSelectAll = (val) => {
			
 
				+    history.value = history.value.map(item => ({
			
 
				+      ...item,
			
 
				+      checked: val
			
 
				+    }))
			
 
				+    isAllSelected.value = val
			
 
				+  }
			
 
				+  
			
 
				+  const handleItemSelect = () => {
			
 
				+    // 检查当前过滤后的列表是否全部选中
			
 
				+    isAllSelected.value = filteredFavorites.value.length > 0 && 
			
 
				+      filteredFavorites.value.every(item => item.checked)
			
 
				+  }
			
 
				+  
			
 
				+  const handleBatchDelete = async () => {
			
 
				+    try {
			
 
				+      await ElMessageBox.confirm(
			
 
				+        '确定要删除选中的历史吗？',
			
 
				+        '提示',
			
 
				+        {
			
 
				+          confirmButtonText: '确定',
			
 
				+          cancelButtonText: '取消',
			
 
				+          type: 'warning'
			
 
				+        }
			
 
				+      )
			
 
				+      
			
 
				+      const selectedIds = history.value
			
 
				+        .filter(item => item.checked)
			
 
				+        .map(item => item.id)
			
 
				+      
			
 
				+      if (selectedIds.length === 0) {
			
 
				+        ElMessage.warning('请选择要删除的项')
			
 
				+        return
			
 
				+      }
			
 
				+      
			
 
				+      await post('/history/batch-delete', { ids: selectedIds })
			
 
				+      ElMessage.success('删除成功')
			
 
				+      await fetchFavorites()
			
 
				+      cancelBatchMode()
			
 
				+    } catch (error) {
			
 
				+      if (error !== 'cancel') {
			
 
				+        ElMessage.error('删除失败')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  // 单项操作相关方法
			
 
				+  const handleCommand = (command, item) => {
			
 
				+    switch (command) {
			
 
				+      case 'rename':
			
 
				+        showRenameDialog(item)
			
 
				+        break
			
 
				+      case 'delete':
			
 
				+        removeFavorite(item)
			
 
				+        break
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  const showRenameDialog = (item) => {
			
 
				+    renameForm.value = {
			
 
				+      id: item.id,
			
 
				+      title: item.title
			
 
				+    }
			
 
				+    renameDialogVisible.value = true
			
 
				+  }
			
 
				+  
			
 
				+  const handleRename = async () => {
			
 
				+    if (!renameFormRef.value) return
			
 
				+    
			
 
				+    try {
			
 
				+      await renameFormRef.value.validate()
			
 
				+      await post('/history/rename', renameForm.value)
			
 
				+      
			
 
				+      ElMessage.success('重命名成功')
			
 
				+      renameDialogVisible.value = false
			
 
				+      fetchFavorites()
			
 
				+    } catch (error) {
			
 
				+      if (error !== 'cancel') {
			
 
				+        ElMessage.error('重命名失败')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  const removeFavorite = async (item) => {
			
 
				+    try {
			
 
				+      await ElMessageBox.confirm(
			
 
				+        '确定要删除这个历史吗？',
			
 
				+        '提示',
			
 
				+        {
			
 
				+          confirmButtonText: '确定',
			
 
				+          cancelButtonText: '取消',
			
 
				+          type: 'warning'
			
 
				+        }
			
 
				+      )
			
 
				+      
			
 
				+      await put('admin/userCollect/cancel', {
			
 
				+        id: item.collectId,
			
 
				+        relatedType: 'file.download',//related_type : AI问答 : ai.answer 方案:scheme 文件检索: file.search
			
 
				+        relatedId: item.id,
			
 
				+      })
			
 
				+      ElMessage.success('删除成功')
			
 
				+      fetchFavorites()
			
 
				+    } catch (error) {
			
 
				+      if (error !== 'cancel') {
			
 
				+        ElMessage.error('删除失败')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  // 工具函数
			
 
				+  const getTagType = (type) => {
			
 
				+    const types = {
			
 
				+      chat: '',
			
 
				+      solution: 'success',
			
 
				+      doc: 'warning'
			
 
				+    }
			
 
				+    return types[type] || 'info'
			
 
				+  }
			
 
				+  
			
 
				+  const getTypeLabel = (type) => {
			
 
				+    const labels = {
			
 
				+      chat: '对话',
			
 
				+      solution: '方案',
			
 
				+      doc: '文档'
			
 
				+    }
			
 
				+    return labels[type] || '未知'
			
 
				+  }
			
 
				+  
			
 
				+  const formatDate = (date) => {
			
 
				+    return new Date(date).toLocaleString()
			
 
				+  }
			
 
				+  
			
 
				+  const getEmptyText = () => {
			
 
				+    if (searchText.value) {
			
 
				+      return '未找到匹配的历史'
			
 
				+    }
			
 
				+    if (currentType.value !== 'all') {
			
 
				+      return `暂无${getTypeLabel(currentType.value)}类型的历史`
			
 
				+    }
			
 
				+    return '暂无历史内容'
			
 
				+  }
			
 
				+  
			
 
				+  // 搜索相关
			
 
				+  const handleSearch = async () => {
			
 
				+    // if (!searchText.value.trim()) {
			
 
				+    //   ElMessage.warning('请输入搜索关键词')
			
 
				+    //   return
			
 
				+    // }
			
 
				+    currentPage.value = 1 // 搜索时重置为第一页
			
 
				+    searchLoading.value = true
			
 
				+    try {
			
 
				+      await fetchFavorites()
			
 
				+    } finally {
			
 
				+      searchLoading.value = false
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  // 监听搜索框回车事件
			
 
				+  const handleSearchKeyup = (e) => {
			
 
				+    if (e.key === 'Enter') {
			
 
				+      handleSearch()
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  // 分页处理
			
 
				+  const handleSizeChange = (val) => {
			
 
				+    pageSize.value = val
			
 
				+    currentPage.value = 1 // 切换每页条数时重置为第一页
			
 
				+    fetchFavorites()
			
 
				+  }
			
 
				+  
			
 
				+  const handleCurrentChange = (val) => {
			
 
				+    currentPage.value = val
			
 
				+    fetchFavorites()
			
 
				+  }
			
 
				+  
			
 
				+  // 监听类型变化
			
 
				+  watch(currentType, () => {
			
 
				+    currentPage.value = 1 // 切换类型时重置为第一页
			
 
				+    fetchFavorites()
			
 
				+  })
			
 
				+  
			
 
				+  // 类型选择相关
			
 
				+  const typeOptions = [
			
 
				+    { label: '全部', value: 'all' },
			
 
				+    { label: 'AI问答', value: 'ai.answer' },
			
 
				+    { label: '方案生成', value: 'scheme' },
			
 
				+    { label: '下载文件', value: 'file.download' }
			
 
				+  ]
			
 
				+  
			
 
				+  const router = useRouter()
			
 
				+  
			
 
				+  const goBack = () => {
			
 
				+    router.back()
			
 
				+  }
			
 
				+  
			
 
				+  // 初始化
			
 
				+  fetchFavorites()
			
 
				+  </script>
			
 
				+  
			
 
				+  <style lang="scss" scoped>
			
 
				+  .history-container-page {
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    gap: 0;
			
 
				+    padding: 0 15%;
			
 
				+  }
			
 
				+  
			
 
				+  .left-panel {
			
 
				+    width: 300px;
			
 
				+    padding: $spacing-base;
			
 
				+    padding-top: 47px;
			
 
				+    background-color: $background-white;
			
 
				+    border-radius: $border-radius-base;
			
 
				+    .el-select{
			
 
				+      display: flex;
			
 
				+      justify-content: center;
			
 
				+      :deep(.el-select__wrapper){
			
 
				+        height: 50px;
			
 
				+        width: 176px;
			
 
				+        border-radius: 80px;
			
 
				+        background: #FCFCFC;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .right-panel {
			
 
				+    flex: 1;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    gap: $spacing-base;
			
 
				+    padding-top: 31px;
			
 
				+  }
			
 
				+  
			
 
				+  .toolbar {
			
 
				+    padding: $spacing-base;
			
 
				+    background-color: $background-white;
			
 
				+    border-radius: $border-radius-base;
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    align-items: center;
			
 
				+  
			
 
				+    .search-container {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      flex: 1;
			
 
				+      margin-right: 90px;
			
 
				+      
			
 
				+      .back-btn {
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        cursor: pointer;
			
 
				+        margin-right: 20px;
			
 
				+        color: #333;
			
 
				+        
			
 
				+        .el-icon {
			
 
				+          margin-right: 8px;
			
 
				+          font-size: 16px;
			
 
				+        }
			
 
				+        
			
 
				+        span {
			
 
				+          font-size: 16px;
			
 
				+          font-weight: 500;
			
 
				+        }
			
 
				+        
			
 
				+        &:hover {
			
 
				+          color: var(--el-color-primary);
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .el-input {
			
 
				+        height: 50px;
			
 
				+        width: 60%;
			
 
				+        margin-left: 20%;
			
 
				+      }
			
 
				+    }
			
 
				+      
			
 
				+      .batch-btn {
			
 
				+        background-color: none;
			
 
				+        color: #fff;
			
 
				+        border: none;
			
 
				+        padding: 8px 16px;
			
 
				+        border-radius: $border-radius-base;
			
 
				+        cursor: pointer;
			
 
				+        transition: background-color 0.3s;
			
 
				+        color:#191A1E;
			
 
				+        
			
 
				+        &:hover {
			
 
				+          background-color: $primary-color;
			
 
				+          color: #fff;
			
 
				+        }
			
 
				+        
			
 
				+        .btn-icon {
			
 
				+          width: 16px;
			
 
				+          height: 16px;
			
 
				+          margin-right: 8px;
			
 
				+        }
			
 
				+      }
			
 
				+  
			
 
				+  }
			
 
				+  
			
 
				+  .history-list {
			
 
				+    flex: 1;
			
 
				+    overflow-y: auto;
			
 
				+    padding: $spacing-base;
			
 
				+    background-color: $background-white;
			
 
				+    border-radius: $border-radius-base;
			
 
				+  }
			
 
				+  
			
 
				+  .favorite-item {
			
 
				+    padding: $spacing-base;
			
 
				+    margin-bottom: 14px;
			
 
				+    background: #F4F5F8;
			
 
				+    border-radius: 12px;
			
 
				+    
			
 
				+    &:last-child {
			
 
				+      margin-bottom: 0;
			
 
				+    }
			
 
				+    
			
 
				+    .item-content {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      
			
 
				+      .item-title {
			
 
				+        color: $text-primary;
			
 
				+        margin-left: 10px;
			
 
				+        cursor: pointer;
			
 
				+        
			
 
				+        &:hover {
			
 
				+          color: $primary-color;
			
 
				+        }
			
 
				+      }
			
 
				+      
			
 
				+      .item-info {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        margin-left: auto;
			
 
				+        
			
 
				+        .item-date {
			
 
				+          color: $text-secondary;
			
 
				+          font-size: 12px;
			
 
				+        }
			
 
				+        
			
 
				+        .action-icon {
			
 
				+          width: 16px;
			
 
				+          height: 16px;
			
 
				+          cursor: pointer;
			
 
				+          outline: none;
			
 
				+          margin-left: 10px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .pagination {
			
 
				+    margin-top: $spacing-large;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+  }
			
 
				+  
			
 
				+  .edit-tag {
			
 
				+    margin-right: $spacing-mini;
			
 
				+    margin-bottom: $spacing-mini;
			
 
				+  }
			
 
				+  
			
 
				+  .button-new-tag {
			
 
				+    margin-bottom: $spacing-mini;
			
 
				+  }
			
 
				+  
			
 
				+  .w-120 {
			
 
				+    width: 120px;
			
 
				+  }
			
 
				+  
			
 
				+  .dialog-footer {
			
 
				+    display: flex;
			
 
				+    justify-content: flex-end;
			
 
				+    gap: $spacing-base;
			
 
				+  }
			
 
				+  
			
 
				+  .batch-footer {
			
 
				+    margin-top: 24px;
			
 
				+    padding: $spacing-base;
			
 
				+    background-color: $background-white;
			
 
				+    border-radius: $border-radius-base;
			
 
				+    box-shadow: $box-shadow-light;
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    align-items: center;
			
 
				+    
			
 
				+    .left {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      gap: $spacing-base;
			
 
				+    }
			
 
				+    
			
 
				+    .right {
			
 
				+      display: flex;
			
 
				+      gap: $spacing-base;
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .type-buttons {
			
 
				+    padding: $spacing-base;
			
 
				+    background-color: $background-white;
			
 
				+    border-radius: $border-radius-base;
			
 
				+    display: flex;
			
 
				+    gap: $spacing-base;
			
 
				+    margin-bottom: $spacing-base;
			
 
				+
			
 
				+    .type-btn {
			
 
				+      flex: 1;
			
 
				+      max-width: 110px;
			
 
				+      height: 40px;
			
 
				+      border-radius: 20px;
			
 
				+      border: none;
			
 
				+      background: #F4F5F8;
			
 
				+      color: #8B8C90;
			
 
				+      
			
 
				+      &.el-button--primary {
			
 
				+        background: #FFFFFF;
			
 
				+        box-shadow: 0px 1px 8px 0px rgba(192,202,209,0.5);
			
 
				+        color: #31333C;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  </style> 
			
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -0,0 +1,294 @@
 
				+<template>
			
 
				+  <div class="login-container">
			
 
				+    <div class="login-box">
			
 
				+      <div class="login-header">
			
 
				+        <img src="@/assets/logo.png" alt="logo" class="logo">
			
 
				+        <h2>GPT对话系统</h2>
			
 
				+      </div>
			
 
				+      <div class="login-form">
			
 
				+        <div class="form-item">
			
 
				+          <div class="input-with-icon">
			
 
				+            <img src="@/assets/login-user.png" alt="用户" class="input-icon">
			
 
				+            <input type="text" v-model="username" placeholder="请输入手机号">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-item">
			
 
				+          <div class="input-with-icon">
			
 
				+            <img src="@/assets/login-password.png" alt="密码" class="input-icon">
			
 
				+            <input type="password" v-model="password" placeholder="请输入登录密码">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-item">
			
 
				+          <div class="captcha-container">
			
 
				+            <input type="text" v-model="captcha" placeholder="请输入验证码" class="captcha-input">
			
 
				+            <img :src="captchaUrl" alt="验证码" class="captcha-img" @click="refreshCaptcha">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-options">
			
 
				+          <label class="remember-pwd">
			
 
				+            <input type="checkbox" v-model="rememberPassword">
			
 
				+            <span>记住密码</span>
			
 
				+          </label>
			
 
				+          <!-- <a href="#" class="forget-pwd" @click.prevent="handleForgetPassword">忘记密码？</a> -->
			
 
				+        </div>
			
 
				+        <div class="form-item">
			
 
				+          <button @click="handleLogin" :disabled="loading">
			
 
				+            {{ loading ? '登录中...' : '登录' }}
			
 
				+          </button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, onMounted } from 'vue'
			
 
				+import { useRouter } from 'vue-router'
			
 
				+import { getUuid } from '@/utils'
			
 
				+import { post, get } from '@/utils/request'
			
 
				+import { useUserStore } from '@/stores/user'
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+
			
 
				+const router = useRouter()
			
 
				+const username = ref('')
			
 
				+const password = ref('')
			
 
				+const loading = ref(false)
			
 
				+const rememberPassword = ref(false)
			
 
				+const captcha = ref('')
			
 
				+const uuid = ref('')
			
 
				+const captchaUrl = ref('')
			
 
				+
			
 
				+
			
 
				+// 刷新验证码
			
 
				+const refreshCaptcha = () => {
			
 
				+  uuid.value = getUuid()
			
 
				+  console.log('import.meta.env.VITE_API_BASE_URL', import.meta.env.VITE_API_BASE_URL);
			
 
				+  
			
 
				+  captchaUrl.value = `${import.meta.env.VITE_API_BASE_URL}/admin/captcha?uuid=${uuid.value}&t=${Date.now()}`
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  const savedUsername = localStorage.getItem('remembered_username')
			
 
				+  const savedPassword = localStorage.getItem('remembered_password')
			
 
				+  const remembered = localStorage.getItem('remember_password') === 'true'
			
 
				+  
			
 
				+  if (remembered && savedUsername && savedPassword) {
			
 
				+    username.value = savedUsername
			
 
				+    password.value = savedPassword
			
 
				+    rememberPassword.value = true
			
 
				+  }
			
 
				+  
			
 
				+  // 初始化验证码
			
 
				+  refreshCaptcha()
			
 
				+})
			
 
				+
			
 
				+const handleForgetPassword = () => {
			
 
				+  // 处理忘记密码
			
 
				+  console.log('忘记密码')
			
 
				+}
			
 
				+
			
 
				+const saveLoginInfo = () => {
			
 
				+  if (rememberPassword.value) {
			
 
				+    localStorage.setItem('remembered_username', username.value)
			
 
				+    localStorage.setItem('remembered_password', password.value)
			
 
				+    localStorage.setItem('remember_password', 'true')
			
 
				+  } else {
			
 
				+    localStorage.removeItem('remembered_username')
			
 
				+    localStorage.removeItem('remembered_password')
			
 
				+    localStorage.setItem('remember_password', 'false')
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const handleLogin = async () => {
			
 
				+  if (!username.value || !password.value || !captcha.value) {
			
 
				+    alert('请输入用户名、密码和验证码')
			
 
				+    return
			
 
				+  }
			
 
				+
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    // 这里添加实际的登录逻辑
			
 
				+    const res = await post('/admin/login',{
			
 
				+      username: username.value,
			
 
				+      password: password.value,
			
 
				+      uuid: uuid.value,
			
 
				+      captcha: captcha.value
			
 
				+    })
			
 
				+    // console.log('res', res)
			
 
				+    const userStore = useUserStore()
			
 
				+    userStore.setToken(res.token)
			
 
				+    
			
 
				+    // 获取用户信息
			
 
				+    const userInfoRes = await get('/admin/sys/user/info')||{}
			
 
				+    userStore.setUserInfo(userInfoRes)
			
 
				+    
			
 
				+    // 保存登录信息（如果勾选了记住密码）
			
 
				+    saveLoginInfo()
			
 
				+
			
 
				+     // 通过接口检查密码是否过期
			
 
				+     const pwdExpireRes = await get('/admin/sys/user/pwdExpire')
			
 
				+    //  console.log('pwdExpireRes', pwdExpireRes);
			
 
				+     if(pwdExpireRes.isExpire ){
			
 
				+      ElMessage.error(pwdExpireRes.tipMsg||'密码已过期，请修改密码');
			
 
				+      return
			
 
				+     }  
			
 
				+    
			
 
				+    // 模拟登录成功
			
 
				+    // localStorage.setItem('token', 'demo-token')
			
 
				+    router.push('/')
			
 
				+  } catch (error) {
			
 
				+    console.error('登录失败:', error)
			
 
				+    alert('登录失败，请重试')
			
 
				+    // 登录失败时刷新验证码
			
 
				+    refreshCaptcha()
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.login-container {
			
 
				+  height: 100vh;
			
 
				+  display: flex;
			
 
				+  justify-content: flex-end;
			
 
				+  align-items: center;
			
 
				+  background: url('@/assets/login-bg.png') no-repeat center center;
			
 
				+  background-size: cover;
			
 
				+
			
 
				+  .login-box {
			
 
				+    width: 400px;
			
 
				+    padding: 40px;
			
 
				+    background: rgba(255, 255, 255, 0.95);
			
 
				+    border-radius: 10px;
			
 
				+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
			
 
				+    margin-right: 10%;
			
 
				+
			
 
				+    .login-header {
			
 
				+      text-align: center;
			
 
				+      margin-bottom: 30px;
			
 
				+
			
 
				+      .logo {
			
 
				+        width: 80px;
			
 
				+        height: 80px;
			
 
				+        margin-bottom: 16px;
			
 
				+      }
			
 
				+
			
 
				+      h2 {
			
 
				+        color: #333;
			
 
				+        font-size: 24px;
			
 
				+        margin: 0;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .login-form {
			
 
				+      .form-item {
			
 
				+        margin-bottom: 20px;
			
 
				+
			
 
				+        .input-with-icon {
			
 
				+          position: relative;
			
 
				+          
			
 
				+          .input-icon {
			
 
				+            position: absolute;
			
 
				+            left: 15px;
			
 
				+            top: 50%;
			
 
				+            transform: translateY(-50%);
			
 
				+            width: 20px;
			
 
				+            height: 20px;
			
 
				+          }
			
 
				+
			
 
				+          input {
			
 
				+            width: 100%;
			
 
				+            height: 40px;
			
 
				+            padding: 0 15px 0 45px;
			
 
				+            border: 1px solid #dcdfe6;
			
 
				+            border-radius: 4px;
			
 
				+            font-size: 14px;
			
 
				+            
			
 
				+            &:focus {
			
 
				+              border-color: #409eff;
			
 
				+              outline: none;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .captcha-container {
			
 
				+          display: flex;
			
 
				+          gap: 10px;
			
 
				+
			
 
				+          .captcha-input {
			
 
				+            flex: 1;
			
 
				+            height: 40px;
			
 
				+            padding: 0 15px;
			
 
				+            border: 1px solid #dcdfe6;
			
 
				+            border-radius: 4px;
			
 
				+            font-size: 14px;
			
 
				+            
			
 
				+            &:focus {
			
 
				+              border-color: #409eff;
			
 
				+              outline: none;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .captcha-img {
			
 
				+            width: 120px;
			
 
				+            height: 40px;
			
 
				+            border-radius: 4px;
			
 
				+            cursor: pointer;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        button {
			
 
				+          width: 100%;
			
 
				+          height: 40px;
			
 
				+          background: linear-gradient(135deg, #FF6B6B 0%, #FF4141 100%);
			
 
				+          border: none;
			
 
				+          border-radius: 4px;
			
 
				+          color: white;
			
 
				+          font-size: 14px;
			
 
				+          cursor: pointer;
			
 
				+          transition: all 0.3s;
			
 
				+
			
 
				+          &:hover {
			
 
				+            opacity: 0.9;
			
 
				+            transform: translateY(-1px);
			
 
				+          }
			
 
				+
			
 
				+          &:disabled {
			
 
				+            background: $primary-color;
			
 
				+            opacity: 0.5;
			
 
				+            cursor: not-allowed;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .form-options {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        margin-bottom: 20px;
			
 
				+        font-size: 14px;
			
 
				+
			
 
				+        .remember-pwd {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          cursor: pointer;
			
 
				+
			
 
				+          input[type="checkbox"] {
			
 
				+            margin-right: 5px;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .forget-pwd {
			
 
				+          color: #409eff;
			
 
				+          text-decoration: none;
			
 
				+
			
 
				+          &:hover {
			
 
				+            color: #66b1ff;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style> 
			
--- a/src/views/Solution.vue
+++ b/src/views/Solution.vue
@@ -0,0 +1,551 @@
 
				+<template>
			
 
				+  <div class="chat-container">
			
 
				+    <!-- 欢迎界面 -->
			
 
				+    <div v-if="!isChating" class="welcome-section">
			
 
				+      <h1 class="welcome-title">Hi, 欢迎回来~</h1>
			
 
				+      <p class="welcome-subtitle">我是您的AI助理，能帮你编写整理资料，快来试试吧</p>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 聊天记录区域 -->
			
 
				+    <div class="chat-messages"  v-show="isChating" ref="messagesRef" :class="{ 'chat-active': isChating }">
			
 
				+      <div v-for="(message, index) in messages" :key="index" 
			
 
				+           :class="['message', message.role === 'user' ? 'user' : 'assistant']">
			
 
				+        <div class="avatar">
			
 
				+          <img :src="message.role === 'user' ? userAvatar : assistantAvatar" :alt="message.role">
			
 
				+        </div>
			
 
				+        <div class="content">
			
 
				+          <div class="text">{{ message.content }}</div>
			
 
				+          <div class="message-actions" v-if="message.role === 'assistant'">
			
 
				+            <div class="left-actions">
			
 
				+              <button class="action-btn" @click="copyContent(message.content)">
			
 
				+                <img src="@/assets/icon-copy.png" alt="复制">
			
 
				+              </button>
			
 
				+              <button class="action-btn" @click="toggleFavorite(message.id)">
			
 
				+                <img src="@/assets/icon-star.png" alt="收藏">
			
 
				+              </button>
			
 
				+              <button class="action-btn reanswer" @click="reAnswer(message.id)">
			
 
				+                <img src="@/assets/icon-reanswer.png" alt="重新回答">
			
 
				+                <span>重新回答</span>
			
 
				+              </button>
			
 
				+            </div>
			
 
				+            <div class="right-actions">
			
 
				+              <button class="action-btn" @click="handleLike(message.id, true)">
			
 
				+                <img src="@/assets/icon-like.png" alt="点赞">
			
 
				+              </button>
			
 
				+              <button class="action-btn" @click="handleLike(message.id, false)">
			
 
				+                <img src="@/assets/icon-dislike.png" alt="反对">
			
 
				+              </button>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="time">{{ formatTime(message.time) }}</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div v-if="loading" class="message assistant">
			
 
				+        <div class="avatar">
			
 
				+          <img :src="assistantAvatar" alt="assistant">
			
 
				+        </div>
			
 
				+        <div class="content">
			
 
				+          <div class="typing">正在输入...</div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    
			
 
				+    <!-- 输入区域 -->
			
 
				+    <div class="chat-input" :class="{ 'chat-active': isChating }">
			
 
				+      <div class="input-container">
			
 
				+        <textarea 
			
 
				+          v-model="inputMessage" 
			
 
				+          @keydown.enter.prevent="handleSend"
			
 
				+          placeholder="输入消息，按Enter发送"
			
 
				+          rows="3"
			
 
				+        ></textarea>
			
 
				+        <div class="input-actions">
			
 
				+          <div class="select-wrap">
			
 
				+            <el-select v-model="selectedModel" class="model-select">
			
 
				+              <el-option v-for="model in models" :key="model.id" :value="model.id" :label="model.name">
			
 
				+                {{ model.name }}
			
 
				+              </el-option>
			
 
				+            </el-select>
			
 
				+          </div>
			
 
				+          <button @click="handleSend" :disabled="loading || !inputMessage.trim()" class="send-button">
			
 
				+            <img src="@/assets/icon-send.png" alt="发送">
			
 
				+            立即生成
			
 
				+          </button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- 知识库列表 -->
			
 
				+      <!-- <div class="knowledge-base" v-if="!isChating">
			
 
				+        <div class="knowledge-tags">
			
 
				+          <button 
			
 
				+            v-for="(item, index) in knowledgeList" 
			
 
				+            :key="index"
			
 
				+            :class="['knowledge-tag', { active: selectedKnowledge.includes(item.id) }]"
			
 
				+            @click="toggleKnowledge(item.id)"
			
 
				+          >
			
 
				+            {{ item.name }}
			
 
				+          </button>
			
 
				+        </div>
			
 
				+      </div> -->
			
 
				+
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 模版区域 -->
			
 
				+    <div class="template-section">
			
 
				+      <div class="template-type">
			
 
				+        <div class="type-title">全文</div>
			
 
				+        <div class="type-list">
			
 
				+          <div class="type-item" v-for="item in templateList1" :key="item.id">
			
 
				+           <div class="type-item-title">
			
 
				+            <img :src="item.icon" alt="">
			
 
				+            <span class="ellipsis-1">{{ item.name }}</span>
			
 
				+            <span class="use-btn" @click="useTemplate(item.id)">使用</span>
			
 
				+           </div>
			
 
				+           <div class="type-item-content ellipsis-2">{{ item.content }}</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="template-type">
			
 
				+        <div class="type-title">按章节</div>
			
 
				+        <div class="type-list">
			
 
				+          <div class="type-item" v-for="item in templateList2" :key="item.id">
			
 
				+            <div class="type-item-title">
			
 
				+              <img :src="item.icon" alt="">
			
 
				+              <span class="ellipsis-1">{{ item.name }}</span>
			
 
				+              <span class="use-btn" @click="useTemplate(item.id)">使用</span>
			
 
				+            </div>
			
 
				+            <div class="type-item-content ellipsis-2">{{ item.content }}</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script setup>
			
 
				+import { ref, onMounted, nextTick } from 'vue'
			
 
				+import { useRouter } from 'vue-router'
			
 
				+import userAvatar from '@/assets/user-avatar.png'
			
 
				+import assistantAvatar from '@/assets/assistant-avatar.png'
			
 
				+
			
 
				+const router = useRouter()
			
 
				+
			
 
				+const messagesRef = ref(null)
			
 
				+const inputMessage = ref('')
			
 
				+const loading = ref(false)
			
 
				+const isChating = ref(false)
			
 
				+const selectedKnowledge = ref([])
			
 
				+const selectedModel = ref('DeepSeek')
			
 
				+
			
 
				+import iconTemplate1 from '@/assets/icon-template-1.png'
			
 
				+import iconTemplate2 from '@/assets/icon-template-2.png'
			
 
				+import iconTemplate3 from '@/assets/icon-template-3.png'
			
 
				+const templateList1 = ref([
			
 
				+  { id: 1, name: '旅游行业方案模版', content: '你是一个企业管理顾问，现在有一家公 司请', icon: iconTemplate1 },
			
 
				+  { id: 2, name: '工作月报', content: '辅助生成内容全面、条理清晰的工作月 报.', icon: iconTemplate2 },
			
 
				+  { id: 3, name: '会议纪要', content: '全面分析市场需求、竞争环境、商业投 入.', icon: iconTemplate3 }
			
 
				+])
			
 
				+
			
 
				+const templateList2 = ref([
			
 
				+  { id: 1, name: '商业计划书', content: '你是一个企业管理顾问，现在有一家公 司请', icon: iconTemplate1 },
			
 
				+])
			
 
				+
			
 
				+// 对话模型列表
			
 
				+const models = ref([
			
 
				+  { id: 'DeepSeek', name: 'DeepSeek' },
			
 
				+  { id: 'gpt-4', name: 'GPT-4' },
			
 
				+  { id: 'qwen', name: 'Qwen' }
			
 
				+])
			
 
				+
			
 
				+// 知识库列表
			
 
				+const knowledgeList = ref([
			
 
				+  { id: 1, name: '知识库1' },
			
 
				+  { id: 2, name: '知识库2' },
			
 
				+  { id: 3, name: '知识库3' },
			
 
				+  { id: 4, name: '知识库4' }
			
 
				+])
			
 
				+
			
 
				+const useTemplate = (id) => {
			
 
				+  // 根据ID找到对应的模板
			
 
				+  const template = [...templateList1.value, ...templateList2.value].find(t => t.id === id)
			
 
				+  if (!template) return
			
 
				+  
			
 
				+  // 转到SolutionChat页面，传递完整的模板信息
			
 
				+  router.push({
			
 
				+    path: '/solution-chat',
			
 
				+    query: {
			
 
				+      template: JSON.stringify({
			
 
				+        id: template.id,
			
 
				+        name: template.name,
			
 
				+        content: template.content
			
 
				+      })
			
 
				+    }
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const messages = ref([])
			
 
				+
			
 
				+const formatTime = (time) => {
			
 
				+  return new Date(time).toLocaleTimeString()
			
 
				+}
			
 
				+
			
 
				+const toggleKnowledge = (id) => {
			
 
				+  const index = selectedKnowledge.value.indexOf(id)
			
 
				+  if (index === -1) {
			
 
				+    selectedKnowledge.value.push(id)
			
 
				+  } else {
			
 
				+    selectedKnowledge.value.splice(index, 1)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const scrollToBottom = async () => {
			
 
				+  await nextTick()
			
 
				+  if (messagesRef.value) {
			
 
				+    messagesRef.value.scrollTop = messagesRef.value.scrollHeight
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const handleSend = async () => {
			
 
				+  const message = inputMessage.value.trim()
			
 
				+  if (!message || loading.value) return
			
 
				+
			
 
				+  if (!isChating.value) {
			
 
				+    isChating.value = true
			
 
				+  }
			
 
				+
			
 
				+  // 添加用户消息
			
 
				+  messages.value.push({
			
 
				+    role: 'user',
			
 
				+    content: message,
			
 
				+    time: new Date()
			
 
				+  })
			
 
				+  
			
 
				+  inputMessage.value = ''
			
 
				+  await scrollToBottom()
			
 
				+
			
 
				+  // 开始流式响应
			
 
				+  loading.value = true
			
 
				+  // TODO: 实现流式响应的API调用
			
 
				+  simulateStreamResponse()
			
 
				+}
			
 
				+
			
 
				+const simulateStreamResponse = () => {
			
 
				+  const response = '这是一个模拟的AI响应消息。在实际应用中，这里应该调用后端API获取真实的流式响应。'
			
 
				+  let index = 0
			
 
				+  const messageObj = {
			
 
				+    id: Date.now(),
			
 
				+    role: 'assistant',
			
 
				+    content: '',
			
 
				+    time: new Date()
			
 
				+  }
			
 
				+  messages.value.push(messageObj)
			
 
				+
			
 
				+  const timer = setInterval(() => {
			
 
				+    if (index < response.length) {
			
 
				+      messageObj.content += response[index]
			
 
				+      index++
			
 
				+      scrollToBottom()
			
 
				+    } else {
			
 
				+      clearInterval(timer)
			
 
				+      loading.value = false
			
 
				+    }
			
 
				+  }, 50)
			
 
				+}
			
 
				+
			
 
				+const copyContent = (content) => {
			
 
				+  navigator.clipboard.writeText(content)
			
 
				+  // TODO: 添加复制成功提示
			
 
				+}
			
 
				+
			
 
				+const toggleFavorite = (messageId) => {
			
 
				+  // TODO: 实现收藏功能
			
 
				+}
			
 
				+
			
 
				+const reAnswer = (messageId) => {
			
 
				+  // TODO: 实现重新回答功能
			
 
				+}
			
 
				+
			
 
				+const handleLike = (messageId, isLike) => {
			
 
				+  // TODO: 实现点赞/反对功能
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  scrollToBottom()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.chat-container {
			
 
				+  height: 100%;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  background: url('@/assets/ai-chat-bg.png') no-repeat center center;
			
 
				+  background-size: cover;
			
 
				+
			
 
				+  .welcome-section {
			
 
				+    margin-top: 100px;
			
 
				+    text-align: center;
			
 
				+    padding: 40px 20px;
			
 
				+
			
 
				+    .welcome-title {
			
 
				+      font-size: 28px;
			
 
				+      margin-bottom: 12px;
			
 
				+    }
			
 
				+
			
 
				+    .welcome-subtitle {
			
 
				+      color: #635a5a;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .knowledge-base {
			
 
				+    max-width: 800px;
			
 
				+    margin: 24px auto 0;
			
 
				+
			
 
				+    .knowledge-tags {
			
 
				+      display: flex;
			
 
				+      flex-wrap: wrap;
			
 
				+      gap: 12px;
			
 
				+      justify-content: left;
			
 
				+
			
 
				+      .knowledge-tag {
			
 
				+        padding: 8px 16px;
			
 
				+        border: 1px solid #dcdfe6;
			
 
				+        border-radius: 20px;
			
 
				+        background: rgba(255, 255, 255, 0.9);
			
 
				+        cursor: pointer;
			
 
				+        transition: all 0.3s;
			
 
				+
			
 
				+        &:hover {
			
 
				+          background: #f5f7fa;
			
 
				+        }
			
 
				+
			
 
				+        &.active {
			
 
				+          background: $primary-color;
			
 
				+          color: white;
			
 
				+          border-color: $primary-color;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .chat-messages {
			
 
				+    flex: 1;
			
 
				+    overflow-y: auto;
			
 
				+    padding: 20px;
			
 
				+    transition: all 0.3s;
			
 
				+
			
 
				+    &.chat-active {
			
 
				+      padding-bottom: 100px;
			
 
				+    }
			
 
				+
			
 
				+    .message {
			
 
				+      display: flex;
			
 
				+      margin-bottom: 20px;
			
 
				+      .avatar{
			
 
				+          img{
			
 
				+            width: 40px;
			
 
				+            height: 40px;
			
 
				+          }
			
 
				+        }
			
 
				+      
			
 
				+      &.user {
			
 
				+        flex-direction: row-reverse;
			
 
				+        .content {
			
 
				+          margin-right: 12px;
			
 
				+          margin-left: 0;
			
 
				+          
			
 
				+          .text {
			
 
				+            // background: $primary-color;
			
 
				+            // color: white;
			
 
				+            border-radius: 10px 2px 10px 10px;
			
 
				+          }
			
 
				+          
			
 
				+          .time {
			
 
				+            text-align: right;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      
			
 
				+      &.assistant{
			
 
				+        .avatar{
			
 
				+          margin-right: 10px;
			
 
				+        }
			
 
				+      }
			
 
				+      &.assistant .content .text {
			
 
				+        // background: rgba(255, 255, 255, 0.9);
			
 
				+        border-radius: 2px 10px 10px 10px;
			
 
				+      }
			
 
				+
			
 
				+      .message-actions {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        margin-top: 8px;
			
 
				+
			
 
				+        .left-actions, .right-actions {
			
 
				+          display: flex;
			
 
				+          gap: 8px;
			
 
				+        }
			
 
				+
			
 
				+        .action-btn {
			
 
				+          background: none;
			
 
				+          border: none;
			
 
				+          padding: 4px;
			
 
				+          cursor: pointer;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 4px;
			
 
				+
			
 
				+          img {
			
 
				+            width: 16px;
			
 
				+            height: 16px;
			
 
				+          }
			
 
				+
			
 
				+          &.reanswer span {
			
 
				+            font-size: 12px;
			
 
				+            color: #666;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .chat-input {
			
 
				+    // width: fit-content;
			
 
				+    margin: 0 auto;
			
 
				+    padding: 20px;
			
 
				+    background: rgba(255, 255, 255, 0.9);
			
 
				+    backdrop-filter: blur(10px);
			
 
				+    border-radius: 20px;
			
 
				+    min-width: 800px;
			
 
				+    &.chat-active{
			
 
				+      position: fixed;
			
 
				+      bottom: 0;
			
 
				+      left: 0;
			
 
				+      right: 0;
			
 
				+      padding: 20px;
			
 
				+    }
			
 
				+
			
 
				+    .input-container {
			
 
				+      max-width: 800px;
			
 
				+      margin: 0 auto;
			
 
				+
			
 
				+      textarea {
			
 
				+        width: 100%;
			
 
				+        padding: 12px;
			
 
				+        border: 1px solid #dcdfe6;
			
 
				+        border-radius: 15px;
			
 
				+        background: rgba(255, 255, 255, 0.9);
			
 
				+        resize: none;
			
 
				+        font-size: 14px;
			
 
				+        line-height: 1.5;
			
 
				+        
			
 
				+        &:focus {
			
 
				+          outline: none;
			
 
				+          border-color: $primary-color;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .input-actions {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        align-items: center;
			
 
				+        margin-top: 12px;
			
 
				+
			
 
				+        .select-wrap{
			
 
				+          width: 300px;
			
 
				+          .el-select{
			
 
				+            color: #414967;
			
 
				+          }
			
 
				+          :deep(.el-select__wrapper){
			
 
				+            height: 46px;
			
 
				+            width: 176px;
			
 
				+            border-radius: 80px;
			
 
				+            background: #FFE9E9;
			
 
				+            border: none;
			
 
				+            box-shadow: none;
			
 
				+            
			
 
				+            .el-select__placeholder{
			
 
				+              color: #414967;
			
 
				+              font-size: 20px;
			
 
				+            }
			
 
				+            .el-select__caret{
			
 
				+              font-size: 20px;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .send-button {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 14px;
			
 
				+          padding: 5px 20px 5px 8px;
			
 
				+          background: linear-gradient(135deg, #F89494 0%, #FE3636 100%);
			
 
				+          border: none;
			
 
				+          border-radius: 60px;
			
 
				+          color: white;
			
 
				+          font-size: 18px;
			
 
				+          cursor: pointer;
			
 
				+          font-weight: 500;
			
 
				+          transition: background 0.3s;
			
 
				+
			
 
				+          img {
			
 
				+            width: 30px;
			
 
				+            height: 30px;
			
 
				+          }
			
 
				+
			
 
				+          &:disabled {
			
 
				+            background: #f7b0b0;
			
 
				+            cursor: not-allowed;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.template-section{
			
 
				+  margin: 24px auto;
			
 
				+  width: 800px;
			
 
				+  .template-type{
			
 
				+    .type-title{
			
 
				+      font-size: 20px;
			
 
				+      margin-bottom: 12px;
			
 
				+      font-weight: bold;
			
 
				+    }
			
 
				+    .type-list{
			
 
				+      display:grid;
			
 
				+      grid-template-columns: repeat(3, 1fr);
			
 
				+      gap: 24px;
			
 
				+      .type-item{
			
 
				+        padding: 12px;
			
 
				+        background: #FFFFFF;
			
 
				+        box-shadow: 0px 2px 4px 0px rgba(216,216,216,0.5);
			
 
				+        border-radius: 10px;
			
 
				+        border: 1px solid #EBEBEB;
			
 
				+        margin-bottom: 24px;
			
 
				+        .type-item-title{
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 12px;
			
 
				+          font-size: 16px;
			
 
				+          margin-bottom: 11px;
			
 
				+          img{
			
 
				+            width: 24px;
			
 
				+            height: 24px;
			
 
				+          }
			
 
				+          .use-btn{
			
 
				+            margin-left: auto;
			
 
				+            color: $primary-color;
			
 
				+            font-size: 14px;
			
 
				+            cursor: pointer;
			
 
				+          }
			
 
				+        }
			
 
				+        .type-item-content{
			
 
				+          font-size: 14px;
			
 
				+          color: #777C8C;
			
 
				+          line-height: 1.5;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style> 
			
--- a/src/views/SolutionChat.vue
+++ b/src/views/SolutionChat.vue
@@ -0,0 +1,439 @@
 
				+<!--
			
 
				+ * @Description: 
			
 
				+ * @Author: gcz
			
 
				+ * @Date: 2025-03-10 10:33:30
			
 
				+ * @LastEditors: gcz
			
 
				+ * @LastEditTime: 2025-03-10 11:49:56
			
 
				+ * @FilePath: \knowledge_userui\src\views\SolutionChat.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2025 by gcz, All Rights Reserved. 
			
 
				+-->
			
 
				+
			
 
				+<template>
			
 
				+  <div class="solution-chat">
			
 
				+    <!-- 左侧部分 -->
			
 
				+    <div class="left-panel">
			
 
				+      <!-- 对话内容区域 -->
			
 
				+      <div class="chat-content">
			
 
				+        <div v-for="(msg, index) in chatMessages" :key="index" 
			
 
				+             class="message" 
			
 
				+             :class="{ 'user-message': msg.type === 'user', 'ai-message': msg.type === 'ai' }">
			
 
				+          <div class="avatar">
			
 
				+            <img :src="msg.type === 'user' ? userAvatar : assistantAvatar" alt="avatar">
			
 
				+          </div>
			
 
				+          <div class="message-content">
			
 
				+            {{ msg.content }}
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <!-- 对话输入区域 -->
			
 
				+      <div class="chat-input">
			
 
				+        <div v-if="template.content" class="template-content">
			
 
				+          <div class="template-title">{{ template.name }}</div>
			
 
				+          <div class="template-body">{{ template.content }}</div>
			
 
				+          <div class="template-reply">
			
 
				+            如果你对方案中内容有更细致的想法，欢迎随时告诉我，我可以进一步完善。
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="input-box">
			
 
				+          <textarea v-model="inputMessage" placeholder="请输入内容" @keyup.enter="sendMessage"></textarea>
			
 
				+          <div class="send-icon" @click="sendMessage">
			
 
				+            <img src="@/assets/icon-send-red.png" alt="">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 右侧部分 -->
			
 
				+    <div class="right-panel">
			
 
				+      <!-- 操作按钮 -->
			
 
				+      <div class="action-buttons">
			
 
				+        <div class="button-group">
			
 
				+          <el-tooltip content="复制">
			
 
				+            <img src="@/assets/icon-copy.png" @click="copyContent">
			
 
				+          </el-tooltip>
			
 
				+          <el-tooltip content="收藏">
			
 
				+            <img src="@/assets/icon-star.png" @click="toggleFavorite">
			
 
				+          </el-tooltip>
			
 
				+          <el-tooltip content="下载">
			
 
				+            <img src="@/assets/icon-download.png" @click="downloadContent">
			
 
				+          </el-tooltip>
			
 
				+          <div class="regenerate" @click="regenerateAnswer">
			
 
				+            <img src="@/assets/icon-reanswer.png" @click="regenerateAnswer">
			
 
				+            <span>重新回答</span>
			
 
				+          </div>
			
 
				+          <div class="feedback">
			
 
				+            <img src="@/assets/icon-like.png" @click="like">
			
 
				+            <img src="@/assets/icon-dislike.png" @click="dislike">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <!-- AI生成的方案内容 -->
			
 
				+      <div class="solution-content">
			
 
				+        {{ solutionContent }}
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { ElMessage } from 'element-plus'
			
 
				+import userAvatar from '@/assets/user-avatar.png'
			
 
				+import assistantAvatar from '@/assets/assistant-avatar.png'
			
 
				+
			
 
				+export default {
			
 
				+  name: 'SolutionChat',
			
 
				+  data() {
			
 
				+    return {
			
 
				+      chatMessages: [],
			
 
				+      inputMessage: '',
			
 
				+      template: {
			
 
				+        id: null,
			
 
				+        name: '',
			
 
				+        content: ''
			
 
				+      },
			
 
				+      solutionContent: '',
			
 
				+      isFavorite: false,
			
 
				+      isLiked: false,
			
 
				+      isDisliked: false,
			
 
				+      userAvatar,
			
 
				+      assistantAvatar
			
 
				+    }
			
 
				+  },
			
 
				+  created() {
			
 
				+    // 获取路由参数中的模板
			
 
				+    const templateParam = this.$route.query.template
			
 
				+    if (templateParam) {
			
 
				+      try {
			
 
				+        this.template = JSON.parse(templateParam)
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('模板参数解析失败')
			
 
				+      }
			
 
				+    }
			
 
				+    // 获取方案内容
			
 
				+    this.getSolutionContent()
			
 
				+  },
			
 
				+  methods: {
			
 
				+    async getSolutionContent() {
			
 
				+      try {
			
 
				+        // TODO: 调用后端API获取方案内容
			
 
				+        this.solutionContent = '这里是AI生成的方案内容...'
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('获取方案内容失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async sendMessage() {
			
 
				+      if (!this.inputMessage.trim()) return
			
 
				+      const message = this.inputMessage
			
 
				+      this.chatMessages.push({
			
 
				+        content: message,
			
 
				+        type: 'user'
			
 
				+      })
			
 
				+      this.inputMessage = ''
			
 
				+      
			
 
				+      try {
			
 
				+        // TODO: 调用后端API发送消息
			
 
				+        const response = '这是AI的回复'
			
 
				+        this.chatMessages.push({
			
 
				+          content: response,
			
 
				+          type: 'ai'
			
 
				+        })
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('发送消息失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async copyContent() {
			
 
				+      try {
			
 
				+        await navigator.clipboard.writeText(this.solutionContent)
			
 
				+        ElMessage.success('复制成功')
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('复制失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async toggleFavorite() {
			
 
				+      try {
			
 
				+        // TODO: 调用后端API进行收藏/取消收藏
			
 
				+        this.isFavorite = !this.isFavorite
			
 
				+        ElMessage.success(this.isFavorite ? '收藏成功' : '已取消收藏')
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error(this.isFavorite ? '收藏失败' : '取消收藏失败')
			
 
				+      }
			
 
				+    },
			
 
				+    downloadContent() {
			
 
				+      try {
			
 
				+        const blob = new Blob([this.solutionContent], { type: 'text/plain;charset=utf-8' })
			
 
				+        const url = window.URL.createObjectURL(blob)
			
 
				+        const link = document.createElement('a')
			
 
				+        link.href = url
			
 
				+        link.download = '方案内容.txt'
			
 
				+        document.body.appendChild(link)
			
 
				+        link.click()
			
 
				+        document.body.removeChild(link)
			
 
				+        window.URL.revokeObjectURL(url)
			
 
				+        ElMessage.success('下载成功')
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('下载失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async regenerateAnswer() {
			
 
				+      try {
			
 
				+        // TODO: 调用后端API重新生成答案
			
 
				+        await this.getSolutionContent()
			
 
				+        ElMessage.success('重新生成成功')
			
 
				+      } catch (error) {
			
 
				+        ElMessage.error('重新生成失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async like() {
			
 
				+      if (this.isDisliked) {
			
 
				+        this.isDisliked = false
			
 
				+      }
			
 
				+      this.isLiked = !this.isLiked
			
 
				+      try {
			
 
				+        // TODO: 调用后端API进行点赞
			
 
				+        ElMessage.success(this.isLiked ? '点赞成功' : '已取消点赞')
			
 
				+      } catch (error) {
			
 
				+        this.isLiked = !this.isLiked
			
 
				+        ElMessage.error('操作失败')
			
 
				+      }
			
 
				+    },
			
 
				+    async dislike() {
			
 
				+      if (this.isLiked) {
			
 
				+        this.isLiked = false
			
 
				+      }
			
 
				+      this.isDisliked = !this.isDisliked
			
 
				+      try {
			
 
				+        // TODO: 调用后端API进行踩
			
 
				+        ElMessage.success(this.isDisliked ? '已踩' : '已取消踩')
			
 
				+      } catch (error) {
			
 
				+        this.isDisliked = !this.isDisliked
			
 
				+        ElMessage.error('操作失败')
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.solution-chat {
			
 
				+  display: flex;
			
 
				+  height: 100vh;
			
 
				+  
			
 
				+  .left-panel {
			
 
				+    width: 400px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    background-color: $background-gray;
			
 
				+    border-radius: 0px 30px 30px 0px;
			
 
				+    box-shadow: 2px 0px 10px 0px rgba(172,165,165,0.5);
			
 
				+    margin-right: 20px;
			
 
				+    
			
 
				+    .chat-content {
			
 
				+      flex: 1;
			
 
				+      overflow-y: auto;
			
 
				+      padding: 20px;
			
 
				+      
			
 
				+      .message {
			
 
				+        display: flex;
			
 
				+        align-items: flex-start;
			
 
				+        margin-bottom: 20px;
			
 
				+        gap: 12px;
			
 
				+        
			
 
				+        .avatar {
			
 
				+          width: 40px;
			
 
				+          height: 40px;
			
 
				+          flex-shrink: 0;
			
 
				+          
			
 
				+          img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            border-radius: 50%;
			
 
				+            object-fit: cover;
			
 
				+          }
			
 
				+        }
			
 
				+        
			
 
				+        .message-content {
			
 
				+          max-width: calc(100% - 60px);
			
 
				+          padding: 12px 16px;
			
 
				+          border-radius: 12px;
			
 
				+          font-size: 14px;
			
 
				+          line-height: 1.5;
			
 
				+        }
			
 
				+        
			
 
				+        &.user-message {
			
 
				+          flex-direction: row-reverse;
			
 
				+          
			
 
				+          .message-content {
			
 
				+            background-color: #e8f3ff;
			
 
				+            border-radius: 12px 2px 12px 12px;
			
 
				+            color: #333;
			
 
				+          }
			
 
				+        }
			
 
				+        
			
 
				+        &.ai-message {
			
 
				+          .message-content {
			
 
				+            background-color: #f5f7fa;
			
 
				+            border-radius: 2px 12px 12px 12px;
			
 
				+            color: #333;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    
			
 
				+    .chat-input {
			
 
				+      padding: 20px;
			
 
				+      
			
 
				+      .template-content {
			
 
				+        margin-bottom: 15px;
			
 
				+        padding: 15px;
			
 
				+        background: #f5f7fa;
			
 
				+        border-radius: 4px;
			
 
				+        border: 1px solid #e0e0e0;
			
 
				+        
			
 
				+        .template-title {
			
 
				+          font-size: 16px;
			
 
				+          font-weight: bold;
			
 
				+          margin-bottom: 10px;
			
 
				+          color: #333;
			
 
				+        }
			
 
				+
			
 
				+        .template-body {
			
 
				+          color: #666;
			
 
				+          line-height: 1.5;
			
 
				+          margin-bottom: 10px;
			
 
				+        }
			
 
				+        
			
 
				+        .template-reply {
			
 
				+          color: #666;
			
 
				+          margin-top: 10px;
			
 
				+          font-size: 14px;
			
 
				+          padding-top: 10px;
			
 
				+          border-top: 1px dashed #e0e0e0;
			
 
				+        }
			
 
				+      }
			
 
				+      
			
 
				+      .input-box {
			
 
				+        position: relative;
			
 
				+        
			
 
				+        textarea {
			
 
				+          width: 100%;
			
 
				+          height: 80px;
			
 
				+          padding: 12px;
			
 
				+          border: 1px solid #dcdfe6;
			
 
				+          border-radius: 4px;
			
 
				+          resize: none;
			
 
				+          font-size: 14px;
			
 
				+          line-height: 1.5;
			
 
				+          transition: border-color 0.2s;
			
 
				+          border-radius: 20px;
			
 
				+          
			
 
				+          &:focus {
			
 
				+            border-color: $primary-color;
			
 
				+            outline: none;
			
 
				+          }
			
 
				+        }
			
 
				+        
			
 
				+        .send-icon {
			
 
				+          position: absolute;
			
 
				+          right: 12px;
			
 
				+          bottom: 12px;
			
 
				+          cursor: pointer;
			
 
				+          color: #409EFF;
			
 
				+          width: 24px;
			
 
				+          height: 24px;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          justify-content: center;
			
 
				+          border-radius: 50%;
			
 
				+          transition: all 0.2s;
			
 
				+          
			
 
				+          &:hover {
			
 
				+            background: #ecf5ff;
			
 
				+          }
			
 
				+          
			
 
				+          img {
			
 
				+            width: 24px;
			
 
				+            height: 24px;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  
			
 
				+  .right-panel {
			
 
				+    flex: 1;
			
 
				+    padding: 20px;
			
 
				+    background: #fff;
			
 
				+    
			
 
				+    .action-buttons {
			
 
				+      margin-bottom: 20px;
			
 
				+      padding: 15px;
			
 
				+      border-radius: 4px;
			
 
				+      
			
 
				+      .button-group {
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: flex-end;
			
 
				+        gap: 15px;
			
 
				+        
			
 
				+        img {
			
 
				+          width: 20px;
			
 
				+          height: 20px;
			
 
				+          cursor: pointer;
			
 
				+        }
			
 
				+        
			
 
				+        .regenerate {
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          gap: 8px;
			
 
				+          cursor: pointer;
			
 
				+          padding: 8px 16px;
			
 
				+          border-radius: 4px;
			
 
				+          transition: all 0.2s;
			
 
				+          
			
 
				+          &:hover {
			
 
				+            background: #ecf5ff;
			
 
				+            color: $primary-color;
			
 
				+          }
			
 
				+          
			
 
				+          i {
			
 
				+            font-size: 16px;
			
 
				+          }
			
 
				+          
			
 
				+          span {
			
 
				+            font-size: 14px;
			
 
				+          }
			
 
				+        }
			
 
				+        
			
 
				+        .feedback {
			
 
				+          display: flex;
			
 
				+          gap: 15px;
			
 
				+          
			
 
				+          i {
			
 
				+            &.reverse {
			
 
				+              transform: rotate(180deg);
			
 
				+              
			
 
				+              &:hover {
			
 
				+                transform: rotate(180deg) scale(1.1);
			
 
				+              }
			
 
				+              
			
 
				+              &.active {
			
 
				+                color: #f56c6c;
			
 
				+              }
			
 
				+            }
			
 
				+            
			
 
				+            &.active:not(.reverse) {
			
 
				+              color: #67c23a;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    
			
 
				+    .solution-content {
			
 
				+      padding: 20px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/UserInfo.vue
+++ b/src/views/UserInfo.vue
@@ -0,0 +1,9 @@
 
				+<!--
			
 
				+ * @Description: 
			
 
				+ * @Author: gcz
			
 
				+ * @Date: 2025-03-10 17:37:39
			
 
				+ * @LastEditors: gcz
			
 
				+ * @LastEditTime: 2025-03-10 17:37:39
			
 
				+ * @FilePath: \knowledge_userui\src\views\UserInfo.vue
			
 
				+ * @Copyright: Copyright (c) 2016~2025 by gcz, All Rights Reserved. 
			
 
				+-->
			
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,83 @@
 
				+import { defineConfig, loadEnv } from 'vite'
			
 
				+import vue from '@vitejs/plugin-vue'
			
 
				+import path from 'path'
			
 
				+import { compression } from 'vite-plugin-compression2'
			
 
				+
			
 
				+// https://vitejs.dev/config/
			
 
				+export default defineConfig(({ command, mode }) => {
			
 
				+  // 根据当前工作目录中的 `mode` 加载 .env 文件
			
 
				+  const env = loadEnv(mode, process.cwd())
			
 
				+  
			
 
				+  return {
			
 
				+    plugins: [
			
 
				+      vue(),
			
 
				+      // 配置gzip压缩
			
 
				+      env.VITE_USE_COMPRESSION === 'true' && compression({
			
 
				+        algorithm: 'gzip',
			
 
				+        threshold: 1024 * 10 // 10KB以上的文件进行压缩
			
 
				+      })
			
 
				+    ],
			
 
				+    resolve: {
			
 
				+      alias: {
			
 
				+        '@': path.resolve(__dirname, 'src')
			
 
				+        // 'element-plus/lib/locale/lang/zh-cn': 'element-plus/dist/locale/zh-cn.mjs'
			
 
				+      }
			
 
				+    },
			
 
				+    server: {
			
 
				+      port: 3000,
			
 
				+      proxy: env.VITE_USE_PROXY === 'true' ? {
			
 
				+        [env.VITE_API_BASE_URL]: {
			
 
				+          target: env.VITE_PROXY_TARGET,
			
 
				+          changeOrigin: true,
			
 
				+          rewrite: (path) => path.replace(/^\/env.VITE_API_BASE_URL/, '')
			
 
				+        }
			
 
				+      } : null
			
 
				+    },
			
 
				+    css: {
			
 
				+      preprocessorOptions: {
			
 
				+        scss: {
			
 
				+          api: 'modern-compiler',
			
 
				+          additionalData: `@use "@/styles/variables.scss" as *;`
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    build: {
			
 
				+      // 指定输出路径
			
 
				+      outDir: mode === 'production' ? 'dist-prod' : 'dist-test',
			
 
				+      // 生成静态资源的存放路径
			
 
				+      assetsDir: 'assets',
			
 
				+      // 小于此阈值的导入或引用资源将内联为 base64 编码
			
 
				+      assetsInlineLimit: 4096,
			
 
				+      // 启用/禁用 CSS 代码拆分
			
 
				+      cssCodeSplit: true,
			
 
				+      // 构建后是否生成 source map 文件
			
 
				+      sourcemap: mode === 'production',
			
 
				+      // 自定义底层的 Rollup 打包配置
			
 
				+      rollupOptions: {
			
 
				+        input: {
			
 
				+          main: path.resolve(__dirname, 'index.html')
			
 
				+        },
			
 
				+        output: {
			
 
				+          // 分类输出
			
 
				+          chunkFileNames: 'assets/js/[name]-[hash].js',
			
 
				+          entryFileNames: 'assets/js/[name]-[hash].js',
			
 
				+          assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
			
 
				+          // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
			
 
				+          manualChunks: {
			
 
				+            'element-plus': ['element-plus'],
			
 
				+            'vue-lib': ['vue', 'vue-router', 'pinia']
			
 
				+          }
			
 
				+        }
			
 
				+      },
			
 
				+      // 设置为 false 可以禁用最小化混淆
			
 
				+      minify: mode === 'production' ? false : 'esbuild',
			
 
				+      // 启用/禁用 brotli 压缩大小报告
			
 
				+      brotliSize: false,
			
 
				+      // chunk 大小警告的限制
			
 
				+      chunkSizeWarningLimit: 2000
			
 
				+    },
			
 
				+    optimizeDeps: {
			
 
				+      include: ['vue', 'vue-router', 'pinia', 'axios', 'element-plus']
			
 
				+    }
			
 
				+  }
			
 
				+})