{
    "widgettype": "VBox",
    "options": {
        "width": "100%",
        "height": "100%",
        "padding": "0"
    },
    "subwidgets": [
        {
            "widgettype": "HBox",
            "options": {
                "width": "100%",
                "alignItems": "center",
                "marginBottom": "24px"
            },
            "subwidgets": [
                {
                    "widgettype": "Title2",
                    "options": {
                        "text": "计费管理",
                        "color": "#F1F5F9",
                        "fontWeight": "700"
                    }
                },
                {
                    "widgettype": "Filler"
                },
                {
                    "widgettype": "Text",
                    "options": {
                        "text": "账户管理、账单明细与计费配置",
                        "fontSize": "14px",
                        "color": "#64748B"
                    }
                }
            ]
        },
        {
            "widgettype": "ResponsableBox",
            "options": {
                "gap": "16px",
                "minWidth": "200px",
                "marginBottom": "24px"
            },
            "subwidgets": [
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/accounting/stat_total_balance.ui')}}"
                    }
                },
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/accounting/stat_today_consumption.ui')}}"
                    }
                },
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/accounting/stat_month_consumption.ui')}}"
                    }
                },
                {
                    "widgettype": "urlwidget",
                    "options": {
                        "url": "{{entire_url('/accounting/stat_account_count.ui')}}"
                    }
                }
            ]
        },
        {
            "widgettype": "ResponsableBox",
            "options": {
                "gap": "16px",
                "minWidth": "250px"
            },
            "subwidgets": [
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "24px",
                        "borderRadius": "12px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.accounting_content",
                            "options": {
                                "url": "{{entire_url('myaccounts')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Svg",
                            "options": {
                                "svg": "<svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22C55E\" stroke-width=\"1.5\"><path d=\"M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125H3.375a.75.75 0 01-.75-.75V4.5m0 0V3.75c0-.621.504-1.125 1.125-1.125h1.5c1.243 0 2.25 1.007 2.25 2.25v.375M3.75 4.5h15.75m0 0v-.375c0-.621-.504-1.125-1.125-1.125h-1.5c-1.243 0-2.25 1.007-2.25 2.25v.375M3.75 12.75h15.75M3.75 16.5h15.75\"/></svg>",
                                "width": "36px",
                                "height": "36px",
                                "marginBottom": "16px"
                            }
                        },
                        {
                            "widgettype": "Title4",
                            "options": {
                                "text": "我的账户",
                                "color": "#F1F5F9",
                                "fontWeight": "600",
                                "marginBottom": "8px"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "查看账户余额与充值记录",
                                "fontSize": "14px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                },
                {
                    "widgettype": "VBox",
                    "options": {
                        "bgcolor": "#1E293B",
                        "padding": "24px",
                        "borderRadius": "12px",
                        "border": "1px solid #334155",
                        "cursor": "pointer"
                    },
                    "binds": [
                        {
                            "wid": "self",
                            "event": "click",
                            "actiontype": "urlwidget",
                            "target": "app.accounting_content",
                            "options": {
                                "url": "{{entire_url('accdetail')}}"
                            },
                            "mode": "replace"
                        }
                    ],
                    "subwidgets": [
                        {
                            "widgettype": "Svg",
                            "options": {
                                "svg": "<svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3B82F6\" stroke-width=\"1.5\"><path d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\"/></svg>",
                                "width": "36px",
                                "height": "36px",
                                "marginBottom": "16px"
                            }
                        },
                        {
                            "widgettype": "Title4",
                            "options": {
                                "text": "账单明细",
                                "color": "#F1F5F9",
                                "fontWeight": "600",
                                "marginBottom": "8px"
                            }
                        },
                        {
                            "widgettype": "Text",
                            "options": {
                                "text": "查看计费明细与消费流水",
                                "fontSize": "14px",
                                "color": "#94A3B8"
                            }
                        }
                    ]
                }
            ]
        },
        {
            "widgettype": "VBox",
            "id": "accounting_content",
            "options": {
                "width": "100%",
                "flex": "1",
                "marginTop": "20px"
            }
        }
    ]
}