Js 】比较明细表字段值并可高亮显示

---

title: doc_5f3e4637f9c9_40-【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

Slide 6

配置实现步骤 流程表单布局中插入代码块 后台打开html模板； 打开插入代码块； 插入修改好的代码块

Slide 7

代码示例

设置说明：直接替换红色ID值为对应字段值即可。

Slide 11

Slide 12

可实现字段所属行高亮显示。 { callback(); } }); }); 设置说明：直接替换红色ID值为对应字段值即可。

Slide 11

Slide 12

可实现字段所属行高亮显示。## Slide 13

代码示例 jQuery().ready(function () { var fybz_field = "field11756"; var bxje_field = "field11757"; $(".detail_data_row").each(function (rowIndex, obj) { var fybz_value = WfForm.getFieldValue(fybz_field + "" + rowIndex); var bxje_value = WfForm.getFieldValue(bxje_field + "" + rowIndex); if (bxje_value > fybz_value) { $(obj).css("background", "#ffff00"); // 黄色背景 $(obj).children().css("cssText", "background-color:#ffff00 !important"); } else { $(obj).css(“background”, “”); // 恢复默认背景 $(obj).children().css("cssText", "background-color:"); } }); }); 设置说明：直接替换红色ID值为对应字段值即可。

Slide 14

泛微网络 培训服务中心

---

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