From 4043d20ea6d953d001e966f145c15e2b50b43d00 Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Sun, 4 May 2025 12:53:36 +0800
Subject: [PATCH 1/2] =?UTF-8?q?update:=E8=81=8A=E5=A4=A9=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E5=B1=95=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../agent/dto/AgentChatHistoryDTO.java        |   3 +
 main/manager-web/src/apis/module/agent.js     |  46 +++
 main/manager-web/src/assets/user-avatar.png   | Bin 0 -> 8330 bytes
 .../src/components/ChatHistoryDialog.vue      | 366 ++++++++++++++++++
 .../manager-web/src/components/DeviceItem.vue |   6 +
 main/manager-web/src/views/home.vue           |  42 +-
 6 files changed, 442 insertions(+), 21 deletions(-)
 create mode 100644 main/manager-web/src/assets/user-avatar.png
 create mode 100644 main/manager-web/src/components/ChatHistoryDialog.vue

diff --git a/main/manager-api/src/main/java/xiaozhi/modules/agent/dto/AgentChatHistoryDTO.java b/main/manager-api/src/main/java/xiaozhi/modules/agent/dto/AgentChatHistoryDTO.java
index a444917d..fd49e52b 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/agent/dto/AgentChatHistoryDTO.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/agent/dto/AgentChatHistoryDTO.java
@@ -22,4 +22,7 @@ public class AgentChatHistoryDTO {
 
     @Schema(description = "音频ID")
     private String audioId;
+
+    @Schema(description = "MAC地址")
+    private String macAddress;
 }
\ No newline at end of file
diff --git a/main/manager-web/src/apis/module/agent.js b/main/manager-web/src/apis/module/agent.js
index 87323f9c..fd8f6cf3 100644
--- a/main/manager-web/src/apis/module/agent.js
+++ b/main/manager-web/src/apis/module/agent.js
@@ -97,4 +97,50 @@ export default {
                 });
             }).send();
     },
+    // 获取智能体会话列表
+    getAgentSessions(agentId, params, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/agent/${agentId}/sessions`)
+            .method('GET')
+            .data(params)
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .fail(() => {
+                RequestService.reAjaxFun(() => {
+                    this.getAgentSessions(agentId, params, callback);
+                });
+            }).send();
+    },
+    // 获取智能体聊天记录
+    getAgentChatHistory(agentId, sessionId, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/agent/${agentId}/chat-history/${sessionId}`)
+            .method('GET')
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .fail(() => {
+                RequestService.reAjaxFun(() => {
+                    this.getAgentChatHistory(agentId, sessionId, callback);
+                });
+            }).send();
+    },
+}
+
+export function getAgentSessions(agentId, params) {
+    return request({
+        url: `/agent/${agentId}/sessions`,
+        method: 'get',
+        params
+    });
+}
+
+export function getAgentChatHistory(agentId, sessionId) {
+    return request({
+        url: `/agent/${agentId}/chat-history/${sessionId}`,
+        method: 'get'
+    });
 }
diff --git a/main/manager-web/src/assets/user-avatar.png b/main/manager-web/src/assets/user-avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..c99604750825693a37a9aaa2cb9f4934139983e1
GIT binary patch
literal 8330
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

literal 0
HcmV?d00001

