🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1、创建类似与下图的一个审批表单 ![](https://img.kancloud.cn/3c/a2/3ca2106ebb8c0f0c87e8d371a8700157_1384x632.png) 2、图中的的规则如下 ![](https://img.kancloud.cn/e2/85/e285be654da24e0e2f8ca5870f5e493b_1368x918.png) 3、首先把图中的"合计"字段设置为只读状态 ![](https://img.kancloud.cn/15/e7/15e77582f8db1e0c92468b00017aeb90_1370x904.png) 4、随后进行该审批的保存和发布操作 ![](https://img.kancloud.cn/82/f6/82f68d1054e8086b197e07170b4c4e8a_1392x921.png) 5、发布后再重新进入到该审批的编辑中,在流程设置的tab下,开启js脚本设置 ![](https://img.kancloud.cn/1e/fa/1efa634aebd6ca67b3c642f11bc5332d_1562x939.png) 6、在js中,写入代码,代码如下: function fnGroupFormDataCa(itemInfos, groupId \='1514420904543649792', dataId \='1514420993878130688', resId \='1514421026329460736'){ let countList \= itemInfos.find(v \=> v.id \== groupId).countList let result \=0     countList.forEach(v \=>{ let val \= v.childItem.find(m \=> m.id \== dataId).val         result \-=\-val })     itemInfos.forEach(v \=>{ if(v.id \== resId) v.val \= result }) return itemInfos } // functionEnd 7、需要替换js代码中的 groupId,dataId, resId groupId:分组表单的id(报销统计字段) dataId:分组表单中数据处理的id(金额字段) resId:需要计算分组表单中数据处理的字段(合计字段) ![](https://img.kancloud.cn/2b/6d/2b6d7609342dae17c36f0be0c69d2eb2_905x484.png) 8、全部设置完成后,点击保存即可。 ![](https://img.kancloud.cn/8f/f8/8ff861025719d2b92a00e0ef98e2f084_372x807.png) 注:如何查找字段的id? ①、在通用流程表单首页中,打开浏览器的调式模式(快捷键:F12) ![](https://img.kancloud.cn/b8/ec/b8ec82253ffbaf8c00af13798bf69e12_1892x938.png) ②、在浏览器的调试中点击:Network ![](https://img.kancloud.cn/b8/ec/b8ec82253ffbaf8c00af13798bf69e12_1892x938.png) ③、选中改表单,并点击编辑按钮 ![](https://img.kancloud.cn/9c/08/9c08338dfd799ea5c1fb68686e67e692_1872x920.png) ④、选中/saascommon/eos/form/admin/byid接口,并查看该接口的返回值 ![](https://img.kancloud.cn/df/25/df25e933c2c5abd85f43380ae983e31f_1806x926.png) ⑤、找到对应的id ![](https://img.kancloud.cn/2f/72/2f721602c0e660af0cf9e0262190a767_1894x767.png) ![](https://img.kancloud.cn/9a/c2/9ac28e67a6568de47eeefc6e19947e24_1909x822.png)