3）审批内容
详细的审批内容咱们放在静态面板里，由于下面是按照名字来调剂到静态面板的形态，所以静态面板对应的形态名要和按钮统一。
当初主流的审批形式个别分为三种，人工审批、零碎审批、无需审批，那咱们在静态面板里3个形态里分别搁置对应的内容。 ① 人工审批
罕用的个别是这六种人工审批形式：直属下级审批、部门担任人审批，其余部门审批、指定成员审批、指定角色审批、发动者指定人员审批。
咱们用单选按钮选择，而后按照不同的审批形式，设置静态面板跳转至对应的静态面板界面。而后需求新建一个文本标签，记载咱们选择的审批形式，后续点击确认时，需求把数据传回到审批流程对应的节点。
按照不同的审批人，审批形式也会有一切不同。 a. 直系下级审批或者部份担任人审批
这里审批对象很明白，所以咱们只需求选择会签仍是或签，会签是指需求一切审批人赞成，或签是指一位审批人赞成或回绝便可，这里次要斟酌个别大企业一致岗位都有AB角色，假如是小企业担任人只要一位没有代替的话也能够不需求审批形式。
b. 其余部门审批
这里斟酌到有些业务需求其余部门审批，例如业务人员报销，除了直系下级、部门担任人审批外，还需求财务部审批，这类状况咱们就需求选择，其余部门审批。
选择其余部门审批，后面咱们经过设置单选按钮选中时会进入对应的静态面板的页面，如下图所示：
次要是有部门的单选组组成，咱们用矩形制造就能了，减少一个选中款式和单选组，鼠标单击时，设置以后点击的矩形为真，而且用一个文本标签，记载以后元件的文字，后续会点击确认按钮后回传值审批节点里的数据。
其余部门审批的审批人个别分两种，一种是部门担任人审批，另外一种是又他们部门指定部门内的指定人员进行审批。这里咱们用单选组让用户选择便可。 c. 指定成员和指定角色审批
指定成员和指定角色审批，个别是一些需求对比专业的人员或者角色去审批。咱们用多选表格，列出员工的根本信息，让用户来选择便可。
这里选择成员或角色是多选的，所以审批形式一样是会签和或签。 d. 发动者指定人员审批
这个个别罕用于需求交接任务的业务，好比说一个银行柜员需求休假，那他手上保管的钱和凭证就要交给顶替的地位的其余柜员。这时候就由请求人本人选择交接给谁。这里可能会交接给一集体或多集体，所以审批形式一样是会签和或签。 ② 零碎审批
零碎审批就是经过前提代码，让零碎来判别是不是经过，这里咱们简略的就写个交互来判别，固然假如繁杂的也能够接入对应的模型。个别用于审批流程的第一步，判别提交的内容是不是正确、残缺
③ 无需审批
无需审批个别用于只需求记载，不需求人员审批的简略的业务。 4）确认和勾销按钮组 a. 鼠标单击勾销按钮时的交互
咱们用暗藏的交互将弹窗暗藏起来便可。这里也需求恢复复原的问题，由于用户会填写过一些内容，那咱们用对应的交互将他们复原便可。例如用户在填写了脚本，咱们就用设置文本的交互将他复原，例如在多选表格里选择了用户，咱们就用更新行复原成未选择的形态。 b. 鼠标单击确认按钮的交互
假如人工审批的矩形当选中，就阐明了选中了人工审批形式，这时候用更新行的交互，更新前提是中继器当选中的行，就是xuanzhong值等于1的行，将详细的审批形式，就是以前单选按钮选中时，会记载到文本标签里的值，更新到text列的值中。
假如零碎的矩形当选中，就阐明了选中了零碎审批的形式，这时候用更新行的交互，更新前提是中继器当选中的行，就是xuanzhong值等于1的行，将零碎审批更新到text列的值中。
假如无需审批的矩形当选中，就阐明了选中了无需审批的审批形式，这时候用更新行的交互，更新前提是中继器当选中的行，就是xuanzhong值等于1的行，将无需审批更新到text列的值中。
最初无论那种状况，咱们都触发勾销按钮，进行复原和回复界面。
c. 弹窗暗藏的时的交互
弹窗暗藏时，咱们要勾销对审批流程节点的选中，所以咱们用更新行的交互，将xuanzhong列的值更新为0就能了，简略的操作就是间接标志一切行，而后把一切行的xuanzhong列的值更新为0，最初咱们在触发勾销按钮鼠标单击时进行复原。
注册会员