{
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "padding": "0",
        "bgcolor": "#0B1120"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "alignItems": "center",
                "padding": "16px 24px",
                "marginBottom": "0"
            },
            "subwidgets": [
                {
                    "widgettype": "Title2",
                    "options": {
                        "text": "供销链管理",
                        "color": "#F1F5F9",
                        "fontWeight": "700"
                    }
                },
                {
                    "widgettype": "Filler"
                },
                {
                    "widgettype": "Text",
                    "options": {
                        "text": "供应商、合同、二级分销商与记账管理",
                        "fontSize": "14px",
                        "color": "#64748B"
                    }
                }
            ]
        },
        {
            "widgettype": "ResponsableBox",
            "options": {
                "gap": "12px",
                "minWidth": "180px",
                "padding": "0 24px 16px 24px"
            },
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "16px 24px",
                        "borderRadius": "8px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.supplychain_content",
                            "options": {
                                "url": "{{entire_url('suppliers.ui')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Title5",
                            "options": {
                                "text": "供应商管理",
                                "color": "#F1F5F9",
                                "fontWeight": "600"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "添加和管理供应商信息",
                                "fontSize": "12px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "16px 24px",
                        "borderRadius": "8px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.supplychain_content",
                            "options": {
                                "url": "{{entire_url('supply_contracts.ui')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Title5",
                            "options": {
                                "text": "供销合同",
                                "color": "#F1F5F9",
                                "fontWeight": "600"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "管理与供应商的供销合同及产品折扣",
                                "fontSize": "12px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "16px 24px",
                        "borderRadius": "8px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.supplychain_content",
                            "options": {
                                "url": "{{entire_url('sub_distributors.ui')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Title5",
                            "options": {
                                "text": "二级分销商",
                                "color": "#F1F5F9",
                                "fontWeight": "600"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "添加和管理二级分销商",
                                "fontSize": "12px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "16px 24px",
                        "borderRadius": "8px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.supplychain_content",
                            "options": {
                                "url": "{{entire_url('distribution_agreements.ui')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Title5",
                            "options": {
                                "text": "分销协议",
                                "color": "#F1F5F9",
                                "fontWeight": "600"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "管理与二级分销商的分销协议及产品折扣",
                                "fontSize": "12px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "16px 24px",
                        "borderRadius": "8px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.supplychain_content",
                            "options": {
                                "url": "{{entire_url('accounting.ui')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Title5",
                            "options": {
                                "text": "供销记账",
                                "color": "#F1F5F9",
                                "fontWeight": "600"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "查看供销关系记账记录和利润统计",
                                "fontSize": "12px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                }
            ]
        },
        {
            "widgettype": "VBox",
            "id": "supplychain_content",
            "css": "filler",
            "options": {
                "width": "100%",
                "overflowY": "auto"
            }
        }
    ]
}