{
    "options": {
        "height": "100vh",
        "padding": "0"
    },
    "subwidgets": [
        {
            "widgettype": "VBox",
            "options": {
                "padding": "16px",
                "flex": 1,
                "overflow": "hidden"
            },
            "subwidgets": [
                {
                    "widgettype": "HBox",
                    "options": {
                        "marginBottom": "16px",
                        "gap": "8px"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "TextField",
                            "id": "search_keyword",
                            "options": {
                                "label": "搜索",
                                "placeholder": "合同/客户",
                                "flex": 1
                            }
                        },
                        {
                            "widgettype": "Button",
                            "id": "btn_search",
                            "options": {
                                "variant": "primary",
                                "label": "搜索"
                            }
                        },
                        {
                            "widgettype": "Button",
                            "id": "btn_add",
                            "options": {
                                "variant": "primary",
                                "action": "navigate('main/financial_management/receivable_edit.ui')",
                                "label": "新增"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "DataGrid",
                    "id": "receivables_grid",
                    "options": {
                        "url": "{{entire_url('api/receivables_list.dspy')}}",
                        "columns": [
                            {
                                "field": "id",
                                "header": "编号",
                                "width": 150
                            },
                            {
                                "field": "contract_id",
                                "header": "合同",
                                "width": 140
                            },
                            {
                                "field": "customer_id",
                                "header": "客户",
                                "width": 140
                            },
                            {
                                "field": "receivable_amount",
                                "header": "应收金额",
                                "width": 120
                            },
                            {
                                "field": "received_amount",
                                "header": "已收金额",
                                "width": 120
                            },
                            {
                                "field": "due_date",
                                "header": "到期日",
                                "width": 110
                            },
                            {
                                "field": "status",
                                "header": "状态",
                                "width": 90
                            },
                            {
                                "field": "description",
                                "header": "说明",
                                "width": 200
                            }
                        ],
                        "toolbar": [
                            {
                                "type": "button",
                                "text": "编辑",
                                "icon": "edit",
                                "action": "navigate('main/financial_management/receivable_edit.ui?id={% raw %}{{selectedRow.id}}{% endraw %}')"
                            },
                            {
                                "type": "button",
                                "text": "删除",
                                "icon": "delete",
                                "action": "doDelete('{% raw %}{{selectedRow.id}}{% endraw %}')"
                            }
                        ],
                        "flex": 1
                    }
                }
            ]
        }
    ]
}