门户管理

以管理员身份登录系统后，点击左上角“H3 BPM”图标进入门户首页，点击头像弹出界面小框：设计模式、门户管理两个入口。

点击【设计模式】，进入页面的设计模式，在设计模式中可以添加、编辑部件实例，也可以调整部件实例的显示位置。

点击【门户管理】，进入模板和页面管理页面。

• 
  

模块管理

1   添加模板

在首页界面，进入【门户管理】，点击【添加】可以添加模板。

 

在新的界面中输入：

模板名称：设置模板名称。

图标地址：设置显示的图片地址。

模板HTML：设置显示的HTML内容。

编辑模板

双击已经存在的模板图标，系统弹出编辑模板界面，将编辑好的HTML内容，替换到已有的HTML内容框中，点击保存按钮完成。

  部件实例由div进行存储，将div标记part属性，即可成为一个部件容器，例如：<div class="col-sm-12 part" part="c5"></div>，表示标记名称为c5的部件容器，当页面在不同模板之间切换时，每个部件容器的部件实例会移动到新模板相同部件ID的部件容器中。

  页面模板可以根据实际需求，设计成满足自己企业的不同的显示效果

页面管理

页面管理可以添加界面，对首页展示内容进行设计修改。

门户设计

设计模式中可以添加、编辑部件实例，也可以调整部件实例的显示位置。

点击界面左上角图标，进入系统门户首页。门户页面都由部件进行组成，在首页中，点击设计模式，如下图所示：

进入首页内容编辑页面，在需要放置内容区域的地方，点击【添加部件】，弹出添加部件界面，如下图所示：

属性	说明
标题	此部件的标题说明
标题图标	一般文字标题旁边会对应一个图标，格式如：menu-icon fa fa-tasks,这些图标需要在浏览器上，通过F12获取我们系统上的图标
权限编码	对应的为应用菜单编码，控制拥有权限的指定用户可见
高度	根据实际内容展示需求，设置部件占整个页面的高度
css样式	格式如黑体加粗部分：class="menu-icon glyphicon glyphicon-th"，css样式作为class的属性，可通过F12获取
显示标题栏	控制标题栏位显示/隐藏
部件类型	静态内容、Ascx控件、数据模型

1   Ascx控件

使用场景：当展示的内容比较灵活，即可通过自定义代码的方式来满足

“待办任务”是比较典型的Ascx控件使用场景，界面加载的内容由“控件路径”控制，默认值为：template/WebParts/MyWorkItemDefault.html(如果需要加载其他界面，修改为对应的html文件即可)。

2   静态内容

使用场景：当展示的内容比较固定，开发人员不用额外去开发一个界面，用此富文本框即可快速定义一个界面出来

3   数据模型

使用场景：当展示的内容是从数据模型中来，例如在门户展示“公司新闻”、“公告通知”，这些内容是从新闻、公告通知等流程中来，即可通过这种方式快速定义

  页面部件实例权限

    每个页面的部件实例可以根据菜单授权不同而对用户进行开放，例如在门户上的【资金报表】部件实例，只开放给公司领导查看，那么可以对该部件实例进行授权。

    设置门户部件实例的权限编码，如下图所示：

     

     在H3 BPM【管理中心】-【应用中心】，对应的应用程序菜单中，添加权限编码为：MoneyReport的菜单，授权给只允许公司领导查看，其他用户登录后，将不显示该部件实例。

门户案例

H3 BPM可以根据企业的需求定制化不同类型的门户，下面给大家介绍几个常用的门户案例以供参考。

1  案例1

门户集成了“待办事项”、“个人信息”、“公司公告”、“常用资料”、“文件下载”等模块，样例效果如下图：

2  案例2

门户集成了“集团通知”、“集团制度”、“新闻中心”、“流程中心”、“创建流程”等模块，样例效果如下图：