ecology关于流程表单设计器自定义开发及常见场景方案分享

最新推荐文章于 2025-07-04 09:19:01 发布

原创

最新推荐文章于 2025-07-04 09:19:01 发布 · 4.7k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#ecology

本文分享了关于ecology流程表单设计器的自定义开发技巧，包括日期范围限制、时间差计算、字段校验、样式转换等功能的实现。通过设置自定义属性和插入代码块，实现多样化的表单逻辑与样式调整，适用于多种业务场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、表单设计器模板如何自定义开发

表单设计器可设置自定义属性以及插入代码块，二者相辅结合、灵活运用，可实现多样化客户需求
自定义属性分为：行自定义属性(绑定在table布局tr行标签上)、单元格自定义属性(绑定在table布局td标签子元素div上)、列自定义属性(绑定在明细table此列所有td标签上)；
代码块可填写 Script代码块、Style样式块及直接对JS/CSS文件的引用；

二、常用开发场景实现

场景1：控制日期字段选择范围，比如费用产生日期只能选择当前日期往前十天至今天，否则不允许流程提交

实现方式: 代码块插入

<script type="text/javascript">
function checkCustomize(){
   
   //流程提交校验方法
  var isconform = cus_judgeDateRange("field11", -10, 0);//封装校验日期范围方法
    if(!isconform){
   
   
        window.top.Dialog.alert("费用产生日期超出范围");
        return false;
     }
    return true;
}
</script>

封装方法： cus_judgeDateRange(fieldid, floorday, upperday)

@param {fieldid} 日期字段ID
@param {floorday} 下限天数(与当前日期比较)，空值代表不限制
@param {upperday} 上限天数(与当前日期比较)，空值代表不限制
@return 返回true表示在范围内，false表示超出限定范围或日期置为空

场景2：实时计算两个日期时间字段组合相差小时数，并赋值给另一字段

实现方式：代码块插入

jQuery(document).ready(function(){
   
   
    var bindFun = function(){
   
   
        var diffhours = cus_CalTimeDiff("field31,field32", "field35,field36", 2);
        jQuery("[name=field39]").