From abd5837509518494595d3578a572e4defe2172c5 Mon Sep 17 00:00:00 2001 From: yumoqing Date: Wed, 8 Jul 2026 17:43:49 +0800 Subject: [PATCH] fix: rewrite index.ui for pipeline_ops/pipeline_dist as proper bricks cards MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- pipeline_dist/wwwroot/index.ui | 37 ++++++---- pipeline_ops/wwwroot/index.ui | 63 +++++++++++------ wwwroot/index.ui | 126 +++++---------------------------- 3 files changed, 81 insertions(+), 145 deletions(-) diff --git a/pipeline_dist/wwwroot/index.ui b/pipeline_dist/wwwroot/index.ui index d234498..c28023b 100644 --- a/pipeline_dist/wwwroot/index.ui +++ b/pipeline_dist/wwwroot/index.ui @@ -1,16 +1,25 @@ { - "title": "分销管理", - "layout": "cards", - "cards": [ - { - "title": "分销商管理", - "icon": "people", - "url": "{{entire_url('../json/distributors.json')}}" - }, - { - "title": "分销商产线配置", - "icon": "link", - "url": "{{entire_url('../json/distributor_pipeline.json')}}" - } - ] + "widgettype": "VBox", + "options": {"width": "100%", "height": "100%", "padding": "24px", "spacing": "20px"}, + "subwidgets": [ + { + "widgettype": "Title2", + "options": {"text": "分销管理"} + }, + { + "widgettype": "ResponsableBox", + "options": {"gap": "16px", "minWidth": "220px"}, + "subwidgets": [ + { + "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}} + ] + } + ] + } + ] } diff --git a/pipeline_ops/wwwroot/index.ui b/pipeline_ops/wwwroot/index.ui index cc9c69a..e47f1eb 100644 --- a/pipeline_ops/wwwroot/index.ui +++ b/pipeline_ops/wwwroot/index.ui @@ -1,26 +1,43 @@ { - "title": "产线运营", - "layout": { - "type": "cards", - "items": [ - { - "title": "定价管理", - "icon": "price-tag", - "url": "pipeline_pricing", - "description": "管理产线计费方式和价格" - }, - { - "title": "供应量管理", - "icon": "gauge", - "url": "pipeline_capacity", - "description": "配置产线并发和调用限额" - }, - { - "title": "使用记录", - "icon": "list", - "url": "pipeline_usage_log", - "description": "查看产线调用和消费记录" - } + "widgettype": "VBox", + "options": {"width": "100%", "height": "100%", "padding": "24px", "spacing": "20px"}, + "subwidgets": [ + { + "widgettype": "Title2", + "options": {"text": "产线运营"} + }, + { + "widgettype": "ResponsableBox", + "options": {"gap": "16px", "minWidth": "220px"}, + "subwidgets": [ + { + "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_pricing/')}}"}, "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_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}} + ] + } + ] + } ] - } } diff --git a/wwwroot/index.ui b/wwwroot/index.ui index f918fe5..a75be4d 100644 --- a/wwwroot/index.ui +++ b/wwwroot/index.ui @@ -1,140 +1,50 @@ { "id": "app", "widgettype": "VBox", - "options": { - "width": "100%", - "height": "100%", - "padding": "0" - }, + "options": {"width": "100%", "height": "100%", "padding": "0"}, "subwidgets": [ { "widgettype": "HBox", - "options": { - "width": "100%", - "height": "48px", - "bgcolor": "var(--sage-bg-secondary, #1e293b)", - "padding": "0 16px", - "alignItems": "center", - "gap": "12px" - }, + "options": {"width": "100%", "cheight": 48, "bgcolor": "#1e293b", "padding": "0 16px", "alignItems": "center", "gap": "12px"}, "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": "Title4", - "options": { - "text": "产线平台", - "color": "#fff" - } - }, - { - "widgettype": "Filler" - }, - { - "widgettype": "urlwidget", - "options": { - "url": "{{entire_url('/rbac/user/user_panel.ui')}}" - } - } + {"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": "Title4", "options": {"text": "产线平台", "color": "#fff"}}, + {"widgettype": "Filler"}, + {"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"}]} ] }, { "widgettype": "HBox", - "options": { - "width": "100%", - "css": "filler", - "padding": "0" - }, + "options": {"css": "filler", "padding": "0", "gap": "0"}, "subwidgets": [ { "widgettype": "Menu", "id": "sidebar_menu", "options": { - "width": "200px", + "cwidth": 200, "height": "100%", - "bgcolor": "var(--sage-bg-secondary, #f8fafc)", + "bgcolor": "#f8fafc", "target": "app.main_content", "items": [ - { - "name": "pipeline_core", - "label": "产线管理", - "icon": "{{entire_url('/imgs/cubes.svg')}}", - "url": "{{entire_url('/pipeline_core/')}}" - }, - { - "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/')}}" - } + {"name": "pipeline_core", "label": "产线管理", "icon": "{{entire_url('/imgs/cubes.svg')}}", "url": "{{entire_url('/pipeline_core/')}}"}, + {"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_sdlc/sd_projects/')}}"}, + {"name": "showcase", "label": "展示平台", "icon": "{{entire_url('/imgs/user-circle.svg')}}", "url": "{{entire_url('/showcase/')}}"} ] } }, { "widgettype": "VScrollPanel", "id": "main_content", - "options": { - "css": "filler", - "width": "100%", - "height": "100%" - }, + "options": {"css": "filler", "width": "100%", "height": "100%"}, "subwidgets": [ { "widgettype": "VBox", - "options": { - "width": "100%", - "padding": "32px", - "spacing": "24px" - }, + "options": {"width": "100%", "padding": "32px", "spacing": "24px"}, "subwidgets": [ - { - "widgettype": "Title2", - "options": { - "text": "产线平台" - } - }, - { - "widgettype": "Text", - "options": { - "text": "管理产线定义、运营配置、分销渠道与任务执行", - "cfontsize": 1.2 - } - } + {"widgettype": "Title2", "options": {"text": "产线平台"}}, + {"widgettype": "Text", "options": {"text": "管理产线定义、运营配置、分销渠道与任务执行", "cfontsize": 1.2}} ] } ]