feat: add dashboard index.ui with sidebar layout + design tokens
This commit is contained in:
parent
43695b238d
commit
b600f42bc7
138
wwwroot/index.ui
Normal file
138
wwwroot/index.ui
Normal file
@ -0,0 +1,138 @@
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"id": "pccs_root",
|
||||
"options": {"width": "100%", "height": "100%"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "pccs_sidebar",
|
||||
"options": {
|
||||
"width": "220px",
|
||||
"height": "100%",
|
||||
"bgcolor": "#0f172a",
|
||||
"padding": "0",
|
||||
"flexShrink": "0"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"padding": "20px 16px",
|
||||
"borderBottom": "1px solid #1e293b"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {
|
||||
"otext": "PCCS",
|
||||
"cfontsize": 1.3,
|
||||
"fontWeight": "bold",
|
||||
"color": "#e2e8f0"
|
||||
}},
|
||||
{"widgettype": "Text", "options": {
|
||||
"otext": "算力中心集群系统",
|
||||
"cfontsize": 0.75,
|
||||
"color": "#64748b"
|
||||
}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "pccs_menu",
|
||||
"options": {"padding": "8px", "gap": "2px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {
|
||||
"otext": "主导航",
|
||||
"cfontsize": 0.7,
|
||||
"color": "#475569",
|
||||
"padding": "8px 8px 4px 8px",
|
||||
"fontWeight": "bold"
|
||||
}}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "pccs_main",
|
||||
"options": {
|
||||
"css": "filler",
|
||||
"bgcolor": "#f8fafc",
|
||||
"overflow": "auto"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "dashboard_header",
|
||||
"options": {
|
||||
"bgcolor": "#ffffff",
|
||||
"borderBottom": "1px solid #e2e8f0",
|
||||
"padding": "16px 24px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {
|
||||
"otext": "概览",
|
||||
"cfontsize": 1.3,
|
||||
"fontWeight": "bold",
|
||||
"color": "#1e293b"
|
||||
}},
|
||||
{"widgettype": "Text", "options": {
|
||||
"otext": "算力中心资源总览",
|
||||
"cfontsize": 0.85,
|
||||
"color": "#64748b"
|
||||
}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "dashboard_content",
|
||||
"options": {"css": "filler", "padding": "24px", "gap": "20px", "overflow": "auto"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"gap": "16px"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "urlwidget",
|
||||
"id": "card_pool",
|
||||
"options": {
|
||||
"url": "{{entire_url('/pcpool/api/pool_stats.dspy')}}",
|
||||
"method": "GET"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "urlwidget",
|
||||
"id": "card_cluster",
|
||||
"options": {
|
||||
"url": "{{entire_url('/pcc/api/cluster_status_all.dspy')}}",
|
||||
"method": "GET"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"gap": "16px"},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "urlwidget",
|
||||
"id": "card_storage",
|
||||
"options": {
|
||||
"url": "{{entire_url('/storage_mgr/api/storage_stats.dspy')}}",
|
||||
"method": "GET"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "urlwidget",
|
||||
"id": "card_image",
|
||||
"options": {
|
||||
"url": "{{entire_url('/image_mgr/api/image_stats.dspy')}}",
|
||||
"method": "GET"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user