From 50cd13e2e54b50e88339164707d1bdcdd5716946 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=8B=E5=B8=86?= <201379873@qq.com>
Date: Sun, 13 Apr 2025 22:21:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=B7=B2=E8=AF=BB=E8=AE=A1=E6=95=B0=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/message/components/MyMessage.vue | 10 +++++++---
 src/views/user/message/index.vue                |  6 +++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/user/message/components/MyMessage.vue b/src/views/user/message/components/MyMessage.vue
index 8e40eff..e5e7894 100644
--- a/src/views/user/message/components/MyMessage.vue
+++ b/src/views/user/message/components/MyMessage.vue
@@ -1,6 +1,6 @@
 <template>
   <GiTable
-    v-model:selectedKeys="selectedKeys"
+    v-model:selected-keys="selectedKeys"
     row-key="id"
     :data="dataList"
     :columns="columns"
@@ -62,6 +62,7 @@ import { Message, Modal } from '@arco-design/web-vue'
 import { type MessageQuery, deleteMessage, listMessage, readAllMessage, readMessage } from '@/apis'
 import { useTable } from '@/hooks'
 import { useDict } from '@/hooks/app'
+import mittBus from '@/utils/mitt'
 
 defineOptions({ name: 'SystemMessage' })
 
@@ -70,7 +71,10 @@ const { message_type } = useDict('message_type')
 const queryForm = reactive<MessageQuery>({
   sort: ['createTime,desc'],
 })
-
+// 表格更新回调
+const onSuccess = () => {
+  mittBus.emit('count-refresh')
+}
 const {
   tableData: dataList,
   loading,
@@ -80,7 +84,7 @@ const {
   selectAll,
   search,
   handleDelete,
-} = useTable((page) => listMessage({ ...queryForm, ...page }), { immediate: true })
+} = useTable((page) => listMessage({ ...queryForm, ...page }), { immediate: true, onSuccess })
 
 const columns: TableInstance['columns'] = [
   {
diff --git a/src/views/user/message/index.vue b/src/views/user/message/index.vue
index e5b8a4d..a87203b 100644
--- a/src/views/user/message/index.vue
+++ b/src/views/user/message/index.vue
@@ -30,6 +30,7 @@ import MyMessage from './components/MyMessage.vue'
 import MyNotice from './components/MyNotice.vue'
 import { useDevice } from '@/hooks'
 import { type MessageResp, type NoticeResp, listMessage, listNotice } from '@/apis'
+import mittBus from '@/utils/mitt'
 
 defineOptions({ name: 'UserMessage' })
 
@@ -84,6 +85,9 @@ const getNoticeData = async () => {
 onMounted(() => {
   getMessageData()
   getNoticeData()
+  mittBus.on('count-refresh', () => {
+    getMessageData()
+  })
 })
 
 const menuList = [
@@ -152,7 +156,7 @@ const change = (key: string | number) => {
 
 :deep(.arco-tabs .arco-tabs-nav-type-card-gutter .arco-tabs-tab-active) {
   box-shadow: inset 0 2px 0 rgb(var(--primary-6)), inset -1px 0 0 var(--color-border-2),
-  inset 1px 0 0 var(--color-border-2);
+    inset 1px 0 0 var(--color-border-2);
   position: relative;
 }