审批详情页的基本结构

最近更新时间:2024-03-20 11:31:52

我的收藏

概述

审批详情模板是一个通过微搭应用编辑器搭建的页面模板。主要应用场景为流程中的审批场景。该模板使用到的元素主要来源于当前微搭应用编辑器提供的组件。开发者能够在这套模板基础上进行一些额外的定制化改造,以此适应企业中不同的业务场景需求。

模板内容的结构

先简要描述下模板的基本的排布。
布局组件作为主体,布局组件内容插槽中包含一个表单容器 、一个顶部选项卡组件、一个网格布局
顶部选项卡被命名为流程信息,包含两个内容插槽:
第一个内容插槽包含流程基本信息、流程记录。
第二个内容插槽包含流程图组件,展示流程的审批过程。
网格布局被命名为流程操作,其中包含流程中所有涉及到的操作按钮。
审批弹窗回退弹窗下一节点审批人弹窗作为主体之外的审批弹窗,辅助相关审批操作。

设计态大纲树结构





运行态组件结构

审批页面主体:

审批页面-流程图示: