2

src/views/home/left-nav.vue

@@ -43,15 +43,15 @@
 					/>
 					<span class="label" v-show="!item.edit">{{ item.name }}</span>
 					<el-popover
+						ref="popoverRef"
 						placement="right"
-						trigger="hover"
+						trigger="click"
 						width="10rem"
 						popper-style="
 							padding: .6rem 0.7rem;
 							border-radius: 1rem;
 							min-width: 10rem;
 						"
-						v-model:visible="item.visible"
 					>
 						<template #reference>
 							<span @click.stop class="icon">
@@ -119,8 +119,12 @@
 		router.push({ name: 'agent', params: { id: item.id } })
 	}
 	const inputRef = ref(null)
+	const popoverRef = ref(null)
+	const hidePopover = () => {
+		popoverRef.value.forEach((v: any) => v.hide())
+	}
 	const onRenameHistoryItem = (item: any) => {
-		item.visible = false
+		hidePopover()
 		item.edit = true
 		nextTick(() => {
 			inputRef.value.forEach((v: any) => {
@@ -142,7 +146,7 @@
 		})
 	}
 	const onDeleteHistoryItem = (item: any) => {
-		item.visible = false
+		hidePopover()
 		deleteProject(item.id).then(() => {
 			GetProjectList()
 			if (item.id == id.value) {
@@ -165,7 +169,7 @@
 		const yesterdayList = []
 		const earlierChatList = []
 		arr.forEach((item: any) => {
-			const obj = { ...item, edit: false, visible: false }
+			const obj = { ...item, edit: false }
 			const date = FormatDate(obj.updateTime * 1000, str)
 			if (date == today) {
 				todayList.push(obj)