diff --git a/main/manager-web/src/components/ChatHistoryDialog.vue b/main/manager-web/src/components/ChatHistoryDialog.vue
new file mode 100644
index 00000000..967df436
--- /dev/null
+++ b/main/manager-web/src/components/ChatHistoryDialog.vue
@@ -0,0 +1,366 @@
+<template>
+    <el-dialog :title="'与' + agentName + '的聊天记录' + (currentMacAddress ? '[' + currentMacAddress + ']' : '')"
+        :visible.sync="dialogVisible" width="80%" :before-close="handleClose" custom-class="chat-history-dialog">
+        <div class="chat-container">
+            <div class="session-list" @scroll="handleScroll">
+                <div v-for="session in sessions" :key="session.sessionId" class="session-item"
+                    :class="{ active: currentSessionId === session.sessionId }" @click="selectSession(session)">
+                    <img src="@/assets/xiaozhi-logo.png" class="avatar" />
+                    <div class="session-info">
+                        <div class="session-time">{{ formatTime(session.createdAt) }}</div>
+                        <div class="message-count">{{ session.chatCount }}</div>
+                    </div>
+                </div>
+                <div v-if="loading" class="loading">加载中...</div>
+                <div v-if="!hasMore" class="no-more">没有更多记录了</div>
+            </div>
+            <div class="chat-content">
+                <div v-if="currentSessionId" class="messages">
+                    <div v-for="(message, index) in messagesWithTime" :key="message.id">
+                        <div v-if="message.type === 'time'" class="time-divider">
+                            {{ message.content }}
+                        </div>
+                        <div v-else class="message-item" :class="{ 'user-message': message.chatType === 1 }">
+                            <img :src="message.chatType === 1 ? require('@/assets/user-avatar.png') : require('@/assets/xiaozhi-logo.png')"
+                                class="avatar" />
+                            <div class="message-content">{{ message.content }}</div>
+                        </div>
+                    </div>
+                </div>
+                <div v-else class="no-session-selected">
+                    请选择会话查看聊天记录
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import Api from '@/apis/api';
+
+export default {
+    name: 'ChatHistoryDialog',
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        agentId: {
+            type: String,
+            required: true
+        },
+        agentName: {
+            type: String,
+            required: true
+        }
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            sessions: [],
+            messages: [],
+            currentSessionId: '',
+            currentMacAddress: '',
+            page: 1,
+            limit: 10,
+            loading: false,
+            hasMore: true,
+            scrollTimer: null,
+            isFirstLoad: true
+        };
+    },
+    watch: {
+        visible(val) {
+            this.dialogVisible = val;
+            if (val) {
+                this.resetData();
+                this.loadSessions();
+            }
+        },
+        dialogVisible(val) {
+            if (!val) {
+                this.$emit('update:visible', false);
+            }
+        }
+    },
+    computed: {
+        messagesWithTime() {
+            if (!this.messages || this.messages.length === 0) return [];
+
+            const result = [];
+            const TIME_INTERVAL = 60 * 1000; // 1分钟的时间间隔（毫秒）
+
+            // 添加第一条消息的时间标记
+            if (this.messages[0]) {
+                result.push({
+                    type: 'time',
+                    content: this.formatTime(this.messages[0].createdAt),
+                    id: `time-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+                });
+            }
+
+            // 处理消息列表
+            for (let i = 0; i < this.messages.length; i++) {
+                const currentMessage = this.messages[i];
+                result.push(currentMessage);
+
+                // 检查是否需要添加时间标记
+                if (i < this.messages.length - 1) {
+                    const currentTime = new Date(currentMessage.createdAt).getTime();
+                    const nextTime = new Date(this.messages[i + 1].createdAt).getTime();
+
+                    if (nextTime - currentTime > TIME_INTERVAL) {
+                        result.push({
+                            type: 'time',
+                            content: this.formatTime(this.messages[i + 1].createdAt),
+                            id: `time-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+                        });
+                    }
+                }
+            }
+
+            return result;
+        }
+    },
+    methods: {
+        resetData() {
+            this.sessions = [];
+            this.messages = [];
+            this.currentSessionId = '';
+            this.currentMacAddress = '';
+            this.page = 1;
+            this.loading = false;
+            this.hasMore = true;
+            this.isFirstLoad = true;
+        },
+        handleClose() {
+            this.dialogVisible = false;
+        },
+        loadSessions() {
+            if (this.loading || (!this.isFirstLoad && !this.hasMore)) {
+                return;
+            }
+
+            this.loading = true;
+            const params = {
+                page: this.page,
+                limit: this.limit
+            };
+
+            Api.agent.getAgentSessions(this.agentId, params, (res) => {
+                if (res.data && res.data.data && Array.isArray(res.data.data.list)) {
+                    const list = res.data.data.list;
+                    this.hasMore = list.length === this.limit;
+
+                    this.sessions = [...this.sessions, ...list];
+                    this.page++;
+
+                    if (this.sessions.length > 0 && !this.currentSessionId) {
+                        this.selectSession(this.sessions[0]);
+                    }
+                }
+                this.loading = false;
+                this.isFirstLoad = false;
+            });
+        },
+        selectSession(session) {
+            this.currentSessionId = session.sessionId;
+            Api.agent.getAgentChatHistory(this.agentId, session.sessionId, (res) => {
+                if (res.data && res.data.data) {
+                    this.messages = res.data.data;
+                    if (this.messages.length > 0 && this.messages[0].macAddress) {
+                        this.currentMacAddress = this.messages[0].macAddress;
+                    }
+                }
+            });
+        },
+        handleScroll(e) {
+            if (this.scrollTimer) {
+                clearTimeout(this.scrollTimer);
+            }
+
+            this.scrollTimer = setTimeout(() => {
+                const { scrollTop, scrollHeight, clientHeight } = e.target;
+                // 当滚动到底部时加载更多
+                if (scrollHeight - scrollTop <= clientHeight + 50) {
+                    this.loadSessions();
+                }
+            }, 200);
+        },
+        formatTime(timestamp) {
+            const date = new Date(timestamp);
+            const now = new Date();
+            const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+            const yesterday = new Date(today);
+            yesterday.setDate(yesterday.getDate() - 1);
+
+            const hours = date.getHours().toString().padStart(2, '0');
+            const minutes = date.getMinutes().toString().padStart(2, '0');
+
+            if (date >= today) {
+                return `今天 ${hours}:${minutes}`;
+            } else if (date >= yesterday) {
+                return `昨天 ${hours}:${minutes}`;
+            } else {
+                const year = date.getFullYear();
+                const month = (date.getMonth() + 1).toString().padStart(2, '0');
+                const day = date.getDate().toString().padStart(2, '0');
+                return `${year}-${month}-${day} ${hours}:${minutes}`;
+            }
+        }
+    }
+};
+</script>
+
+<style scoped>
+.chat-container {
+    display: flex;
+    height: 600px;
+}
+
+.session-list {
+    width: 250px;
+    border-right: 1px solid #eee;
+    overflow-y: auto;
+    padding: 10px;
+}
+
+.session-item {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    cursor: pointer;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+.session-item:hover {
+    background-color: #f5f5f5;
+}
+
+.session-item.active {
+    background-color: #e6f7ff;
+}
+
+.avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    margin-right: 10px;
+}
+
+.session-info {
+    flex: 1;
+}
+
+.session-time {
+    font-size: 14px;
+    color: #272727;
+    float: left;
+    height: 30px;
+    line-height: 30px;
+    width: calc(100% - 30px);
+    /* 为消息数量留出空间 */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.message-count {
+    font-size: 14px;
+    color: #fff;
+    background-color: #1890ff;
+    border-radius: 20px;
+    float: left;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    margin-top: 5px;
+    margin-left: 5px;
+}
+
+.chat-content {
+    flex: 1;
+    padding: 20px;
+    overflow-y: auto;
+}
+
+.message-item {
+    display: flex;
+    margin-bottom: 20px;
+}
+
+.message-item.user-message {
+    flex-direction: row-reverse;
+}
+
+.message-content {
+    max-width: 60%;
+    padding: 10px 15px;
+    border-radius: 8px;
+    background-color: #f0f0f0;
+    margin: 0 10px;
+    text-align: left;
+    line-height: 20px;
+}
+
+.user-message .message-content {
+    background-color: #1890ff;
+    color: white;
+}
+
+.loading,
+.no-more {
+    text-align: center;
+    padding: 10px 10px 30px 10px;
+    color: #999;
+}
+
+.no-session-selected {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    color: #999;
+}
+
+.time-divider {
+    text-align: center;
+    margin: 10px 0;
+    color: #999;
+    font-size: 12px;
+}
+
+.time-divider::before,
+.time-divider::after {
+    content: '';
+    display: inline-block;
+    width: 30%;
+    height: 1px;
+    background-color: #eee;
+    vertical-align: middle;
+    margin: 0 10px;
+}
+</style>
+
+<style>
+.chat-history-dialog {
+    display: flex;
+    flex-direction: column;
+    min-width: 700px;
+    margin: 0 !important;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    height: 80vh;
+    max-width: 85vw;
+}
+
+.chat-history-dialog .el-dialog__body {
+    padding: 0;
+    overflow: hidden;
+    height: calc(80vh - 54px);
+    /* 减去标题栏的高度 */
+}
+</style>
\ No newline at end of file
diff --git a/main/manager-web/src/components/DeviceItem.vue b/main/manager-web/src/components/DeviceItem.vue
index 2ac0bbac..fa81a04d 100644
--- a/main/manager-web/src/components/DeviceItem.vue
+++ b/main/manager-web/src/components/DeviceItem.vue
@@ -26,6 +26,9 @@
       <div class="settings-btn" @click="handleDeviceManage">
         设备管理({{ device.deviceCount }})
       </div>
+      <div class="settings-btn" @click="handleChatHistory">
+        聊天记录
+      </div>
     </div>
     <div class="version-info">
       <div>最近对话：{{ device.lastConnectedAt }}</div>
@@ -51,6 +54,9 @@ export default {
     },
     handleDeviceManage() {
       this.$router.push({ path: '/device-management', query: { agentId: this.device.agentId } });
+    },
+    handleChatHistory() {
+      this.$emit('chat-history', { agentId: this.device.agentId, agentName: this.device.agentName })
     }
   }
 }
