refactor: 改为左右分栏布局，左侧菜单按钮导航，右侧内容区
This commit is contained in:
parent
fe8206f8d5
commit
f66260e753
254
wwwroot/index.ui
254
wwwroot/index.ui
@ -3,58 +3,41 @@
|
||||
{% set is_customer = 'customer.' in role_str %}
|
||||
{% set is_admin = 'owner.superuser' in roles or 'reseller.operator' in roles %}
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"height": "100%",
|
||||
"padding": "0"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"alignItems": "center",
|
||||
"marginBottom": "20px"
|
||||
"height": "100%",
|
||||
"spacing": 0
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title2",
|
||||
"options": {
|
||||
"text": "真人人像素材管理"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VScrollPanel",
|
||||
"options": {
|
||||
"css": "filler"
|
||||
"cwidth": 18,
|
||||
"bgcolor": "#1e293b"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"spacing": 20
|
||||
"padding": "16px",
|
||||
"spacing": 8
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "ResponsableBox",
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"gap": "16px",
|
||||
"minWidth": "280px"
|
||||
},
|
||||
"subwidgets": [
|
||||
"text": "真人素材",
|
||||
"color": "#94a3b8"
|
||||
}
|
||||
}
|
||||
{% if is_customer or is_admin %}
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
,{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "🔐 真人认证",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -67,32 +50,14 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "🔐 真人认证"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "创建真人认证会话，获取H5认证链接",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "📤 上传素材",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -105,32 +70,14 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "📤 上传素材"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "上传素材到供应商（支持URL/base64）",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "🖼️ 查看素材",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -143,21 +90,6 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "🖼️ 查看素材"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "按认证组合查看已上传的素材及状态",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
{% endif %}
|
||||
@ -165,12 +97,25 @@
|
||||
,{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"padding": "12px 0 8px",
|
||||
"spacing": 0
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "管理功能",
|
||||
"color": "#94a3b8"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "📁 素材组合管理",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -183,32 +128,14 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "📁 素材组合管理"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "创建真人认证、管理素材组合（Asset Group）",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "🖼️ 素材资产管理",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -221,32 +148,14 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "🖼️ 素材资产管理"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "上传/查看/同步真人人像素材（Asset）",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "⚙️ 供应商配置",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -259,32 +168,14 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "⚙️ 供应商配置"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "管理供应商upappid和API映射",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"css": "card",
|
||||
|
||||
"cwidth": 23,
|
||||
"padding": "20px",
|
||||
"cursor": "pointer",
|
||||
"borderRadius": "8px"
|
||||
"label": "🔗 机构映射管理",
|
||||
"width": "100%",
|
||||
"textAlign": "left"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
@ -297,21 +188,6 @@
|
||||
},
|
||||
"mode": "replace"
|
||||
}
|
||||
],
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Title5",
|
||||
"options": {
|
||||
"text": "🔗 机构映射管理"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "查看/管理机构和供应商组合的映射关系",
|
||||
"cfontsize": 1.2
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
{% endif %}
|
||||
@ -321,7 +197,25 @@
|
||||
},
|
||||
{
|
||||
"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%"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user