1.功能描述

设计需要在门户上展示的栏目；如：待办栏目、已办栏目、个人信息、新闻公告；

2.栏目类型

2.1 一般栏目

通过自定义栏目模版，设计栏目内容，一般栏目适用于自定义的内容，灵活性比较高；如个人信息面板、待办事项、已办事项等栏目；

栏目模板中支持vue的写法；

如添加一个“日历”栏目；可在https://element.eleme.cn/中查看对应的日历组件的代码，将代码拷贝到栏目模板下即可

第一步：进入【门户设计】->【栏目管理】-点击“新增”按钮

第二步：输入栏目信息；如下图；

注意：v-model绑定的值，需要在前端代码上进行赋值（栏目使用平台为应用端，则在fvue下的HtColumn.vue下进行赋值）：

           没有则不需要传 v-mode

小贴士：日历组件的代码，可在element官网下复制：

第三步：对栏目进行授权（设置可有权限查看“日历”栏目的用户）

新增栏目的展示权限默认为“所有人”；可在操作列下的“展示权限”进行修改；

如：对日历栏目进行展示授权：授权给“产品部”可查看

第四步：将“日历”栏目添加到“产品部”的门户布局中；

① 进入【门户设计】->【部门门户】，选择“产品部”，添加“产品部”的应用端布局；

注：部门布局权限，需要先在组织管理中分配；

② 将“日历”栏目拖动到产品部应用端布局中；

③将产品部布局状态设置为启用

效果展示：产品部门下的用户登录应用端

2.2 图表栏目

以图表的形式展示，主要展示【应用中心】->【图表应用】中配置的数据图表或流程图表；

在【图表应用】中添加的图表，通过在栏目中将这个图表设置为栏目，再将该栏目放在门户布局中，便可在首页展示该图表数据；

• 流程统计分析报表：展示【应用中心】->【图表应用】->【流程图表】中的图表数据

如：将“报销流程启动吞吐量”的流程分析图表，添加为应用端栏目：

① 在【应用中心】->【图表应用】->【流程图表】中设置“报销流程”启动吞吐量的统计策略；

注：关于流程图表的配置说明，请查看“应用中心”手册下的【流程图表】模块；

② 进入【设计中心】->【门户设计】->【栏目管理】中添加“图表栏目”；

③ 对图表栏目进行授权；将该栏目授权给产品部总经理

④ 将图表栏目添加到部门门户中；

效果展示：

• 自定义图表：展示【应用中心】->【图表应用】->【数据图表】中的图表数据

如：将“用户报销金额统计图”的流程分析图表，添加为应用端栏目：

① 在【应用中心】->【图表应用】->【数据图表】中添加一个“用户报销金额统计图”；

注：关于流程图表的配置说明，请查看“应用中心”手册下的【数据图表】模块；

② 进入【设计中心】->【门户设计】->【栏目管理】中添加“图表栏目”；

③ 对图表栏目进行授权；将该栏目授权给组织“财务部”

效果展示：

2.3 流程公示栏

流程公示栏：即在栏目中显示已审批完成的流程实例，点击流程标题，可查看实例信息；

配置步骤如下图：

在门户上的展示效果;

3.数据加载方式

3.1 自定义查询方式

通过对话框去查询到对应的数据，在栏目中显示，操作如下：

注：1、选择的数据来自【元件管理】->【对话框】模块；

        2、关于对话框的配置说明，请查看手册[元件管理]下的【对话框】模块

展示效果：

3.2 RESTful接口

通过请求restful接口，将返回的数据显示在栏目中；

如：个人信息栏目中的：当前登录用户信息、当前登录用户的待办、已办数量等；

预览效果：

3.3 表单列表

将【表单列表】中的数据配置为一个栏目，展示在首页部门中，如下图：将“客户信息表”添加为栏目

效果如下：

操作步骤：

第一步：先在【应用中心】->【数据应用】->【表单列表】中设置好列表要显示的字段信息

注：表单列表具体的操作说明请查看【表单列表】模块的操作指引；

第二步：进入【设计中心】->【门户设计】->【栏目管理】，点击“添加”按钮

第三步：栏目设置完成后，将栏目放入到默认门户或部门门户中即可