From ebd99f3a5899f7223ed1e88fa25899a87df6851a Mon Sep 17 00:00:00 2001
From: Ethan-Zhang <ethanzhang55@outlook.com>
Date: Thu, 16 Oct 2025 18:24:09 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=20=E6=B6=88=E6=81=AF=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E4=BC=98=E5=8C=96&=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=8D=95=E7=8B=AC=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/account.ts                          |   3 +
 src/views/dialogue/components/MessageItem.vue | 102 +++++++++++++++++-
 src/views/dialogue/components/TitleBar.vue    |  23 +++-
 3 files changed, 122 insertions(+), 6 deletions(-)

diff --git a/src/store/account.ts b/src/store/account.ts
index b13c06f5..581ab943 100644
--- a/src/store/account.ts
+++ b/src/store/account.ts
@@ -84,7 +84,10 @@ export const useAccountStore = defineStore('account', () => {
       userinfo.username = '';
       userinfo.organization = '';
       userinfo.revsionNumber = null;
+      userinfo.user_sub = '';
       sessionStorage.removeItem('csrftk');
+      // 清理localStorage中的ECSESSION，防止自动重新登录
+      localStorage.removeItem('ECSESSION');
       successMsg(i18n.global.t('Login.logout'));
     }
   };
diff --git a/src/views/dialogue/components/MessageItem.vue b/src/views/dialogue/components/MessageItem.vue
index 7ea96848..8a2497a6 100644
--- a/src/views/dialogue/components/MessageItem.vue
+++ b/src/views/dialogue/components/MessageItem.vue
@@ -41,13 +41,28 @@
         </div>
       </div>
     </div>
+    <div class="delete-btn-wrapper">
+      <el-tooltip 
+        content="清除" 
+        placement="top"
+        :show-after="500"
+      >
+        <el-icon
+          class="delete-btn"
+          :size="16"
+          @click="handleDelete"
+        >
+          <img src="@/assets/svgs/clean_messages.svg" alt="清除" />
+        </el-icon>
+      </el-tooltip>
+    </div>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { ElMessage } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
 import { api } from '@/apis';
 import { UserMessageStatus } from '@/apis/paths/userMessage';
 
@@ -78,6 +93,7 @@ const props = defineProps<Props>();
 const emit = defineEmits<Emits>();
 
 const loading = ref(false);
+const deleteLoading = ref(false);
 
 const handleApprove = async () => {
   if (!props.message.isEditable) {
@@ -144,10 +160,49 @@ const handleReject = async () => {
     loading.value = false;
   }
 };
+
+const handleDelete = async () => {
+  try {
+    await ElMessageBox.confirm(
+      '确定要删除这条消息吗？',
+      '删除确认',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    );
+
+    deleteLoading.value = true;
+    const [error, response] = await api.deleteUserMessage(props.message.msgId);
+    
+    if (error) {
+      console.error('删除消息失败:', error);
+      ElMessage.error('删除消息失败');
+      return;
+    }
+    
+    if (response?.code === 200) {
+      ElMessage.success('消息已删除');
+      emit('message-updated');
+    } else {
+      ElMessage.error(response?.message || '删除消息失败');
+    }
+  } catch (error) {
+    // 用户取消删除
+    if (error !== 'cancel') {
+      console.error('删除消息异常:', error);
+      ElMessage.error('删除消息异常');
+    }
+  } finally {
+    deleteLoading.value = false;
+  }
+};
 </script>
 
 <style lang="scss" scoped>
 .message-item {
+  position: relative;
   display: flex;
   padding: 12px 16px;
   border-bottom: 1px solid var(--o-border-color-lighter);
@@ -155,6 +210,10 @@ const handleReject = async () => {
   
   &:hover {
     background-color: var(--o-fill-color-extra-light);
+    
+    .delete-btn-wrapper {
+      opacity: 1;
+    }
   }
   
   &:last-child {
@@ -248,4 +307,45 @@ const handleReject = async () => {
     font-weight: 500;
   }
 }
+
+.delete-btn-wrapper {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  opacity: 0;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  transition: all 0.2s;
+  
+  .delete-btn {
+    color: var(--o-text-color-regular);
+    transition: all 0.2s ease-in-out;
+    cursor: pointer;
+    
+    img {
+      width: 100%;
+      height: 100%;
+      display: block;
+      object-fit: contain;
+    }
+  }
+  
+  &:hover {
+    background-color: var(--o-color-danger-light-9);
+    
+    .delete-btn {
+      color: var(--o-color-danger);
+    }
+    
+    // 深色主题下的hover样式
+    body[theme='dark'] & {
+      background-color: rgba(245, 108, 108, 0.15);
+      
+      .delete-btn {
+        color: #ff7875;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/dialogue/components/TitleBar.vue b/src/views/dialogue/components/TitleBar.vue
index 99abc167..94af93ad 100644
--- a/src/views/dialogue/components/TitleBar.vue
+++ b/src/views/dialogue/components/TitleBar.vue
@@ -73,6 +73,8 @@ const KnowledgeVisible = ref(false);
 
 // 消息图标激活状态
 const messageIconActive = ref(false);
+// 消息弹窗显示状态
+const messagePopoverVisible = ref(false);
 
 // 消息类型定义
 interface Message {
@@ -101,9 +103,16 @@ const handleMessageCountChanged = (count: number) => {
   totalMessageCount.value = count;
 };
 
-// 处理消息图标点击
-const handleMessageClick = () => {
-  messageIconActive.value = !messageIconActive.value;
+// 处理弹窗显示
+const handlePopoverShow = () => {
+  messageIconActive.value = true;
+  messagePopoverVisible.value = true;
+};
+
+// 处理弹窗隐藏
+const handlePopoverHide = () => {
+  messageIconActive.value = false;
+  messagePopoverVisible.value = false;
 };
 
 const headerStyles = computed<CSSProperties>(() => {
@@ -150,8 +159,10 @@ const headerStyles = computed<CSSProperties>(() => {
         
         <div class="icon-item">
           <el-popover 
+            v-model:visible="messagePopoverVisible"
             placement="bottom" 
-            trigger="click" 
+            :hide-after="0"
+            :tabindex="0"
             popper-class="titlebar-message-popover"
             :popper-style="{
               '--o-tooltip-maxwidth': '400px',
@@ -161,9 +172,11 @@ const headerStyles = computed<CSSProperties>(() => {
               'max-height': '70vh',
               'z-index': 9999999,
             }"
+            @show="handlePopoverShow"
+            @hide="handlePopoverHide"
           >
             <template #reference>
-              <div class="icon-wrapper message-wrapper" @click="handleMessageClick">
+              <div class="icon-wrapper message-wrapper" @click="messagePopoverVisible = !messagePopoverVisible">
                 <el-badge 
                   v-if="totalMessageCount > 0" 
                   :value="totalMessageCount" 
-- 
Gitee