跳转至

【Js用例】表单中金额比例互算控制


title: 【JS用例】表单中金额比例互算控制 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [imported, pptx] source: "Weaver Doc Import"


Slide 1

表单中金额比例互算控制 泛微网络 培训服务中心

Slide 2

需求背景及实现效果

Slide 3

在合同管理场景中,总金额、付款比例、本次付款金额三个字段,一般总金额必须要填写,而本次付款金额和付款比例填写任一数据之后,需要系统自动算出另外一个值; 运算规则:付款比例=实际付款金额/总金额;实际付款金额=总金额*付款比例; 若是通过字段属性、字段赋值等标准方法计算,在实际情况中很不灵活,容易造成计算结果不准确等问题,所以这里可以用此代码来实现上述三个字段值之间相互计算的需求。

Slide 4

输入总金额、付款比例时,系统自动算出付款金额,并将该字段置为只读状态不可编辑; 输入总金额、付款金额时,系统自动算出比例,并将该字段置为只读状态不可编辑; 点击【点击重新输入】按钮,可以重新录入数据。 实现效果

Slide 5

JS代码块应用样例

Slide 6

流程表单改造 “点击重新输入”按钮设置 在布局中选中某个单元格,输入文本“点击重新输入”,并将此文本的class设置为“panel_1”; 单元格自定义属性设置方式:选中该单元格,鼠标右键点击“设置自定义属性”。

Slide 7

配置实现步骤 实现方式: 后台打开HTML模板; 打开插入代码块; 插入修改好的代码。 插入代码块

Slide 8

JS代码示例—控制主表中复选框字段的选择数量

设置说明:直接替换标红部分为对应字段id值即可。

Slide 11

志达宇泛 见著于微 感谢您的信任与支持! 我们始终努力提供好用的移动办公平台


}); } 设置说明:直接替换标红部分为对应字段id值即可。

Slide 11

志达宇泛 见著于微 感谢您的信任与支持! 我们始终努力提供好用的移动办公平台

---### 🖼️ 提取的插图 (共 12 张)

image11.jpeg

image13.jpeg

image2.jpeg

image6.jpeg

image7.gif