fix: rewrite index.ui for pipeline_ops/pipeline_dist as proper bricks cards

- pipeline_ops: VBox+ResponsableBox cards → pricing/capacity/usage_log
- pipeline_dist: VBox+ResponsableBox cards → distributor_pipeline
- main index.ui: fix task center URL (/pipeline_task→/pipeline_sdlc/sd_projects), menu cwidth
This commit is contained in:
yumoqing 2026-07-08 17:43:49 +08:00
parent 9ea18c9607
commit abd5837509
3 changed files with 81 additions and 145 deletions

View File

@ -1,16 +1,25 @@
{ {
"title": "分销管理", "widgettype": "VBox",
"layout": "cards", "options": {"width": "100%", "height": "100%", "padding": "24px", "spacing": "20px"},
"cards": [ "subwidgets": [
{ {
"title": "分销商管理", "widgettype": "Title2",
"icon": "people", "options": {"text": "分销管理"}
"url": "{{entire_url('../json/distributors.json')}}" },
}, {
{ "widgettype": "ResponsableBox",
"title": "分销商产线配置", "options": {"gap": "16px", "minWidth": "220px"},
"icon": "link", "subwidgets": [
"url": "{{entire_url('../json/distributor_pipeline.json')}}" {
} "widgettype": "VBox",
] "options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('../pipeline_dist/distributor_pipeline/')}}"}, "mode": "replace"}],
"subwidgets": [
{"widgettype": "Title4", "options": {"text": "分销商产线配置"}},
{"widgettype": "Text", "options": {"text": "管理分销商产线绑定", "cfontsize": 0.9}}
]
}
]
}
]
} }

View File

@ -1,26 +1,43 @@
{ {
"title": "产线运营", "widgettype": "VBox",
"layout": { "options": {"width": "100%", "height": "100%", "padding": "24px", "spacing": "20px"},
"type": "cards", "subwidgets": [
"items": [ {
{ "widgettype": "Title2",
"title": "定价管理", "options": {"text": "产线运营"}
"icon": "price-tag", },
"url": "pipeline_pricing", {
"description": "管理产线计费方式和价格" "widgettype": "ResponsableBox",
}, "options": {"gap": "16px", "minWidth": "220px"},
{ "subwidgets": [
"title": "供应量管理", {
"icon": "gauge", "widgettype": "VBox",
"url": "pipeline_capacity", "options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
"description": "配置产线并发和调用限额" "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_pricing/')}}"}, "mode": "replace"}],
}, "subwidgets": [
{ {"widgettype": "Title4", "options": {"text": "定价管理"}},
"title": "使用记录", {"widgettype": "Text", "options": {"text": "管理产线计费方式和价格", "cfontsize": 0.9}}
"icon": "list", ]
"url": "pipeline_usage_log", },
"description": "查看产线调用和消费记录" {
} "widgettype": "VBox",
"options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_capacity/')}}"}, "mode": "replace"}],
"subwidgets": [
{"widgettype": "Title4", "options": {"text": "供应量管理"}},
{"widgettype": "Text", "options": {"text": "配置产线并发和调用限额", "cfontsize": 0.9}}
]
},
{
"widgettype": "VBox",
"options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_usage_log/')}}"}, "mode": "replace"}],
"subwidgets": [
{"widgettype": "Title4", "options": {"text": "使用记录"}},
{"widgettype": "Text", "options": {"text": "查看产线调用和消费记录", "cfontsize": 0.9}}
]
}
]
}
] ]
}
} }

View File