diff --git a/main/manager-web/src/views/home.vue b/main/manager-web/src/views/home.vue
index 8091b8bb..e276ec20 100644
--- a/main/manager-web/src/views/home.vue
+++ b/main/manager-web/src/views/home.vue
@@ -32,11 +32,7 @@
         </div>
         <div class="device-list-container">
           <template v-if="isLoading">
-            <div
-              v-for="i in skeletonCount"
-              :key="'skeleton-'+i"
-              class="skeleton-item"
-            >
+            <div v-for="i in skeletonCount" :key="'skeleton-' + i" class="skeleton-item">
               <div class="skeleton-image"></div>
               <div class="skeleton-content">
                 <div class="skeleton-line"></div>
@@ -46,14 +42,8 @@
           </template>
 
           <template v-else>
-            <DeviceItem
-              v-for="(item, index) in devices"
-              :key="index"
-              :device="item"
-              @configure="goToRoleConfig"
-              @deviceManage="handleDeviceManage"
-              @delete="handleDeleteAgent"
-            />
+            <DeviceItem v-for="(item, index) in devices" :key="index" :device="item" @configure="goToRoleConfig"
+              @deviceManage="handleDeviceManage" @delete="handleDeleteAgent" @chat-history="handleShowChatHistory" />
           </template>
         </div>
       </div>
