{
    "widgettype": "VBox",
    "id": "provider_roi_root",
    "options": {"width": "100%", "height": "100%"},
    "subwidgets": [
        {
            "widgettype": "VScrollPanel",
            "options": {"css": "filler"},
            "subwidgets": [
                {
                    "widgettype": "HBox",
                    "options": {"width": "100%", "alignItems": "center", "marginBottom": "12px"},
                    "subwidgets": [
                        {"widgettype": "Title2", "options": {"fontWeight": "700", "otext": "供应商性价比对比", "i18n": true}},
                        {"widgettype": "Filler"},
                        {
                            "widgettype": "Button",
                            "options": {"label": "刷新", "fontSize": "12px"},
                            "binds": [{"wid": "self", "event": "click", "actiontype": "method", "target": "-@Cols", "method": "render_urldata", "params": {}}]
                        }
                    ]
                },
                {
                    "widgettype": "Cols",
                    "options": {
                        "css": "card",
                        "col_cwidth": 28,
                        "title": "同模型供应商价格对比",
                        "data_url": "{{entire_url('api/provider_roi.dspy')}}",
                        "data_params": {},
                        "record_view": {
                            "widgettype": "HBox",
                            "options": {"cheight": 4, "width": "100%"},
                            "subwidgets": [
                                {"widgettype": "Text", "options": {"text": "${model}", "width": "30%"}},
                                {"widgettype": "Text", "options": {"text": "${providerid}", "width": "20%"}},
                                {"widgettype": "Text", "options": {"text": "${total_calls}次", "width": "12%"}},
                                {"widgettype": "Text", "options": {"text": "¥${unit_price}/t", "width": "15%"}},
                                {"widgettype": "Text", "options": {"text": "${avg_ttft_ms}ms", "width": "13%"}},
                                {"widgettype": "Text", "options": {"text": "¥${total_amount}", "width": "10%"}}
                            ]
                        }
                    }
                }
            ]
        }
    ]
}