@ -1,140 +1,50 @@
{ {
"id": "app", "id": "app",
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {"width": "100%", "height": "100%", "padding": "0"},
"width": "100%",
"height": "100%",
"padding": "0"
},
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "HBox", "widgettype": "HBox",
"options": { "options": {"width": "100%", "cheight": 48, "bgcolor": "#1e293b", "padding": "0 16px", "alignItems": "center", "gap": "12px"},
"width": "100%",
"height": "48px",
"bgcolor": "var(--sage-bg-secondary, #1e293b)",
"padding": "0 16px",
"alignItems": "center",
"gap": "12px"
},
"subwidgets": [ "subwidgets": [
{ {"widgettype": "Button", "id": "btn_toggle_sidebar", "options": {"label": "☰", "css": "text", "color": "#fff", "cfontsize": 1.4}, "binds": [{"wid": "self", "event": "click", "actiontype": "method", "target": "app.sidebar_menu", "method": "toggle_collapse"}]},
"widgettype": "Button", {"widgettype": "Title4", "options": {"text": "产线平台", "color": "#fff"}},
"id": "btn_toggle_sidebar", {"widgettype": "Filler"},
"options": { {"widgettype": "Button", "options": {"label": "管理", "css": "text", "color": "#fff"}, "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('/rbac/user/')}}"}, "mode": "replace"}]}
"label": "☰",
"css": "text",
"color": "#fff",
"cfontsize": 1.4
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "method",
"target": "app.sidebar_menu",
"method": "toggle_collapse"
}
]
},
{
"widgettype": "Title4",
"options": {
"text": "产线平台",
"color": "#fff"
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "urlwidget",
"options": {
"url": "{{entire_url('/rbac/user/user_panel.ui')}}"
}
}
] ]
}, },
{ {
"widgettype": "HBox", "widgettype": "HBox",
"options": { "options": {"css": "filler", "padding": "0", "gap": "0"},
"width": "100%",
"css": "filler",
"padding": "0"
},
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Menu", "widgettype": "Menu",
"id": "sidebar_menu", "id": "sidebar_menu",
"options": { "options": {
"width": "200px", "cwidth": 200,
"height": "100%", "height": "100%",
"bgcolor": "var(--sage-bg-secondary, #f8fafc)", "bgcolor": "#f8fafc",
"target": "app.main_content", "target": "app.main_content",
"items": [ "items": [
{ {"name": "pipeline_core", "label": "产线管理", "icon": "{{entire_url('/imgs/cubes.svg')}}", "url": "{{entire_url('/pipeline_core/')}}"},
"name": "pipeline_core", {"name": "pipeline_ops", "label": "运营管理", "icon": "{{entire_url('/imgs/dashboard.svg')}}", "url": "{{entire_url('/pipeline_ops/')}}"},
"label": "产线管理", {"name": "pipeline_dist", "label": "分销管理", "icon": "{{entire_url('/imgs/truck.svg')}}", "url": "{{entire_url('/pipeline_dist/')}}"},
"icon": "{{entire_url('/imgs/cubes.svg')}}", {"name": "pipeline_task", "label": "任务中心", "icon": "{{entire_url('/imgs/rocket.svg')}}", "url": "{{entire_url('/pipeline_sdlc/sd_projects/')}}"},
"url": "{{entire_url('/pipeline_core/')}}" {"name": "showcase", "label": "展示平台", "icon": "{{entire_url('/imgs/user-circle.svg')}}", "url": "{{entire_url('/showcase/')}}"}
},
{
"name": "pipeline_ops",
"label": "运营管理",
"icon": "{{entire_url('/imgs/dashboard.svg')}}",
"url": "{{entire_url('/pipeline_ops/')}}"
},
{
"name": "pipeline_dist",
"label": "分销管理",
"icon": "{{entire_url('/imgs/truck.svg')}}",
"url": "{{entire_url('/pipeline_dist/')}}"
},
{
"name": "pipeline_task",
"label": "任务中心",
"icon": "{{entire_url('/imgs/rocket.svg')}}",
"url": "{{entire_url('/pipeline_task/')}}"
},
{
"name": "showcase",
"label": "展示平台",
"icon": "{{entire_url('/imgs/user-circle.svg')}}",
"url": "{{entire_url('/showcase/')}}"
}
] ]
} }
}, },
{ {
"widgettype": "VScrollPanel", "widgettype": "VScrollPanel",
"id": "main_content", "id": "main_content",
"options": { "options": {"css": "filler", "width": "100%", "height": "100%"},
"css": "filler",
"width": "100%",
"height": "100%"
},
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {"width": "100%", "padding": "32px", "spacing": "24px"},
"width": "100%",
"padding": "32px",
"spacing": "24px"
},
"subwidgets": [ "subwidgets": [
{ {"widgettype": "Title2", "options": {"text": "产线平台"}},
"widgettype": "Title2", {"widgettype": "Text", "options": {"text": "管理产线定义、运营配置、分销渠道与任务执行", "cfontsize": 1.2}}
"options": {
"text": "产线平台"
}
},
{
"widgettype": "Text",
"options": {
"text": "管理产线定义、运营配置、分销渠道与任务执行",
"cfontsize": 1.2
}
}
] ]
} }
] ]