@@ -62,6 +52,7 @@
     <el-footer>
       <version-footer />
     </el-footer>
+    <chat-history-dialog :visible.sync="showChatHistory" :agent-id="currentAgentId" :agent-name="currentAgentName" />
   </div>
 
 </template>
@@ -69,13 +60,14 @@
 <script>
 import Api from '@/apis/api';
 import AddWisdomBodyDialog from '@/components/AddWisdomBodyDialog.vue';
+import ChatHistoryDialog from '@/components/ChatHistoryDialog.vue';
 import DeviceItem from '@/components/DeviceItem.vue';
 import HeaderBar from '@/components/HeaderBar.vue';
 import VersionFooter from '@/components/VersionFooter.vue';
 
 export default {
   name: 'HomePage',
-  components: { DeviceItem, AddWisdomBodyDialog, HeaderBar, VersionFooter },
+  components: { DeviceItem, AddWisdomBodyDialog, HeaderBar, VersionFooter, ChatHistoryDialog },
   data() {
     return {
       addDeviceDialogVisible: false,
@@ -85,6 +77,9 @@ export default {
       searchRegex: null,
       isLoading: true,
       skeletonCount: localStorage.getItem('skeletonCount') || 8,
+      showChatHistory: false,
+      currentAgentId: '',
+      currentAgentName: ''
     }
   },
 
@@ -177,6 +172,11 @@ export default {
           }
         });
       }).catch(() => { });
