| 目录 |
|---|
配置效果：
组合插件配置效果配置效果（多页签插件+列表插件+配置角标）
这个效果是用首页设置中-组合插件添加列表进行配置的，除了待办已办之外，多页签插件添加列表进行配置的，除了待办已办之外，系统中所有列表数据都可以用组合插件添加都可以用多页签插件添加列表插件在首页进行展示，配置方法如下
配置方法：
1.
...
添加多页签插件
进入系统设置→首页设置→勾选方案设置插件→添加组合插件→添加后点击设置组合插件进入系统设置→首页设置→勾选方案设置插件→添加多页签插件→添加后点击设置多页签插件
在组合插件中添加列表插件（PS在多页签插件中添加列表插件（PS.目前组合插件中支持展示三类内容，仪表板图形分析目前多页签插件中支持展示三类内容，仪表板图形分析/计数组件/列表）
2.列表插件展示内容及样式配置
通过首页直接添加和组合插件添加的列表插件，配置方式都相同通过首页直接添加和多页签插件添加的列表插件，配置方式都相同
列表插件展示的内容，由咱们选择的模型场景决定，所以需要配置的重中之重就是插件的名称、模型、场景
名称：列表插件的展示名称（在组合插件中为tab的文字内容）：列表插件的展示名称（在多页签插件中为tab的文字内容）
列表模型：根据数据需要填写：根据数据需要填写（待办已办的模型为Message）
列表场景：根据数据需要填写（注意，在首页展示列表数据时，通常对列表的样式有一些特殊要求，比如不展示过滤条件等，建议继承数据场景新增一个首页专用场景，便于配置首页专用样式，常用样式配置在下方附文中有参考），在首页展示列表数据时，通常对列表的样式有一些特殊要求，比如不展示过滤条件、list特殊样式配置等，建议继承数据场景新增一个首页专用场景，便于配置首页专用样式，常用样式配置在下方附文中有参考）
过滤条件：对场景中需要展示的数据进行过滤，无需要可不配置：对场景中需要展示的数据进行过滤，无需要可不配置（待办已办的过滤条件为Message模型中的 "is_task_done"字段，待办对应的状态是1，已办对应的状态是2）
高级查询：快速过滤模型中的数据，根据需要选择
操作定义：点击组合插件当前tab右上角按钮的定义，包括按钮展示名称：点击多页签插件当前tab右上角按钮的定义，包括按钮展示名称\跳转链接，无需要可不配置
操作定义配置示例：”common_model_category_list“是页面场景，"model"、"meta_state"是数据对应的模型场景
| 代码块 | ||||
|---|---|---|---|---|
| ||||
{
"key": "index_0",
"func": "=function() {rootScope.super_go('common_model_category_list', {meta_state: 'todoMessage', model: 'Message'})}",
"label": "更多"
} |
整体示例配置及效果：
附：附：常用的元数据配置、个性化样式配置几则
1)首页常用的列表插件list_config样式
homepage样式，配置参考如下(配置在列表插件对应的模型list场景元数据中常用首页的列表插件list_config样式为homepage样式，配置参考如下(配置在列表插件对应的模型场景中)，注意middle_left_area和middle_right_area对应的字段key根据需要进行替换
样式：
| 代码块 | ||
|---|---|---|
| ||
"list_config": {
"hideComponents": [
"hcm-foot",
"hcm-content-indicator"
],
"view": {
"pc": "homepage"
},
"customCellClass": "=function(_row,_col){return 'flex-h-space'}",
"homepage_meta": {
"hide_label": true,
"border_bottom_hide": true,
"content": {
"showPoint": [
"middle_left_area"
],
"middle_left_area": [{
"class": "font-12 one-ellipsis flex-1-1-auto ellipsis-text",
"key": "content"
}],
"middle_right_area": [{
"class": "font-12 gray-600 margin-12",
"key": "send_date",
"type": "timeFormatTwo"
}]
},
"class": {
"middle_left_area": "flex-1-1-auto ellipsis-text flex-nowrap",
"middle_right_area": "ellipsis-text flex-0-0-auto"
},
"dynamic_template": true
},
"paging": {
"page_size": 10
}
}, |
...
| 代码块 | ||||
|---|---|---|---|---|
| ||||
"actions": [{
"key": "go_warn",
"action": [{
"key": "warnEdit",
"action": "CALL_API",
"options": {
"api": "warn.message.edit",
"params": {
"id_": "expression[GET(SELECT_ITEM(),['id'])]",
"info": {
"status": 2
}
}
}
},
{
"key": "super_go",
"action": "GO_STATE",
"options": {
"state": "expression[STR_SLICE(GET(SELECT_ITEM(),['state','url']), 1)]",
"params": "expression[GET(SELECT_ITEM(),['state','param'])]"
}
}
],
"default": true,
"hide": true
}] |
4)点击打开流程单据弹窗按钮如果点击待办已办列表的流程类数据没有反应，或出现空白弹窗，需要在场景list元数据配置点击打开流程单据弹窗按钮
| 代码块 | ||||
|---|---|---|---|---|
| ||||
{
"key": "workflow_bill_v3",
"action": "CUSTOM_DIALOG",
"hide": true,
"default": true,
"options": {
"dialog_func_param": "=function(_item, _env) {return {'business_id': _item.business_id}}",
"direct_params": true,
"ctrl": "WorkflowDetailNewInfoDialogCtrl",
"data": "=function(_item, _env) {return {'mode':'view', 'business_id': _item.business_id, 'wf_inst_id': _item.id}}"
}
} |
3.配置分页的角标（不需要角标可以不配置）
tab角标数量是需要才进行展示，所以需要进行一下特殊配置
...
if(done === 0) {
done=' '
};
附：多页签插件支持3种切换选择样式，分别为：
1、仅配置子标题，不配置多页签插件大标题样式（无特殊配置）
2、同时配置多页签插件标题+子标题样式1（无特殊配置）
3、同时配置多页签插件标题+子标题样式2（需特殊配置，options中配置config: {radio_style: true}）
