学习目标

完成本单元后，您将能够：

客户端费用单据扩展小技巧
web端费用单据常见扩展

业务场景

目前web端用户逐渐增多，通过web扩展方案可以满足现场各种个性化需求，以差旅报销单行程信息显示为例，通过扩展脚本可以添加更多显示信息

WEB端扩展

一、导入业务单据方案

在【企业建模】→【业务对象建模】→【web扩展平台】→【扩展开发平台】，在新建的动态方案下导入业务单元“差旅报销单”

二、修改格式化函数

在点击差旅报销单编辑扩展后选中行程信息字段，可以在右边高级中→【web扩展平台】→【扩展开发平台】，在新建的动态方案下导入业务单元“差旅报销单”

三、添加脚本方案

上面添加完后记得点击保存，在脚本中生成tripTest方法，加入以下代码

var initData = bizCollBillBase.getModelInitData();   
var startDateStr = rowObject.startDate || "";
startDateStr = startDateStr.split(" ")[0];
var endDateStr = rowObject.endDate || "";
endDateStr = endDateStr.split(" ")[0];
var fromStr = rowObject.from || "";
var toStr = rowObject.to || "";
var roomDaysStr = rowObject.roomDays || "";
if(startDateStr == "" && endDateStr == "" && fromStr == "" && toStr == "" && roomDaysStr ==""){
        return "";
}
//避免roomDaysStr=0时，强制赋值为“”
if(roomDaysStr == ""){
      roomDaysStr = "0";
}
return "<span id = 'tripInfoSpan'>" + startDateStr + "—" + endDateStr + "</br>" + waf.wafutil.htmlEncode(fromStr) + "—" + waf.wafutil.htmlEncode(toStr) + "," +
_self._localeStr.ACCOMMODATION + waf.wafutil.htmlEncode(roomDaysStr) + "天,补助： " 
+ waf.wafutil.htmlEncode(rowObject.allowanceDays) +"天</span>";

四、单据页面查看

预览可以看到这边已经把补助字段也放出来了

费用报销web扩展脚本编写

恭喜您！