事件中心不提示通知修复，增加开启/关闭通知按钮。修复edge或者opera浏览器登录扫码无跳转的问题

src/views/Community/components/DynamicNewsCard.js

@@ -25,8 +25,12 @@ import {
   useColorModeValue,
   useToast,
   useDisclosure,
+  Switch,
+  Tooltip,
+  Icon,
 } from '@chakra-ui/react';
-import { TimeIcon } from '@chakra-ui/icons';
+import { TimeIcon, BellIcon } from '@chakra-ui/icons';
+import { useNotification } from '../../../contexts/NotificationContext';
 import EventScrollList from './DynamicNewsCard/EventScrollList';
 import ModeToggleButtons from './DynamicNewsCard/ModeToggleButtons';
 import PaginationControl from './DynamicNewsCard/PaginationControl';
@@ -73,6 +77,9 @@ const DynamicNewsCard = forwardRef(({
   const cardBg = useColorModeValue('white', 'gray.800');
   const borderColor = useColorModeValue('gray.200', 'gray.700');
 
+  // 通知权限相关
+  const { browserPermission, requestBrowserPermission } = useNotification();
+
   // 固定模式状态
   const [isFixedMode, setIsFixedMode] = useState(false);
   const [headerHeight, setHeaderHeight] = useState(0);
@@ -146,6 +153,23 @@ const [currentMode, setCurrentMode] = useState('vertical');
     dispatch(toggleEventFollow(eventId));
   }, [dispatch]);
 
+  // 通知开关处理
+  const handleNotificationToggle = useCallback(async () => {
+    if (browserPermission === 'granted') {
+      // 已授权，提示用户去浏览器设置中关闭
+      toast({
+        title: '已开启通知',
+        description: '要关闭通知，请在浏览器地址栏左侧点击锁图标，找到"通知"选项进行设置',
+        status: 'info',
+        duration: 5000,
+        isClosable: true,
+      });
+    } else {
+      // 未授权，请求权限
+      await requestBrowserPermission();
+    }
+  }, [browserPermission, requestBrowserPermission, toast]);
+
   // 本地状态
   const [selectedEvent, setSelectedEvent] = useState(null);
 
@@ -511,9 +535,66 @@ const [currentMode, setCurrentMode] = useState('vertical');
               <Badge colorScheme="blue">快讯</Badge>
             </HStack>
           </VStack>
-          <Text fontSize="xs" color="gray.500">
-            最后更新: {lastUpdateTime?.toLocaleTimeString() || '未知'}
-          </Text>
+
+          <VStack align="end" spacing={2}>
+            {/* 通知开关 */}
+            <Tooltip
+              label={browserPermission === 'granted'
+                ? '浏览器通知已开启，新事件将实时推送'
+                : '开启后可接收实时事件推送通知'}
+              placement="left"
+              hasArrow
+            >
+              <HStack
+                spacing={2}
+                px={3}
+                py={2}
+                borderRadius="md"
+                bg={browserPermission === 'granted'
+                  ? useColorModeValue('green.50', 'green.900')
+                  : useColorModeValue('gray.50', 'gray.700')}
+                borderWidth="1px"
+                borderColor={browserPermission === 'granted'
+                  ? useColorModeValue('green.200', 'green.700')
+                  : useColorModeValue('gray.200', 'gray.600')}
+                cursor="pointer"
+                _hover={{
+                  borderColor: browserPermission === 'granted'
+                    ? useColorModeValue('green.300', 'green.600')
+                    : useColorModeValue('blue.300', 'blue.600'),
+                }}
+                transition="all 0.2s"
+                onClick={handleNotificationToggle}
+              >
+                <Icon
+                  as={BellIcon}
+                  boxSize={4}
+                  color={browserPermission === 'granted'
+                    ? useColorModeValue('green.600', 'green.300')
+                    : useColorModeValue('gray.500', 'gray.400')}
+                />
+                <Text
+                  fontSize="sm"
+                  fontWeight="medium"
+                  color={browserPermission === 'granted'
+                    ? useColorModeValue('green.700', 'green.200')
+                    : useColorModeValue('gray.600', 'gray.300')}
+                >
+                  {browserPermission === 'granted' ? '通知已开启' : '开启通知'}
+                </Text>
+                <Switch
+                  size="sm"
+                  isChecked={browserPermission === 'granted'}
+                  pointerEvents="none"
+                  colorScheme="green"
+                />
+              </HStack>
+            </Tooltip>
+
+            <Text fontSize="xs" color="gray.500">
+              最后更新: {lastUpdateTime?.toLocaleTimeString() || '未知'}
+            </Text>
+          </VStack>
         </Flex>
 
         {/* 搜索和筛选组件 */}