页头导航功能说明

一、概述

　　提供平台名称、个人信息、消息和退出登录功能。

二、需求描述

（一）平台名称

　　本次项目名称为：职业教育专业领域垂类模型建设项目（第二批）管理系统。

（二）个人信息

　　包含头像和账号显示。点击“头像”后，下拉显示“个人中心”、“退出登录”按钮。

1.个人中心

　　调用个人中心页。

2.退出登录

　　点击后，直接退出账号，并返回到申报用户登录页。

💡

20250508新需求

下拉增加“操作手册”按钮

增加鼠标滑过，tip显示“账号信息及操作手册”

（三）消息

　　系统有消息时，消息按钮显示数量（未读消息数）。

鼠标点击

　　弹出下拉消息框，显示最近4条消息简报。

　　点击“查看更多”按钮，跳转消息页面页面。

约束

待办、公告：可点击切换，切换后下方分别显示对应的最近的消息简报。按钮旁边的数字显示的是未读消息数。

无消息：显示效果如UI图：

全部已读：待办和公告上各自带有“全部已读”按钮，点击后各自下未读消息的标识去掉，效果如UI图

排序：列表上按时间倒序排序。

列表上数据的时间：当天显示具体时间，从3天开始都是显示“X天前”。

点击：点击下拉框中显示的数据，直接标为已读。

点击“查看更多”按钮，跳转消息页面页面。

三、页面组件

Header组件（公共头部）

四、相关接口

五、数据库表

数据库表

t_message_info（消息表）

页头导航

页头导航功能说明#

一、概述#

二、需求描述#

（一）平台名称#

（二）个人信息#

1.个人中心#

2.退出登录#

（三）消息#

鼠标点击#

三、页面组件#

四、相关接口#

五、数据库表#