yumoqing
8ceb769356
1. Quick entry shortcuts: Replace VBox (no native click) with Button widgets for reliable click event handling. Each entry wraps its icon+text in a VBox inside the Button for layout. 2. Ranking tables: Changed get_top_users/ providers queries from today-only (WHERE use_date=today) to all-time data so transaction counts and amounts always display meaningful results. 3. Background color: Added bgcolor=#0B1120 to top-level index.ui VBox so the page background matches the shell theme, eliminating the white-vs-dark-blue contrast.
543 lines
25 KiB
XML
543 lines
25 KiB
XML
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"height": "100%",
|
||
"bgcolor": "#0B1120"
|
||
},
|
||
"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": "最后更新: {{get_today_usage(request) and request._run_ns.curDateString() or ''}}",
|
||
"fontSize": "13px",
|
||
"color": "#64748B"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "ResponsableBox",
|
||
"options": {
|
||
"gap": "16px",
|
||
"minWidth": "220px",
|
||
"marginBottom": "24px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_today_usage",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('stat_today_usage.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_today_amount",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('stat_today_amount.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_total_users",
|
||
"options": {
|
||
"period_seconds": 60,
|
||
"url": "{{entire_url('stat_total_users.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_active_users",
|
||
"options": {
|
||
"period_seconds": 60,
|
||
"url": "{{entire_url('stat_active_users.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_concurrent",
|
||
"options": {
|
||
"period_seconds": 15,
|
||
"url": "{{entire_url('stat_concurrent.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_errors",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('stat_errors.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "ResponsableBox",
|
||
"options": {
|
||
"gap": "16px",
|
||
"minWidth": "220px",
|
||
"marginBottom": "24px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_new_users_month",
|
||
"options": {
|
||
"period_seconds": 120,
|
||
"url": "{{entire_url('stat_new_users_month.ui')}}"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "stat_total_orgs",
|
||
"options": {
|
||
"period_seconds": 120,
|
||
"url": "{{entire_url('stat_total_orgs.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"gap": "20px",
|
||
"height": "auto"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "60%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"alignItems": "center",
|
||
"marginBottom": "16px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "Top 3 模型（今日调用）",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "Filler"
|
||
},
|
||
{
|
||
"widgettype": "Button",
|
||
"options": {
|
||
"label": "刷新",
|
||
"bgcolor": "#334155",
|
||
"color": "#94A3B8",
|
||
"border": "none",
|
||
"borderRadius": "6px",
|
||
"padding": "4px 12px",
|
||
"fontSize": "12px"
|
||
},
|
||
"binds": [
|
||
{
|
||
"wid": "self",
|
||
"event": "click",
|
||
"actiontype": "method",
|
||
"target": "-@RefreshWidget",
|
||
"method": "render_urldata",
|
||
"params": {}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "chart_top_models",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('chart_top_models.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "40%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "快捷入口",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600",
|
||
"marginBottom": "16px"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "ResponsableBox",
|
||
"options": {
|
||
"gap": "12px",
|
||
"minWidth": "120px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Button",
|
||
"options": {
|
||
"bgcolor": "#334155",
|
||
"padding": "16px",
|
||
"borderRadius": "8px",
|
||
"border": "none",
|
||
"textAlign": "center"
|
||
},
|
||
"binds": [
|
||
{
|
||
"wid": "self",
|
||
"event": "click",
|
||
"actiontype": "urlwidget",
|
||
"target": "app.sage_main_content",
|
||
"options": {
|
||
"url": "{{entire_url('/llmage/llm')}}"
|
||
},
|
||
"mode": "replace"
|
||
}
|
||
],
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"alignItems": "center"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Svg",
|
||
"options": {
|
||
"svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#90caf9\" stroke-width=\"2\"><path d=\"M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15.75c-2.062 0-4.024-.614-5.67-1.757l-1.57-.393m15.04 0L12 21 5.25 13.893\"/></svg>"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "Text",
|
||
"options": {
|
||
"text": "模型管理",
|
||
"color": "#E2E8F0",
|
||
"fontSize": "13px",
|
||
"marginTop": "8px"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "Button",
|
||
"options": {
|
||
"bgcolor": "#334155",
|
||
"padding": "16px",
|
||
"borderRadius": "8px",
|
||
"border": "none",
|
||
"textAlign": "center"
|
||
},
|
||
"binds": [
|
||
{
|
||
"wid": "self",
|
||
"event": "click",
|
||
"actiontype": "urlwidget",
|
||
"target": "app.sage_main_content",
|
||
"options": {
|
||
"url": "{{entire_url('/rbac/users')}}"
|
||
},
|
||
"mode": "replace"
|
||
}
|
||
],
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"alignItems": "center"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Svg",
|
||
"options": {
|
||
"svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4caf50\" stroke-width=\"2\"><path d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\"/></svg>"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "Text",
|
||
"options": {
|
||
"text": "用户管理",
|
||
"color": "#E2E8F0",
|
||
"fontSize": "13px",
|
||
"marginTop": "8px"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "Button",
|
||
"options": {
|
||
"bgcolor": "#334155",
|
||
"padding": "16px",
|
||
"borderRadius": "8px",
|
||
"border": "none",
|
||
"textAlign": "center"
|
||
},
|
||
"binds": [
|
||
{
|
||
"wid": "self",
|
||
"event": "click",
|
||
"actiontype": "urlwidget",
|
||
"target": "app.sage_main_content",
|
||
"options": {
|
||
"url": "{{entire_url('/rag/kdb')}}"
|
||
},
|
||
"mode": "replace"
|
||
}
|
||
],
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"alignItems": "center"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Svg",
|
||
"options": {
|
||
"svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"2\"><path d=\"M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125\"/></svg>"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "Text",
|
||
"options": {
|
||
"text": "知识库",
|
||
"color": "#E2E8F0",
|
||
"fontSize": "13px",
|
||
"marginTop": "8px"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "Button",
|
||
"options": {
|
||
"bgcolor": "#334155",
|
||
"padding": "16px",
|
||
"borderRadius": "8px",
|
||
"border": "none",
|
||
"textAlign": "center"
|
||
},
|
||
"binds": [
|
||
{
|
||
"wid": "self",
|
||
"event": "click",
|
||
"actiontype": "urlwidget",
|
||
"target": "app.sage_main_content",
|
||
"options": {
|
||
"url": "{{entire_url('/llmage/failed_accounting.ui')}}"
|
||
},
|
||
"mode": "replace"
|
||
}
|
||
],
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"alignItems": "center"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Svg",
|
||
"options": {
|
||
"svg": "<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\"><path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"/></svg>"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "Text",
|
||
"options": {
|
||
"text": "异常记录",
|
||
"color": "#E2E8F0",
|
||
"fontSize": "13px",
|
||
"marginTop": "8px"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155",
|
||
"marginTop": "20px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "用户消费排行（Top 5）",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600",
|
||
"marginBottom": "16px"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "table_top_users",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('table_top_users.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155",
|
||
"marginTop": "20px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "用户调用排行（Top 5）",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600",
|
||
"marginBottom": "16px"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "table_top_users_count",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('table_top_users_count.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {
|
||
"width": "100%",
|
||
"gap": "20px",
|
||
"marginTop": "20px"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "50%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "供应商交易排行（金额 Top 5）",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600",
|
||
"marginBottom": "16px"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "table_top_providers_amount",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('table_top_providers_amount.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {
|
||
"width": "50%",
|
||
"bgcolor": "#1E293B",
|
||
"borderRadius": "12px",
|
||
"padding": "20px",
|
||
"border": "1px solid #334155"
|
||
},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Title4",
|
||
"options": {
|
||
"text": "供应商调用排行（数量 Top 5）",
|
||
"color": "#F1F5F9",
|
||
"fontWeight": "600",
|
||
"marginBottom": "16px"
|
||
}
|
||
},
|
||
{
|
||
"widgettype": "RefreshWidget",
|
||
"id": "table_top_providers_count",
|
||
"options": {
|
||
"period_seconds": 30,
|
||
"url": "{{entire_url('table_top_providers_count.ui')}}"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|