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:
parent
9ea18c9607
commit
abd5837509
@ -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}}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -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}}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
126
wwwroot/index.ui
126
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}}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user