workflow_approval/wwwroot/approval_task.ui
yumoqing 617accf97a fix: deep-flatten all style objects to options at any nesting level
- Flatten style in widget root, options, and nested structures (row_options.fields etc.)
2026-05-05 19:48:03 +08:00

281 lines
13 KiB
XML

{
"widgettype": "Page",
"options": {
"title": "待办任务",
"height": "100vh",
"padding": "0"
},
"subwidgets": [
{
"widgettype": "VBox",
"options": {
"padding": "16px",
"height": "100%"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "待办审批任务",
"fontSize": "20px",
"fontWeight": "bold",
"marginBottom": "16px"
}
},
{
"widgettype": "DataViewer",
"options": {
"title": "任务列表",
"data_url": "/main/workflow_approval/api/task_list.dspy",
"page_rows": 20,
"row_options": {
"fields": [
{
"name": "instance_title",
"label": "审批事项",
"uitype": "text"
},
{
"name": "step_name",
"label": "审批步骤",
"uitype": "text"
},
{
"name": "module_type",
"label": "模块",
"uitype": "text"
},
{
"name": "status",
"label": "状态",
"uitype": "text"
},
{
"name": "assigned_at",
"label": "分配时间",
"uitype": "text"
},
{
"name": "due_at",
"label": "截止时间",
"uitype": "text"
}
]
},
"row_actions": [
{
"label": "审批",
"onclick": "openDialog('approveDialog'); setDialogField('approveDialog', 'task_id', '${id}'); setDialogField('approveDialog', 'task_title', '${instance_title}')",
"condition": "status == 'pending'"
},
{
"label": "查看详情",
"onclick": "openDialog('taskDetailDialog'); setDialogField('taskDetailDialog', 'task_id', '${id}'); setDialogField('taskDetailDialog', 'task_title', '${instance_title}'); setDialogField('taskDetailDialog', 'step_name', '${step_name}'); setDialogField('taskDetailDialog', 'assigned_at', '${assigned_at}'); setDialogField('taskDetailDialog', 'due_at', '${due_at}'); setDialogField('taskDetailDialog', 'approval_type', '${approval_type}')"
}
]
}
},
{
"widgettype": "Dialog",
"id": "approveDialog",
"options": {
"title": "审批处理",
"width": 500,
"content": {
"widgettype": "Form",
"id": "approveForm",
"fields": [
{
"name": "task_id",
"label": "任务ID",
"uitype": "hidden"
},
{
"name": "task_title",
"label": "审批事项",
"uitype": "text",
"readonly": true
},
{
"name": "decision",
"label": "审批意见",
"uitype": "textarea"
}
],
"actions": [
{
"widgettype": "Button",
"options": {
"label": "取消",
"onclick": "closeDialog('approveDialog')"
}
},
{
"widgettype": "Button",
"options": {
"label": "拒绝",
"onclick": "submitForm('approveForm', '/main/workflow_approval/api/task_reject.dspy', 'approveDialog', null)",
"backgroundColor": "#dc3545",
"color": "#fff"
}
},
{
"widgettype": "Button",
"options": {
"label": "批准",
"onclick": "submitForm('approveForm', '/main/workflow_approval/api/task_approve.dspy', 'approveDialog', null)",
"backgroundColor": "#28a745",
"color": "#fff"
}
}
]
}
}
},
{
"widgettype": "Dialog",
"id": "taskDetailDialog",
"options": {
"title": "任务详情",
"width": 500,
"content": {
"widgettype": "VBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Text",
"id": "detail_title",
"options": {
"text": ""
}
},
{
"widgettype": "Divider",
"options": {}
},
{
"widgettype": "HBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "步骤: ",
"fontWeight": "bold"
}
},
{
"widgettype": "Text",
"id": "detail_step",
"options": {
"text": ""
}
}
]
},
{
"widgettype": "HBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "审批类型: ",
"fontWeight": "bold"
}
},
{
"widgettype": "Text",
"id": "detail_type",
"options": {
"text": ""
}
}
]
},
{
"widgettype": "HBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "分配时间: ",
"fontWeight": "bold"
}
},
{
"widgettype": "Text",
"id": "detail_assigned",
"options": {
"text": ""
}
}
]
},
{
"widgettype": "HBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "截止时间: ",
"fontWeight": "bold"
}
},
{
"widgettype": "Text",
"id": "detail_due",
"options": {
"text": ""
}
}
]
},
{
"widgettype": "Divider",
"options": {}
},
{
"widgettype": "HBox",
"options": {
"gap": 8
},
"subwidgets": [
{
"widgettype": "Button",
"options": {
"label": "关闭",
"onclick": "closeDialog('taskDetailDialog')"
}
},
{
"widgettype": "Button",
"options": {
"label": "去审批",
"onclick": "closeDialog('taskDetailDialog'); openDialog('approveDialog'); setDialogField('approveDialog', 'task_id', getDialogField('taskDetailDialog', 'task_id')); setDialogField('approveDialog', 'task_title', getDialogField('taskDetailDialog', 'task_title'))",
"backgroundColor": "#007bff",
"color": "#fff"
}
}
]
}
]
}
}
}
]
}
]
}