{
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "padding": "0"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "alignItems": "center",
                "padding": "16px 24px",
                "marginBottom": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "Title2",
                    "options": {
                        "text": "产品商城",
                        "fontWeight": "700"
                    }
                },
                {
                    "widgettype": "Filler"
                },
                {
                    "widgettype": "Text",
                    "options": {
                        "text": "浏览产品，点击了解详情",
                        "fontSize": "14px"
                    }
                }
            ]
        },
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "css": "filler",
                "gap": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "id": "category_sidebar",
                    "options": {
                        "width": "280px",
                        "minWidth": "48px",
                        "borderRight": "1px solid #e0e0e0",
                        "overflowY": "auto"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "Tree",
                            "id": "category_tree",
                            "options": {
                                "title": "产品分类",
                                "idField": "id",
                                "textField": "name",
                                "parentField": "parent_id",
                                "dataurl": "{{entire_url('./api/get_categories.dspy')}}"
                            },
                            "binds": [
                                {
                                    "wid": "self",
                                    "event": "click",
                                    "actiontype": "urlwidget",
                                    "target": "product_list",
                                    "params_mapping": {
                                        "mapping": {
                                            "id": "category_id"
                                        },
                                        "need_other": false
                                    },
                                    "options": {
                                        "method": "POST",
                                        "url": "{{entire_url('./api/get_products.dspy')}}"
                                    }
                                }
                            ]
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "css": "filler",
                        "padding": "16px 24px",
                        "overflowY": "auto"
                    },
                    "subwidgets": [
                        {
                            "widgettype": "Title4",
                            "options": {
                                "text": "产品列表",
                                "fontWeight": "600",
                                "marginBottom": "12px"
                            }
                        },
                        {
                            "widgettype": "VBox",
                            "id": "product_list",
                            "options": {
                                "width": "100%",
                                "css": "filler"
                            }
                        },
                        {
                            "widgettype": "VBox",
                            "id": "product_detail",
                            "options": {
                                "width": "100%",
                                "marginTop": "24px"
                            }
                        }
                    ]
                }
            ]
        }
    ]
}