yumoqing/reallife_asset
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 改为左右分栏布局，左侧菜单按钮导航，右侧内容区

Browse Source
This commit is contained in:
yumoqing 2026-06-01 14:12:33 +08:00
parent fe8206f8d5
commit f66260e753
1 changed files with 187 additions and 293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

254
wwwroot/index.ui
View File

@ -2,59 +2,42 @@
{% set role_str = roles|join(',') %} {% set role_str = roles|join(',') %}
{% set is_customer = 'customer.' in role_str %} {% set is_customer = 'customer.' in role_str %}
{% set is_admin = 'owner.superuser' in roles or 'reseller.operator' in roles %} {% set is_admin = 'owner.superuser' in roles or 'reseller.operator' in roles %}
{
"widgettype": "VBox",
"options": {
"width": "100%",
"height": "100%",
"padding": "0"
},
"subwidgets": [
{ {
"widgettype": "HBox", "widgettype": "HBox",
"options": { "options": {
"width": "100%", "width": "100%",
"alignItems": "center", "height": "100%",
"marginBottom": "20px" "spacing": 0
}, },
"subwidgets": [ "subwidgets": [
{
"widgettype": "Title2",
"options": {
"text": "真人人像素材管理"
}
}
]
},
{ {
"widgettype": "VScrollPanel", "widgettype": "VScrollPanel",
"options": { "options": {
"css": "filler" "cwidth": 18,
"bgcolor": "#1e293b"
}, },
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"spacing": 20 "padding": "16px",
"spacing": 8
}, },
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "ResponsableBox", "widgettype": "Title5",
"options": { "options": {
"gap": "16px", "text": "真人素材",
"minWidth": "280px" "color": "#94a3b8"
}, }
"subwidgets": [ }
{% if is_customer or is_admin %} {% if is_customer or is_admin %}
{ ,{
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "🔐 真人认证",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -67,32 +50,14 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "🔐 真人认证"
}
},
{
"widgettype": "Text",
"options": {
"text": "创建真人认证会话，获取H5认证链接",
"cfontsize": 1.2
}
}
] ]
}, },
{ {
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "📤 上传素材",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -105,32 +70,14 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "📤 上传素材"
}
},
{
"widgettype": "Text",
"options": {
"text": "上传素材到供应商（支持URL/base64）",
"cfontsize": 1.2
}
}
] ]
}, },
{ {
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "🖼️ 查看素材",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -143,21 +90,6 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "🖼️ 查看素材"
}
},
{
"widgettype": "Text",
"options": {
"text": "按认证组合查看已上传的素材及状态",
"cfontsize": 1.2
}
}
] ]
} }
{% endif %} {% endif %}
@ -165,12 +97,25 @@
,{ ,{
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "padding": "12px 0 8px",
"spacing": 0
"cwidth": 23, },
"padding": "20px", "subwidgets": [
"cursor": "pointer", {
"borderRadius": "8px" "widgettype": "Title5",
"options": {
"text": "管理功能",
"color": "#94a3b8"
}
}
]
},
{
"widgettype": "Button",
"options": {
"label": "📁 素材组合管理",
"width": "100%",
"textAlign": "left"
}, },
"binds": [ "binds": [
{ {
@ -183,32 +128,14 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "📁 素材组合管理"
}
},
{
"widgettype": "Text",
"options": {
"text": "创建真人认证、管理素材组合（Asset Group）",
"cfontsize": 1.2
}
}
] ]
}, },
{ {
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "🖼️ 素材资产管理",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -221,32 +148,14 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "🖼️ 素材资产管理"
}
},
{
"widgettype": "Text",
"options": {
"text": "上传/查看/同步真人人像素材（Asset）",
"cfontsize": 1.2
}
}
] ]
}, },
{ {
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "⚙️ 供应商配置",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -259,32 +168,14 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "⚙️ 供应商配置"
}
},
{
"widgettype": "Text",
"options": {
"text": "管理供应商upappid和API映射",
"cfontsize": 1.2
}
}
] ]
}, },
{ {
"widgettype": "VBox", "widgettype": "Button",
"options": { "options": {
"css": "card", "label": "🔗 机构映射管理",
"width": "100%",
"cwidth": 23, "textAlign": "left"
"padding": "20px",
"cursor": "pointer",
"borderRadius": "8px"
}, },
"binds": [ "binds": [
{ {
@ -297,21 +188,6 @@
}, },
"mode": "replace" "mode": "replace"
} }
],
"subwidgets": [
{
"widgettype": "Title5",
"options": {
"text": "🔗 机构映射管理"
}
},
{
"widgettype": "Text",
"options": {
"text": "查看/管理机构和供应商组合的映射关系",
"cfontsize": 1.2
}
}
] ]
} }
{% endif %} {% endif %}
@ -321,7 +197,25 @@
}, },
{ {
"widgettype": "VBox", "widgettype": "VBox",
"id": "rl_content" "options": {
"css": "filler",
"padding": "20px"
},
"subwidgets": [
{
"widgettype": "VScrollPanel",
"options": {
"css": "filler"
},
"subwidgets": [
{
"widgettype": "VBox",
"id": "rl_content",
"options": {
"width": "100%"
}
}
]
} }
] ]
} }