perf: AI机器人支持多会话

app/Http/Controllers/Api/DialogController.php

@@ -3175,6 +3175,14 @@ class DialogController extends AbstractController
         $sessions = WebSocketDialogSession::whereDialogId($dialog->id)
             ->orderByDesc('id')
             ->paginate(Base::getPaginate(100, 10));
+        $sessions->transform(function ($item) use ($dialog) {
+            if ($item->id === $dialog->session_id) {
+                $item->is_open = 1;
+            } else {
+                $item->is_open = 0;
+            }
+            return $item;
+        });
         //
         return Base::retSuccess('success', $sessions);
     }

database/migrations/2025_02_07_163701_create_web_socket_dialog_sessions_table.php

@@ -34,9 +34,10 @@ class CreateWebSocketDialogSessionsTable extends Migration
             ->get();
         foreach ($list as $item) {
             $title = WebSocketDialogMsg::whereDialogId($item->id)->where('key', '!=', '')->orderBy('id')->value('key');
-            $session = WebSocketDialogSession::create([
+            $session = WebSocketDialogSession::createInstance([
                 'dialog_id' => $item->id,
                 'title' => $title ? Base::cutStr($title, 100) : 'Unknown',
+                'created_at' => $item->created_at,
             ]);
             $session->save();
             $item->session_id = $session->id;

resources/assets/js/pages/manage/components/DialogSessionHistory.vue

@@ -0,0 +1,126 @@
+<template>
+    <div class="dialog-session-history">
+        <div class="session-history-title">{{$L('与 (*) 会话历史', sessionData.name)}}</div>
+        <Scrollbar
+            ref="list"
+            class="session-history-list"
+            @on-scroll="listScroll">
+            <ul>
+                <li v-for="(item, index) in listData" :key="index" @click="onOpen(item)">
+                    <div class="history-title">
+                        <em v-if="item.is_open">{{$L('当前')}}</em>{{item.title || $L('新会话')}}
+                    </div>
+                    <div class="history-time" :title="item.created_at">
+                        {{$A.timeFormat(item.created_at)}}
+                    </div>
+                </li>
+            </ul>
+            <div v-if="listLoad > 0" class="session-history-load">
+                <Loading/>
+            </div>
+        </Scrollbar>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "DialogSessionHistory",
+    props: {
+        sessionData: {
+            type: Object,
+            default: () => {
+                return {};
+            }
+        },
+    },
+
+    data() {
+        return {
+            openIng: false,
+
+            listData: [],
+            listLoad: 0,
+            listCurrentPage: 1,
+            listHasMorePages: false,
+        }
+    },
+
+    mounted() {
+        this.getListData(1)
+    },
+
+    methods: {
+        scrollE() {
+            if (!this.$refs.list) {
+                return 0
+            }
+            const scrollInfo = this.$refs.list.scrollInfo()
+            return scrollInfo.scrollE
+        },
+
+        getListData(page) {
+            this.listLoad++;
+            this.$store.dispatch("call", {
+                url: "dialog/session/list",
+                data: {
+                    dialog_id: this.sessionData.dialog_id,
+                    page: page,
+                    pagesize: 50
+                }
+            }).then(({data}) => {
+                if (data.current_page === 1) {
+                    this.listData = data.data
+                } else {
+                    this.listData = this.listData.concat(data.data)
+                }
+                this.listCurrentPage = data.current_page;
+                this.listHasMorePages = data.current_page < data.last_page;
+                this.$nextTick(this.getListNextPage);
+            }).catch(({msg}) => {
+                $A.modalError(msg)
+            }).finally(_ => {
+                this.listLoad--;
+            });
+        },
+
+        listScroll() {
+            if (this.scrollE() < 10) {
+                this.getListNextPage()
+            }
+        },
+
+        getListNextPage() {
+            if (this.scrollE() < 10
+                && this.listLoad === 0
+                && this.listHasMorePages) {
+                this.getListData(this.listCurrentPage + 1);
+            }
+        },
+
+        onOpen(item) {
+            if (item.is_open) {
+                this.$emit("on-close")
+                return
+            }
+            //
+            if (this.openIng) {
+                return
+            }
+            this.openIng = true
+            //
+            this.$store.dispatch("call", {
+                url: "dialog/session/open",
+                data: {
+                    session_id: item.id,
+                }
+            }).then(() => {
+                this.$emit("on-submit")
+            }).catch(({msg}) => {
+                $A.modalError(msg)
+            }).finally(_ => {
+                this.openIng = false;
+            });
+        }
+    }
+}
+</script>

resources/assets/js/pages/manage/components/DialogWrapper.vue

@@ -644,6 +644,18 @@
             <DialogRespond v-if="respondShow" :respond-data="respondData" @on-close="respondShow=false"/>
         </DrawerOverlay>
 
+        <!--历史会话-->
+        <DrawerOverlay
+            v-model="sessionHistoryShow"
+            placement="right"
+            :size="500">
+            <DialogSessionHistory
+                v-if="sessionHistoryShow"
+                :session-data="sessionHistoryData"
+                @on-submit="onSessionSubmit"
+                @on-close="sessionHistoryShow=false"/>
+        </DrawerOverlay>
+
         <!--待办完成-->
         <DrawerOverlay
             v-model="todoViewShow"
@@ -692,6 +704,7 @@ import DialogUpload from "./DialogUpload";
 import DrawerOverlay from "../../../components/DrawerOverlay";
 import DialogGroupInfo from "./DialogGroupInfo";
 import DialogRespond from "./DialogRespond";
+import DialogSessionHistory from "./DialogSessionHistory";
 import ChatInput from "./ChatInput";
 
 import VirtualList from "vue-virtual-scroll-list-hi"
@@ -716,6 +729,7 @@ export default {
         UserSelect,
         ImgUpload,
         DialogRespond,
+        DialogSessionHistory,
         DialogItem,
         VirtualList,
         ChatInput,
@@ -827,6 +841,9 @@ export default {
             respondShow: false,
             respondData: {},
 
+            sessionHistoryShow: false,
+            sessionHistoryData: {},
+
             todoSettingShow: false,
             todoSettingLoad: 0,
             todoSettingData: {
@@ -1940,6 +1957,11 @@ export default {
                     if (!this.isAiBot) {
                         return
                     }
+                    this.sessionHistoryData = {
+                        dialog_id: this.dialogId,
+                        name: this.dialogData.name,
+                    }
+                    this.sessionHistoryShow = true
                     break;
 
                 // 发送快捷指令
@@ -2584,6 +2606,11 @@ export default {
             this.$store.dispatch("openOkr", this.dialogData.link_id);
         },
 
+        onSessionSubmit() {
+            this.sessionHistoryShow = false;
+            this.onGetMsgClear();
+        },
+
         onGetMsgClear() {
             this.getMsgs({
                 dialog_id: this.dialogId,

resources/assets/sass/pages/components/_.scss

@@ -2,6 +2,7 @@
 @import "dialog-group-info";
 @import "dialog-respond";
 @import "dialog-select";
+@import "dialog-session-history";
 @import "dialog-wrapper";
 @import "file-content";
 @import "general-operation";

resources/assets/sass/pages/components/dialog-session-history.scss

@@ -0,0 +1,113 @@
+.dialog-session-history {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    .session-history-title {
+        text-align: center;
+        height: 56px;
+        line-height: 56px;
+        border-bottom: 1px solid #eeeeee;
+        font-size: 16px;
+        font-weight: 500;
+        padding: 0 24px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    .session-history-list {
+        flex: 1;
+        overflow: auto;
+        padding: 6px;
+
+        ul {
+            > li {
+                list-style: none;
+                padding: 12px;
+                margin: 6px;
+                border-top-right-radius: 6px;
+                border-top-left-radius: 6px;
+                position: relative;
+
+                &::after {
+                    display: table;
+                    clear: both;
+                    content: "";
+                }
+
+                &::before {
+                    content: "";
+                    position: absolute;
+                    left: 0;
+                    bottom: 0;
+                    right: 0;
+                    height: 1px;
+                    background: #eeeeee;
+                }
+
+                &:hover {
+                    background-color: rgba($primary-desc-color, 0.1);
+                }
+
+                &:last-child {
+                    &::before {
+                        display: none;
+                    }
+                }
+
+                .history-title {
+                    float: left;
+                    line-height: 20px;
+
+                    > em {
+                        font-style: normal;
+                        font-size: 12px;
+                        margin-right: 6px;
+                        background: #666;
+                        color: #ffffff;
+                        padding: 0 6px;
+                        border-radius: 6px;
+                        line-height: 20px;
+                        display: inline-block;
+                    }
+                }
+
+                .history-time {
+                    float: right;
+                    opacity: 0.5;
+                }
+            }
+        }
+    }
+
+    .session-history-load {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 36px;
+        .common-loading {
+            width: 20px;
+            height: 20px;
+        }
+    }
+}
+
+body.window-portrait {
+    .dialog-session-history {
+        .session-history-list {
+            > ul {
+                > li {
+                    &:hover {
+                        background-color: transparent;
+                    }
+                }
+            }
+        }
+    }
+}