{ "componentsTree": [ { "componentName": "Page", "id": "schema_code", "props": { "_mode": "Flowing", "style": { "minHeight": "100%", "backgroundColor": "#f4f6fb", "padding": "24px" } }, "fileName": "approval_workbench", "state": {}, "dataSource": { "list": [] }, "css": "body {\n font-size: 14px;\n}\n", "lifeCycles": { "mounted": { "type": "JSFunction", "value": "/**action_model:visual*/function mounted() {\n \n}" } }, "methods": {}, "originCode": "", "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "isComponent": false, "fileTitle": "审批工作台", "children": [ { "componentName": "NGrid", "id": "tpl_approval_grid", "props": { "cols": "1 860:12", "x-gap": 18, "y-gap": 18, "responsive": "screen", "collapsed": false, "collapsed-rows": 1, "_unsafe_MixedSetter_cols_select": "StringSetter" }, "children": [ { "componentName": "NGridItem", "id": "tpl_approval_left", "props": { "span": 8 }, "children": [ { "componentName": "NCard", "id": "tpl_approval_focus", "props": { "bordered": false, "style": { "borderRadius": "22px", "padding": "14px", "background": "linear-gradient(135deg, #fff7ed 0%, #ffffff 58%)", "boxShadow": "0 16px 38px rgba(120,53,15,0.10)" } }, "children": [ { "componentName": "NSpace", "id": "tpl_approval_focus_head", "props": { "justify": "space-between", "align": "center", "style": { "width": "100%" } }, "children": [ { "componentName": "NText", "id": "tpl_approval_title", "props": { "tag": "div", "children": "审批工作台", "style": { "fontSize": "30px", "fontWeight": 800, "color": "#172033" } } }, { "componentName": "NTag", "id": "tpl_approval_hot", "props": { "type": "warning", "bordered": false, "children": "5 条即将超时" } } ] }, { "componentName": "NText", "id": "tpl_approval_desc", "props": { "tag": "div", "children": "集中处理采购、合同、权限等高频审批事项，优先关注超时风险。", "style": { "marginTop": "8px", "color": "#6b778c", "lineHeight": "22px" } } }, { "componentName": "NGrid", "id": "tpl_approval_stats", "props": { "cols": "2 720:4", "x-gap": 12, "y-gap": 12, "responsive": "screen", "collapsed": false, "collapsed-rows": 1, "_unsafe_MixedSetter_cols_select": "StringSetter", "style": { "marginTop": "22px" } }, "children": [ { "componentName": "NGridItem", "id": "tpl_approval_stat_1", "children": [ { "componentName": "NStatistic", "id": "tpl_approval_statistic_1", "props": { "label": "待我审批", "value": 28 } } ] }, { "componentName": "NGridItem", "id": "tpl_approval_stat_2", "children": [ { "componentName": "NStatistic", "id": "tpl_approval_statistic_2", "props": { "label": "今日已办", "value": 64 } } ] }, { "componentName": "NGridItem", "id": "tpl_approval_stat_3", "children": [ { "componentName": "NStatistic", "id": "tpl_approval_statistic_3", "props": { "label": "退回修改", "value": 7 } } ] }, { "componentName": "NGridItem", "id": "tpl_approval_stat_4", "children": [ { "componentName": "NStatistic", "id": "tpl_approval_statistic_4", "props": { "label": "流程效率", "value": "91%" } } ] } ] } ] }, { "componentName": "NCard", "id": "tpl_approval_table_card", "props": { "title": "待处理事项", "bordered": false, "style": { "marginTop": "18px", "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NDataTable", "id": "tpl_approval_table", "props": { "size": "small", "bordered": false, "single-line": false, "pagination": false, "columns": [ { "title": "流程", "key": "name", "formatType": "text", "minWidth": 150 }, { "title": "等级", "key": "level", "formatType": "text", "width": 80 }, { "title": "申请人", "key": "owner", "formatType": "text", "width": 100 }, { "title": "等待", "key": "wait", "formatType": "text", "width": 100 } ], "data": [ { "name": "采购申请 PR20260716001", "level": "加急", "owner": "刘洋", "wait": "2.6 小时" }, { "name": "合同用印 CT20260715008", "level": "高", "owner": "周琪", "wait": "1.4 小时" }, { "name": "权限开通 IT20260714021", "level": "普通", "owner": "王宁", "wait": "38 分钟" } ] } } ] } ] }, { "componentName": "NGridItem", "id": "tpl_approval_right", "props": { "span": 4 }, "children": [ { "componentName": "NCard", "id": "tpl_approval_chart_card", "props": { "title": "处理效率", "bordered": false, "style": { "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "IBarChart", "id": "tpl_approval_chart", "props": { "labels": ["一级", "二级", "协同", "归档"], "datasets": [ { "label": "分钟", "data": [8, 18, 26, 6], "backgroundColor": "#ff8a00" } ], "options": { "maintainAspectRatio": false, "plugins": { "legend": { "display": false } } }, "style": { "height": "260px" } } } ] }, { "componentName": "NCard", "id": "tpl_approval_actions_card", "props": { "title": "快捷处理", "bordered": false, "style": { "marginTop": "18px", "borderRadius": "18px", "boxShadow": "0 12px 30px rgba(24,39,75,0.08)" } }, "children": [ { "componentName": "NSpace", "id": "tpl_approval_actions", "props": { "vertical": true, "style": { "width": "100%" } }, "children": [ { "componentName": "NButton", "id": "tpl_approval_btn_1", "props": { "block": true, "type": "primary", "children": "批量通过" } }, { "componentName": "NButton", "id": "tpl_approval_btn_2", "props": { "block": true, "children": "转交协同" } }, { "componentName": "NButton", "id": "tpl_approval_btn_3", "props": { "block": true, "children": "设置提醒" } } ] } ] } ] } ] } ] } ], "i18n": {} }