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

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

表单设计器可设置自定义属性以及插入代码块，二者相辅结合、灵活运用，可实现多样化客户需求
自定义属性分为：行自定义属性(绑定在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]").