手册
1. 表单扩展
1.1 表单设计时如何添加JS校验
1.2 【引入脚本】实现修改人与修改日期在编辑时更新
1.3 【引入脚本】字段值为空时不显示
1.4 表单列表数据导入jar包校验说明
1.5 通过表单js控制子表的显示或隐藏
1.6 主表汇总获取子表的描述信息
1.7 【初始赋值】如何对某个字段赋初始默认值
1.8 数字字段对比不允许大于另一个字段
1.9 【引入脚本】多选框的隐藏显示控制
1.10 PC表单隐藏控件内容
1.11 【引入脚本】通过表单参数判断来实现接口参数回填
1.12 【按钮前置事件】通过按钮事件来校验表单账号是否有邮箱
1.13 【引入脚本】通过调用本地关联查询的接口将第一行数据回填至表单
1.14 【编写公式】日期格式化
1.15 【子表回填】子表对话框数据根据主表选择的内容自动回填
1.16 【引入脚本】js调用接口执行一个脚本,获取数据后反填到表单上或者将结果与表单内容对比,可以做表单校验
1.17 【引入脚本】js将子表末行的数据更新
1.18 【引入脚本】控制子表回填按钮的隐藏
1.19 【引入脚本】通过表单参数判断来实现子表的只读和编辑效果
1.20 【引入脚本】隐藏子表的添加按钮
1.21 【引入脚本】隐藏子表每行复制、删除等按钮
1.22 【关联查询】自定义SQL过滤数据
1.23 【引入脚本】实现流程第二节点回传数据致表单
1.24 【引入脚本】js控制子表中单独一行的某个字段的显示隐藏
1.25 【引入脚本】js请求接口,获取数据后将数据push到子表上
1.26 通过字段控制其他字段的显隐读写
2. 门户扩展
3. 流程定义扩展
3.1 分支网关的变量如何获取子表数据
3.2 通过初始赋值获取多人会签节点的审批人并存储到某一字段
3.3 通过按钮控制工单状态
3.4 流程分支网关处用发起人所属角色判断走向
4. 人员脚本扩展
5. 常用脚本扩展
5.1 流程状态通知方案
5.2 节点按钮前置脚本
5.3 更新字段值
6. 表单列表扩展
6.1 如何格式化内容导出
6.2 如何格式化复选选项
6.3 【JS按钮】表单列表审批人通过js按钮跳转至对应的待办
6.4 【JS按钮】通过JS按钮点击发起流程,并将当前行某字段数据自动推送到发起流程的表单中
6.5 【数据过滤】表单列表中数据根据当前人过滤当前人审批过的数据
6.6 【js扩展】根据日期比较结果控制字段颜色
6.7 【前置js脚本】控制按钮显隐
7. 功能高级说明
7.1 流程按钮_加签/征询/流转
7.2 对话框/关联查询自定义SQL的使用
8. 典型场景应用
8.1 填报汇总功能
8.2 考勤审批管理
8.3 表单校验
8.4 绑定查询关联操作说明
8.5 快速批量添加数据,引入脚本
8.6 通过sql和数据列表的方式快速生成考勤统计报表
8.7 栏目中配置跳转地址

【JS按钮】通过JS按钮点击发起流程,并将当前行某字段数据自动推送到发起流程的表单中

843
刘美琴
2021-10-29 17:08:26
分享链接
摘要:表单列表中通过配置JS按钮,查看表单列表数据时,将当前行某些字段数据直接映射到某一流程表单中

场景:

现有一项目信息视图,展示项目名称、项目负责人、项目简介等,希望在列表中直接对应当前项目做流程发起的操作,如对应这个项目发起项目合同流程


方案:

1.参考表单配置方式定义一个项目基本信息的表单并发布为表单列表

2.配置项目合同流程

3.通过表单列表配置【JS按钮并编写脚本】


特殊处理:项目合同流程表单的“项目名称”、“项目编号”需要从项目信息视图中带入



1.需要在项目合同表单中引入脚本


const vm = document.getElementsByName("online-form")[0].__vue__;
if(vm.$route.query && vm.$route.query.projectCode){vm.data.xmht.xmbh = vm.$route.query.projectCode}
if(vm.$route.query && vm.$route.query.projectName){vm.data.xmht.xmmc = vm.$route.query.projectName}



2.项目基本信息表单列表中定义【JS按钮】


const defKey = 'xmht'
_req.get(`${context.bpmModel}/flow/def/v1/getJson?defKey=${defKey}`).then((resp) => {
	let id = resp.data.id
 _this.$router.push(`/agentStart/${id}/0?showMenu=true&projectCode=${row.xmbh}&projectName=${row.xmmc}`) // 需要映射多少个字段,那么引入脚本定义后,在该连接后面追加通过"&" 追加即可,如&projectCode=${row.xmbh}&projectName=${row.xmmc}
})


发表评论
评论通过审核后显示。