版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

目录

配置效果:

多页签插件配置效果配置效果(多页签插件+列表插件+配置角标)

多页签插件+列表插件

这个效果是用首页设置中-多页签插件添加列表进行配置的,除了待办已办之外,系统中所有列表数据都可以用多页签插件添加列表插件在首页进行展示,配置方法如下

配置方法:

1.添加多页签插件

进入系统设置→首页设置→勾选方案设置插件→添加多页签插件→添加后点击设置多页签插件

...

在多页签插件中添加列表插件(PS.目前多页签插件中支持展示三类内容,仪表板图形分析/计数组件/列表)


2.列表插件展示内容及样式配置

通过首页直接添加和多页签插件添加的列表插件,配置方式都相同

...

列表场景根据数据需要填写(注意,在首页展示列表数据时,通常对列表的样式有一些特殊要求,比如不展示过滤条件、list特殊样式配置等,建议继承数据场景新增一个首页专用场景,便于配置首页专用样式,常用样式配置在下方附文中有参考

过滤条件:对场景中需要展示的数据进行过滤,无需要可不配置(待办已办的过滤条件为Message模型中的 "is_task_done"字段,待办对应的状态是1,已办对应的状态是2)

...

1)首页常用的列表插件list_config样式

homepage样式,配置参考如下(配置在列表插件对应的模型list场景元数据中),注意middle_left_area和middle_right_area对应的字段key根据需要进行替换

...

代码块
linenumberstrue
collapsetrue
"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元数据配置点击打开流程单据弹窗按钮如果点击待办已办列表的流程类数据没有反应,或出现空白弹窗,需要在场景list元数据配置点击打开流程单据弹窗按钮

代码块
linenumberstrue
collapsetrue
{
        "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、仅配置子标题,不配置多页签插件大标题样式(无特殊配置)

Image Added

2、同时配置多页签插件标题+子标题样式1(无特殊配置)

Image Added

3、同时配置多页签插件标题+子标题样式2(需特殊配置,options中配置config: {radio_style: true}

Image AddedImage Added