From f1d0187fa0524b7e11399a80f3a68a2b1c59c5c9 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期五, 16 八月 2024 20:55:12 +0800
Subject: [PATCH] fix: 修改bug
---
src/views/sessionManager/components/chatMenu.vue | 248 ++++++++++++++++++++++++++++++++-----------------
1 files changed, 161 insertions(+), 87 deletions(-)
diff --git a/src/views/sessionManager/components/chatMenu.vue b/src/views/sessionManager/components/chatMenu.vue
index 935db5a..e61c160 100644
--- a/src/views/sessionManager/components/chatMenu.vue
+++ b/src/views/sessionManager/components/chatMenu.vue
@@ -2,7 +2,7 @@
<div class="layoutNavMoveCenter">
<div class="layoutNavMove___j5ets">
<div class="myAgent___djnd_ myAgentAnim myAgentlight___yK7Gk">
-<!-- <div data-testid="msh-sidebar-main" class="myAgentHome___PG6IZ"></div>-->
+ <div data-testid="msh-sidebar-main" class="myAgentHome___PG6IZ"></div>
<div class="myAgentLine___Isl6E"></div>
<div class="myAgentTool___Y1_mC" data-testid="msh-sidebar-new" @click="()=>{
EventBus.emit('newChat')
@@ -32,91 +32,73 @@
alt=""></div>
</div>
<div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/academic.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">瀛︽湳鎼滅储</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ <div id="myAgentBox">
+<!-- <div class="myAgentBox___zrCit">-->
+<!-- <div class="myAgentBoxImg___Mgu9e">-->
+<!-- <div class="myAgentBoxImgLayout___u69B_">-->
+<!-- <div class="MuiBox-root css-5nczy5"><img-->
+<!-- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/academic.png" alt=""-->
+<!-- style="border-radius: 50%; width: 100%; height: 100%;"></div>-->
+<!-- <span class="myAgentBoxImgLayoutTip___xHV4m">瀛︽湳鎼滅储</span></div>-->
+<!-- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">-->
+<!-- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="myAgentBox___zrCit">-->
+<!-- <div class="myAgentBoxImg___Mgu9e">-->
+<!-- <div class="myAgentBoxImgLayout___u69B_">-->
+<!-- <div class="MuiBox-root css-5nczy5"><img-->
+<!-- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/paper_rewrite.png" alt=""-->
+<!-- style="border-radius: 50%; width: 100%; height: 100%;"></div>-->
+<!-- <span class="myAgentBoxImgLayoutTip___xHV4m">璁烘枃鏀瑰啓</span></div>-->
+<!-- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">-->
+<!-- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="myAgentBox___zrCit">-->
+<!-- <div class="myAgentBoxImg___Mgu9e">-->
+<!-- <div class="myAgentBoxImgLayout___u69B_">-->
+<!-- <div class="MuiBox-root css-5nczy5"><img-->
+<!-- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/prompt.png" alt=""-->
+<!-- style="border-radius: 50%; width: 100%; height: 100%;"></div>-->
+<!-- <span class="myAgentBoxImgLayoutTip___xHV4m">鎻愮ず璇嶄笓瀹�</span></div>-->
+<!-- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">-->
+<!-- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="myAgentBox___zrCit">-->
+<!-- <div class="myAgentBoxImg___Mgu9e">-->
+<!-- <div class="myAgentBoxImgLayout___u69B_">-->
+<!-- <div class="MuiBox-root css-5nczy5"><img-->
+<!-- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/taro.png" alt=""-->
+<!-- style="border-radius: 50%; width: 100%; height: 100%;"></div>-->
+<!-- <span class="myAgentBoxImgLayoutTip___xHV4m">濉旂綏甯�</span></div>-->
+<!-- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">-->
+<!-- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+ <div class="myAgentBox___zrCit" v-for="item in sessionList">
+ <div class="myAgentBoxImg___Mgu9e" @click="createNewSession(item)">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5">
+ <img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png"
+ alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;">
+ </div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">{{item.name}}</span>
+ </div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq" @click="deleteSession(item)">
+ <div class="myAgentBoxImgDeleteInner____Hawc" >浠庝晶杈规爮绉婚櫎</div>
+ </div>
</div>
</div>
</div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/paper_rewrite.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">璁烘枃鏀瑰啓</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/prompt.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鎻愮ず璇嶄笓瀹�</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/taro.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">濉旂綏甯�</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentBox___zrCit">
- <div class="myAgentBoxImg___Mgu9e">
- <div class="myAgentBoxImgLayout___u69B_">
- <div class="MuiBox-root css-5nczy5"><img
- src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
- style="border-radius: 50%; width: 100%; height: 100%;"></div>
- <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
- <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
- <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
- </div>
- </div>
- </div>
- <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
+<!-- <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>-->
</div>
</div>
</div>
@@ -128,10 +110,100 @@
IconTiktokColor
} from "@arco-design/web-vue/es/icon";
import { useAppStore, useUserStore } from "@/store";
-import { computed, nextTick, onMounted, watch, reactive, ref } from "vue";
-
+import { computed, nextTick, onMounted, watch, reactive, ref, onBeforeMount, onBeforeUnmount } from "vue";
+import {
+ addSessionApi,
+ chatApi,
+ getDialogListApi,
+ getSessionDetailsApi,
+ deleteSessionApi,
+ sessionListApi
+} from "@/api/session";
import { Message } from "@arco-design/web-vue";
import EventBus from '@/utils/EventBus';
+const emit = defineEmits(["querySessionDetail","changeAgentType","createSession"]);
+import logo from "@/assets/images/model.png";
+import { appUsageSessionListApi, deleteAppUsage } from "@/api/Agent";
+const activeSessionId = ref("");
+const fieldNames = { value: "id", label: "name" };
+const dialogs = ref([]);
+const dialogObj = reactive({});
+const agentObj = reactive({});
+const agentList = ref([]);
+const searchValue = ref("");
+const selectValue = ref("");
+const sectionList = ref({});
+const sessionList = ref([]); //鐢ㄦ埛鎿嶄綔浼氳瘽鍒楄〃
+
+
+
+
+// 鏌ヨ鍘嗗彶鐢ㄦ埛涔犳儻浼氳瘽鍒楄〃
+const querySessionList = async (id) => {
+ const { code, data } = await appUsageSessionListApi('');
+ if (code === 200) {
+ sessionList.value = data.map((item) => {
+ return {
+ ...item,
+ }
+ });
+ // sessionList.value.splice(0, 5);
+ console.log(sessionList.value,'鐢ㄦ埛涔犳儻浼氳瘽鍒楄〃');
+ } else {
+ // Message.warning("鏌ヨ澶辫触");
+ }
+};
+
+
+// 鏂板浼氳瘽
+const createNewSession = async (session) => {
+ console.log(session, 'session');
+ // 鏌ヨ鍘嗗彶璁板綍
+ // if (session.type == '1') {
+ // // 鐢熸垚鏅鸿兘浣撴柊鐨勫璇�
+ // emit('createSession',session.id);
+ // emit('changeAgentType','1');
+ // } else {
+ // // 鐢熸垚agent鏂扮殑瀵硅瘽
+ // EventBus.emit("createAgent",session);
+ // emit('changeAgentType','2');
+ // }
+
+
+
+}
+
+
+
+
+//鏍规嵁浼氳瘽id鍒犻櫎浼氳瘽
+const deleteSession = async (session) => {
+ const { code } = await deleteAppUsage({
+ app_id:session.id
+ });
+ if (code === 200) {
+ // Message.success('鍒犻櫎鎴愬姛');
+ querySessionList('');
+ }
+};
+
+
+
+
+
+
+onBeforeMount(()=>{
+ querySessionList('');
+})
+
+onMounted(() => {
+
+})
+onBeforeUnmount(() => {
+
+});
+
+
</script>
<style scoped lang="less">
@@ -143,8 +215,10 @@
height: calc(100vh - 160px); /* 鎴栬�呮寚瀹氶珮搴� */
position: relative;
}
- .layoutNavMove___j5ets{
-
+ #myAgentBox{
+ //width: 100%;
+ //max-height: 220px;
+ //overflow: hidden;
}
--
Gitblit v1.8.0