dap 2024-08-07 16:17:32 +08:00
parent 4bef95bbfa
commit 8312d7f738
3 changed files with 30 additions and 7 deletions

View File

@ -94,7 +94,7 @@ function handleViewAll() {
<template #notification>
<Notification
:dot="notifyStore.showDot"
:notifications="notifyStore.notificationList"
:notifications="notifyStore.notifications"
@clear="notifyStore.clearAllMessage"
@make-all="notifyStore.setAllRead"
@read="notifyStore.setRead"

View File

@ -3,7 +3,7 @@ import type { NotificationItem } from '@vben/layouts';
import { computed, ref, watch } from 'vue';
import { useAppConfig } from '@vben/hooks';
import { useAccessStore } from '@vben/stores';
import { useAccessStore, useUserStore } from '@vben/stores';
import { useEventSource } from '@vueuse/core';
import { notification } from 'ant-design-vue';
@ -19,8 +19,22 @@ const { apiURL, clientId } = useAppConfig(
export const useNotifyStore = defineStore(
'app-notify',
() => {
/**
* return才会被持久化
*/
const notificationList = ref<NotificationItem[]>([]);
const userStore = useUserStore();
const userId = computed(() => {
return userStore.userInfo?.userId || '0';
});
const notifications = computed(() => {
return notificationList.value.filter(
(item) => item.userId === userId.value,
);
});
/**
* sse消息
*/
@ -57,6 +71,7 @@ export const useNotifyStore = defineStore(
isRead: false,
message,
title: '消息',
userId: userId.value,
});
data.value = null;
@ -67,9 +82,11 @@ export const useNotifyStore = defineStore(
*
*/
function setAllRead() {
notificationList.value.forEach((item) => {
item.isRead = true;
});
notificationList.value
.filter((item) => item.userId === userId.value)
.forEach((item) => {
item.isRead = true;
});
}
/**
@ -84,7 +101,9 @@ export const useNotifyStore = defineStore(
*
*/
function clearAllMessage() {
notificationList.value = [];
notificationList.value = notificationList.value.filter(
(item) => item.userId !== userId.value,
);
}
/**
@ -98,13 +117,16 @@ export const useNotifyStore = defineStore(
*
*/
const showDot = computed(() =>
notificationList.value.some((item) => !item.isRead),
notificationList.value
.filter((item) => item.userId === userId.value)
.some((item) => !item.isRead),
);
return {
$reset,
clearAllMessage,
notificationList,
notifications,
setAllRead,
setRead,
showDot,

View File

@ -4,6 +4,7 @@ interface NotificationItem {
isRead?: boolean;
message: string;
title: string;
userId: number | string;
}
export type { NotificationItem };