{
    "widgettype": "VBox",
    "options": {
        "maxWidth": "100%",
        "padding": "10px"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "alignItems": "center",
                "justifyContent": "space-between",
                "marginBottom": "15px"
            },
            "subwidgets": [
                {
                    "widgettype": "Text",
                    "options": {
                        "text": "审批中心",
                        "fontSize": "20px",
                        "fontWeight": "bold"
                    }
                },
                {
                    "widgettype": "Button",
                    "options": {
                        "onClick": "goto('workflow_approval/approval_instance/create.ui')",
                        "style": {
                            "backgroundColor": "#007bff",
                            "color": "white",
                            "border": "none",
                            "padding": "8px 16px",
                            "borderRadius": "4px"
                        },
                        "label": "发起审批"
                    }
                }
            ]
        },
        {
            "widgettype": "TabPanel",
            "options": {
                "items": [
                    {
                        "title": "待我审批",
                        "content": {
                            "widgettype": "DataGrid",
                            "options": {
                                "tblname": "approval_task",
                                "where": {
                                    "approver_id": "${logined_userid}",
                                    "status": "pending"
                                },
                                "fields": [
                                    "title",
                                    "step_name",
                                    "assigned_at",
                                    "due_at"
                                ],
                                "fieldLabels": {
                                    "title": "审批事项",
                                    "step_name": "步骤",
                                    "assigned_at": "分配时间",
                                    "due_at": "截止时间"
                                },
                                "onRowClick": "goto('workflow_approval/approval_task/detail.ui?id=${id}')"
                            }
                        }
                    },
                    {
                        "title": "我发起的",
                        "content": {
                            "widgettype": "DataGrid",
                            "options": {
                                "tblname": "approval_instance",
                                "where": {
                                    "initiator_id": "${logined_userid}"
                                },
                                "fields": [
                                    "title",
                                    "status",
                                    "created_at",
                                    "completed_at"
                                ],
                                "fieldLabels": {
                                    "title": "审批事项",
                                    "status": "状态",
                                    "created_at": "发起时间",
                                    "completed_at": "完成时间"
                                },
                                "onRowClick": "goto('workflow_approval/approval_instance/detail.ui?id=${id}')"
                            }
                        }
                    },
                    {
                        "title": "工作流管理",
                        "content": {
                            "widgettype": "Frame",
                            "options": {
                                "src": "workflow_approval/approval_workflow/list.ui"
                            }
                        }
                    }
                ]
            }
        }
    ]
}