+    },
+    handleShowChatHistory({ agentId, agentName }) {
+      this.currentAgentId = agentId;
+      this.currentAgentName = agentName;
+      this.showChatHistory = true;
     }
   }
 }
@@ -302,7 +302,9 @@ export default {
 
 /* 骨架屏动画 */
 @keyframes shimmer {
-  100% { transform: translateX(100%); }
+  100% {
+    transform: translateX(100%);
+  }
 }
 
 .skeleton-item {
@@ -353,12 +355,10 @@ export default {
   left: 0;
   width: 50%;
   height: 100%;
-  background: linear-gradient(
-    90deg,
-    rgba(255,255,255,0),
-    rgba(255,255,255,0.3),
-    rgba(255,255,255,0)
-  );
+  background: linear-gradient(90deg,
+      rgba(255, 255, 255, 0),
+      rgba(255, 255, 255, 0.3),
+      rgba(255, 255, 255, 0));
   animation: shimmer 1.5s infinite;
 }
 </style>
\ No newline at end of file

From e7d999278d7613358202a69e8d955945c1f0e88f Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Sun, 4 May 2025 13:00:56 +0800
Subject: [PATCH 2/2] =?UTF-8?q?update:=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xiaozhi/modules/sys/controller/SysDictDataController.java   | 2 +-
 main/manager-web/src/components/ChatHistoryDialog.vue           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/main/manager-api/src/main/java/xiaozhi/modules/sys/controller/SysDictDataController.java b/main/manager-api/src/main/java/xiaozhi/modules/sys/controller/SysDictDataController.java
index 72d1b41b..30187fe8 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/sys/controller/SysDictDataController.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/sys/controller/SysDictDataController.java
@@ -96,7 +96,7 @@ public class SysDictDataController {
 
     @GetMapping("/type/{dictType}")
     @Operation(summary = "获取字典数据列表")
-    @RequiresPermissions("sys:role:superAdmin")
+    @RequiresPermissions("sys:role:normal")
     public Result<List<SysDictDataItem>> getDictDataByType(@PathVariable("dictType") String dictType) {
         List<SysDictDataItem> list = sysDictDataService.getDictDataByType(dictType);
         return new Result<List<SysDictDataItem>>().ok(list);
diff --git a/main/manager-web/src/components/ChatHistoryDialog.vue b/main/manager-web/src/components/ChatHistoryDialog.vue
index 967df436..646164b9 100644
--- a/main/manager-web/src/components/ChatHistoryDialog.vue
+++ b/main/manager-web/src/components/ChatHistoryDialog.vue
@@ -8,7 +8,7 @@
                     <img src="@/assets/xiaozhi-logo.png" class="avatar" />
                     <div class="session-info">
                         <div class="session-time">{{ formatTime(session.createdAt) }}</div>
-                        <div class="message-count">{{ session.chatCount }}</div>
+                        <div class="message-count">{{ session.chatCount > 99 ? '99' : session.chatCount }}</div>
                     </div>
                 </div>
                 <div v-if="loading" class="loading">加载中...</div>