refactor: 改为左右分栏布局，左侧菜单按钮导航，右侧内容区
This commit is contained in:
parent
fe8206f8d5
commit
f66260e753
480
wwwroot/index.ui
480
wwwroot/index.ui
@ -3,325 +3,219 @@
|
|||||||
{% 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",
|
"widgettype": "HBox",
|
||||||
"options": {
|
"options": {
|
||||||
"width": "100%",
|
"width": "100%",
|
||||||
"height": "100%",
|
"height": "100%",
|
||||||
"padding": "0"
|
"spacing": 0
|
||||||
},
|
},
|
||||||
"subwidgets": [
|
"subwidgets": [
|
||||||
{
|
{
|
||||||
"widgettype": "HBox",
|
"widgettype": "VScrollPanel",
|
||||||
"options": {
|
"options": {
|
||||||
"width": "100%",
|
"cwidth": 18,
|
||||||
"alignItems": "center",
|
"bgcolor": "#1e293b"
|
||||||
"marginBottom": "20px"
|
|
||||||
},
|
},
|
||||||
"subwidgets": [
|
"subwidgets": [
|
||||||
{
|
{
|
||||||
"widgettype": "Title2",
|
"widgettype": "VBox",
|
||||||
"options": {
|
"options": {
|
||||||
"text": "真人人像素材管理"
|
"padding": "16px",
|
||||||
}
|
"spacing": 8
|
||||||
|
},
|
||||||
|
"subwidgets": [
|
||||||
|
{
|
||||||
|
"widgettype": "Title5",
|
||||||
|
"options": {
|
||||||
|
"text": "真人素材",
|
||||||
|
"color": "#94a3b8"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
{% if is_customer or is_admin %}
|
||||||
|
,{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "🔐 真人认证",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('create_validate.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "📤 上传素材",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('upload_asset.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "🖼️ 查看素材",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('view_assets.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
{% endif %}
|
||||||
|
{% if is_admin %}
|
||||||
|
,{
|
||||||
|
"widgettype": "VBox",
|
||||||
|
"options": {
|
||||||
|
"padding": "12px 0 8px",
|
||||||
|
"spacing": 0
|
||||||
|
},
|
||||||
|
"subwidgets": [
|
||||||
|
{
|
||||||
|
"widgettype": "Title5",
|
||||||
|
"options": {
|
||||||
|
"text": "管理功能",
|
||||||
|
"color": "#94a3b8"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "📁 素材组合管理",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('group_manage.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "🖼️ 素材资产管理",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('asset_manage.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "⚙️ 供应商配置",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('vendor_config_manage.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"widgettype": "Button",
|
||||||
|
"options": {
|
||||||
|
"label": "🔗 机构映射管理",
|
||||||
|
"width": "100%",
|
||||||
|
"textAlign": "left"
|
||||||
|
},
|
||||||
|
"binds": [
|
||||||
|
{
|
||||||
|
"wid": "self",
|
||||||
|
"event": "click",
|
||||||
|
"actiontype": "urlwidget",
|
||||||
|
"target": "app.rl_content",
|
||||||
|
"options": {
|
||||||
|
"url": "{{entire_url('org_group_manage.ui')}}"
|
||||||
|
},
|
||||||
|
"mode": "replace"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
{% endif %}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"widgettype": "VScrollPanel",
|
"widgettype": "VBox",
|
||||||
"options": {
|
"options": {
|
||||||
"css": "filler"
|
"css": "filler",
|
||||||
|
"padding": "20px"
|
||||||
},
|
},
|
||||||
"subwidgets": [
|
"subwidgets": [
|
||||||
{
|
{
|
||||||
"widgettype": "VBox",
|
"widgettype": "VScrollPanel",
|
||||||
"options": {
|
"options": {
|
||||||
"spacing": 20
|
"css": "filler"
|
||||||
},
|
},
|
||||||
"subwidgets": [
|
"subwidgets": [
|
||||||
{
|
{
|
||||||
"widgettype": "ResponsableBox",
|
"widgettype": "VBox",
|
||||||
|
"id": "rl_content",
|
||||||
"options": {
|
"options": {
|
||||||
"gap": "16px",
|
"width": "100%"
|
||||||
"minWidth": "280px"
|
}
|
||||||
},
|
|
||||||
"subwidgets": [
|
|
||||||
{% if is_customer or is_admin %}
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('create_validate.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "🔐 真人认证"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "创建真人认证会话，获取H5认证链接",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('upload_asset.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "📤 上传素材"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "上传素材到供应商（支持URL/base64）",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('view_assets.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "🖼️ 查看素材"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "按认证组合查看已上传的素材及状态",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
{% endif %}
|
|
||||||
{% if is_admin %}
|
|
||||||
,{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('group_manage.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "📁 素材组合管理"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "创建真人认证、管理素材组合（Asset Group）",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('asset_manage.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "🖼️ 素材资产管理"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "上传/查看/同步真人人像素材（Asset）",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('vendor_config_manage.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "⚙️ 供应商配置"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "管理供应商upappid和API映射",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"options": {
|
|
||||||
"css": "card",
|
|
||||||
|
|
||||||
"cwidth": 23,
|
|
||||||
"padding": "20px",
|
|
||||||
"cursor": "pointer",
|
|
||||||
"borderRadius": "8px"
|
|
||||||
},
|
|
||||||
"binds": [
|
|
||||||
{
|
|
||||||
"wid": "self",
|
|
||||||
"event": "click",
|
|
||||||
"actiontype": "urlwidget",
|
|
||||||
"target": "app.rl_content",
|
|
||||||
"options": {
|
|
||||||
"url": "{{entire_url('org_group_manage.ui')}}"
|
|
||||||
},
|
|
||||||
"mode": "replace"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"subwidgets": [
|
|
||||||
{
|
|
||||||
"widgettype": "Title5",
|
|
||||||
"options": {
|
|
||||||
"text": "🔗 机构映射管理"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "Text",
|
|
||||||
"options": {
|
|
||||||
"text": "查看/管理机构和供应商组合的映射关系",
|
|
||||||
"cfontsize": 1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
{% endif %}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
|
||||||
{
|
|
||||||
"widgettype": "VBox",
|
|
||||||
"id": "rl_content"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user