跳到主要内容

常用模块

常用模块展示了工作台页面的常用模块以及交互说明,方便设计师及上下游的设计参考。


页面导航

快捷入口

主要展示用户最近访问的页面,方便用户再次进入。

交互规则

  1. 采用双列布局,显示最近访问的4个模块;
  2. 最近访问功能数量小于等于4个时卡片高度不变;
  3. 大于4个模块时,可分页进行展示。

核心数据

主要展示系统各模块的数据,方便概览整个系统的关键数据,提升信息阅读率。

交互规则

  1. 高度保持一致,宽度撑满可用空间;
  2. 当数据为空时,用--表示。

待办清单

主要展示当前需要进行工作处理的数据和任务,提升任务处理效率。

交互规则

当标签超出卡片最宽宽度换行处理,待办清单卡片与并行卡片高度跟随变化。

设计指南

标签汇总分类下待办总数,如供应商管理(11)

使用帮助

欢迎卡片

主要展示用户自己的一些账号信息以及欢迎语,加强与用户之间的情感反馈和联系。

常见问题

主要展示用户使用系统时遇见的常见问题。

交互规则

  1. 数据以发布时间最新排序,若有设置置顶,则第一展示置顶内容;
  2. 一页最多展示5 条数据,当数据数量大于 5 条时才显示翻页器;
  3. 当文案超出最大宽度时,采用截断交互并补充...
  4. 鼠标悬停触发Tooltip ,显示详细的内容;
  5. 卡片内不要出现滚动条。

空状态引导

主要展示当数据为空的时候,展示给用户默认的数据,以及引导用户的操作。

交互规则

空状态配图提示用户当前暂无数据。

信息展示

消息提醒

主要展示自己操作的消息以及其他角色和平台收到的审核消息。

交互规则

  1. 数据以发布时间最新排序,若有设置置顶,则第一展示置顶内容;
  2. 一页最多展示 5 条数据,当数据数量大于 5 条时才显示翻页器;
  3. 当文案超出最大宽度时,采用截断交互并补充 ...
  4. 鼠标悬停触发 Tooltip ,显示详细的内容;
  5. 卡片内不要出现滚动条。

产品公告

主要展示产品系统的通用公告和消息。

交互规则

  1. 公告以发布时间倒序排序展示;
  2. 一页最多展示 5 条数据,当数据数量大于5时才显示翻页器;
  3. 鼠标悬停触发 Tooltip ,显示详细的内容。