From 10522b0e248c68e299926069a4f0f9bedea2f2eb Mon Sep 17 00:00:00 2001
From: easy <1358086367@qq.com>
Date: Mon, 13 Mar 2023 18:01:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=80=9A=E7=9F=A5=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/components/Notice.vue | 38 ++++++++++++++++++---
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/components/Layout/components/Notice.vue b/src/components/Layout/components/Notice.vue
index 58bba839..42ada485 100644
--- a/src/components/Layout/components/Notice.vue
+++ b/src/components/Layout/components/Notice.vue
@@ -18,11 +18,11 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="tsx">
 import { getList_api } from '@/api/account/notificationRecord';
 import NoticeInfo from './NoticeInfo.vue';
 import { getWebSocket } from '@/utils/websocket';
-import { notification } from 'ant-design-vue';
+import { notification, Button } from 'ant-design-vue';
 import { changeStatus_api } from '@/api/account/notificationRecord';
 import { useUserInfo } from '@/store/userInfo';
 
@@ -38,12 +38,40 @@ const subscribeNotice = () => {
         .subscribe((resp: any) => {
             total.value += 1;
             notification.open({
-                message: 'Notification Title',
-                description:
-                    'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
+                message: resp?.payload?.topicName,
+                description: () => (
+                    <div
+                        class="ellipsis"
+                        style={{ cursor: 'pointer' }}
+                        onClick={() => {
+                            changeStatus_api('_read', [resp.id]);
+                        }}
+                    >
+                        {resp?.payload?.message}
+                    </div>
+                ),
                 onClick: () => {
                     changeStatus_api('_read', [resp.id]);
                 },
+                key: resp.payload.id,
+                btn: (
+                    <Button
+                        type="primary"
+                        size="small"
+                        onClick={() => {
+                            changeStatus_api('_read', [resp.id]).then(
+                                (resp: any) => {
+                                    if (resp.status === 200) {
+                                        notification.close(resp.payload.id);
+                                        getList();
+                                    }
+                                },
+                            );
+                        }}
+                    >
+                        标记已读
+                    </Button>
+                ),
             });
         });
 };