一、功能介绍

门户设计中提供丰富控件，通过添加控件进行门户界面设计及配置。设计的门户界面可直接发布成应用门户首页，也可通过菜单管理设置成菜单作为数据看板。

门户首页：为企业提供一站式数据门户管理平台、可视化数据看板，帮助企业快速整合业务数据信息，并根据不同的业务场景及岗位需要，个性化配置数据门户展示，从而辅助企业宣传企业文化、开展业务活动，助力高层决策。

数据看板：通过门户来进行展示、分析和处理业务表单中收集得到的数据，由图表、数据面板等控件组成，其中图表控件包含柱形图、饼图、折线图、雷达图等多种常用图表类型，管理员可以根据实际需要选择图表类型进行数据统计看板的搭建。

二、控件类型

目前共有22种门户控件类型，包括：

三、控件功能场景介绍

1、布局控件

（1）卡片面板

功能简介：当需要对组件内容进行包裹或区隔时使用。展示效果如下图所示：

（2）标签面板

功能简介：可添加多个标签，每个标签页中可放置不同的控件，相当于多个卡片面板容器的组合。展示效果如下图所示：

2、基础控件

（1）我的待办

功能简介：管理员可根据企业的实际业务需要，设置不同类型的流程在门户的待办组件中，成员可点击组件中的按钮，跳转至待办/已办/抄送页面，处理、查看流程信息。

使用场景： 展示用户待办流程数量，点击后进入待办处理界面，展示效果如下图所示：

（2）常用功能

功能简介：用于设置常用功能快捷入口，添加后用户可直接从门户常用功能操作进行界面跳转。

使用场景：人事管理系统中，将人事各类审批功能添加为常用功能，展示效果如下图所示：

（3）数据面板

功能简介：用于数据展示，具有简洁性和直接性特点。

使用场景：适用于需要显示关键指标值及其变化的场景，例如通过指标看板查看不同商品的销售数量、发货数量、仓库库存数量等，效果展示如下图所示：

（4）表格列表

功能简介：用于展示表单/流程表单中的数据。

使用场景：适用于需要进行详细数据展示的场景，例如在合同管理系统门户中，使用表格展示合同签订明细。展示效果如下图所示：

（5）文本

功能简介：展示文本内容，有助于门户的使用者理解展示的内容。

使用场景：适用于需要进行说明描述的场景，例如进销存系统中，使用文字控件进行系统功能介绍，展示效果如下图所示：

（6）图片

功能简介：用于呈现图片内容，直观、生动，让使用者更容易理解信息。

使用场景：展示设计图、产品图片、流程图、地图等，效果如下图所示：

（7）轮播图

功能简介：是在门户上展示图文的一种方式。以多张图片循环播放的方式，实现利用有效的空间提高信息密度，让信息更加突出、有效、快捷地传达。

（8）视频

功能简介：用于页面播放视频，具有感染力强、传播速度快、成本低廉等优势。

使用场景：在门户首页播放公司宣传视频，以提升企业品牌的整体形象，吸引目标客户。展示效果如下图所示：

（9）日程

功能简介：以日历图的形式呈现数据，是记录时间和安排任务的工具，帮助员工更好地管理时间，提高自我管理能力和工作效率。

使用场景：用于员工记录工作中的重要事项及工作计划，展示效果如下图所示：

（10）Iframe

功能简介：可将其他网页的内容嵌入到当前的设计页面中，可提高门户的功能性和实用性，增强用户体验。

使用场景：在门户中嵌入视频、天气预报等信息，为用户提供实用信息，增加用户停留时间和粘性。展示效果如下图所示：

3、系统控件

（1）公告通知

功能简介：展示由企业的主管理员（或是子管理员）发送给全公司（也可指定部门、指定员工）的公告通知。

使用场景：可以通过公告通知查看公司的系统公告、放假信息等。效果如下图所示：

（2）未读邮件

功能简介：用于展示未读邮件，可提高员工处理邮件的效率。展示效果如下所示：

（3）待办事项

功能简介：展示待办业务流程，成员可点击待办条目，跳转至待办页面，处理、查看任务。展示效果如下图所示：

4、图表控件

（1）柱状图

功能简介：用宽度相同的柱子的高度或长短来表示数据多少的统计图表，可以直观地表示数据量的大小并进行比较，可以比较明显地显示出各数据之间的差异。提供多种主状态风格类型，用户可根据实际场景需要进行设置。

使用场景：适用于需要直观显示数据间比较关系的场景，例如不同App的下载量、不同种类产品的销量等，展示效果如下所示：

（2）饼图

功能简介：根据不同的指标在整体中的占比，将圆形统计报表划分为几个扇形，便于直观显示数据之间的相对关系。指标占比越多，扇形面积越大。

使用场景：适用于需要比较部分指标在整体指标中所占比例的场景，例如比较不同类别产品的销售额占比情况，展示效果如下图所示：

（3）折线图

功能简介：用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。

使用场景：适用于需要显示数据变化特征的场景，例如不同季度销量的变化、不同时段的用户活跃度、分析某商品随时间变化的销售情况，从而进一步预测未来的销售情况，展示效果如下图所示：

（4）雷达图

功能简介：又称蜘蛛网图，是一种显示多变量数据的图形方法。将多个维度的数据量映射到起始于同一个圆心的坐标轴上，结束于圆周边缘，然后将同一组的点使用线连接起来。可直观地展现多维数据集，查看哪些变量具有相似的值、变量之间是否有异常值。多幅雷达图之间或者雷达图的多层数据线之间，还可以进行总体数值情况的对比。

使用场景：适用于需要表现数据综合数据特征的场景，例如产品对比评估、项目综合评价、员工能力对比等，展示效果如下图所示：

（5）地图

功能简介：用于分析数据在不同地理区域上的分布情况。

使用场景：统计企业不同区域上的运营情况，为企业的发展提供决策依据。展示效果如下图所示：

（6）排行榜

功能简介：展示数据排名情况，提供多种排行榜样式。

使用场景：展示商品销售情况排名，员工业绩排名，各地区销售金额排名等，展示效果如下图所示：

（7）时间轴

功能简介：依据时间先后顺序，把活动实践或营销节点串联起来，以图文的形式呈现给用户，将事物系统化、完整化、精确化。

使用场景：制作公司发展历程、大事件的时间轴，梳理企业文化形象，增加客户对公司的印象和信任度。展示效果如下图所示：

四、使用场景示例

1、系统门户首页设计

示例1：人事管理系统门户：提供人事常用流程快捷入口、系统公告、待办事项、日程提醒等，帮助员工及时了解会议通知安排及待办工作事项，高效办公打造高绩效组织。

示例2：进销存系统门户：提供采购管理模块、销售管理模块常用功能快捷入口及收付款数据展示，方便员工进行业务办理、查看实时业务数据。

2、数据看板设计

示例1：人事管理系统-招聘面试统计：对招聘面试的面试人数及录用情况采用多种图表形式进行统计分析。

示例2：进销存系统-采购付款统计：展示应付金额、已付金额、待付金额、退款金额，采用图表形式展示具体付款明细数据，方便业务人员了解采购付款情况。

以上就是关于门户设计的详细介绍了，欢迎大家前往官网试用体验呀！如果你有想了解的其他板块或是功能的更新详情，请在评论区告诉我们呀！

选择引迈信息，选择JNPF，助推企业更快、更好地完成数智转型发展！引迈信息将一如既往，不断创新，不断提升企业的核心竞争力和行业地位，为更多的客户提供更优质的产品和服务！