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

title: doc_47a73ddf82e1_【JS用例】表单中金额比例互算控制 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [js-use-cases, ppt] source: "Weaver Official"

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 张)