{
  "widgettype": "Page",
  "options": {
    "title": "应收账款",
    "style": {"height": "100vh", "padding": "0"}
  },
  "subwidgets": [
    {
      "widgettype": "VBox",
      "options": {"style": {"padding": "16px", "flex": 1, "overflow": "hidden"}},
      "subwidgets": [
        {
          "widgettype": "HBox",
          "options": {"style": {"marginBottom": "16px", "gap": "8px"}},
          "subwidgets": [
            {"widgettype": "TextField", "id": "search_keyword", "options": {"label": "搜索", "placeholder": "合同/客户", "style": {"flex": 1}}},
            {"widgettype": "Button", "id": "btn_search", "options": {"text": "搜索", "variant": "primary"}},
            {"widgettype": "Button", "id": "btn_add", "options": {"text": "新增", "variant": "primary", "action": "navigate('main/financial_management/receivable_edit.ui')"}}
          ]
        },
        {
          "widgettype": "DataGrid",
          "id": "receivables_grid",
          "options": {
            "url": "{{entire_url('api/receivables_list.dspy')}}",
            "style": {"flex": 1},
            "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 %}')"}
            ]
          }
        }
      ]
    }
  ]
}