泛微HTML表单项目实施基础入门探究.docVIP

文档版本 变更序号 日期 版本 文件变更 申请编号 变更说明 修改人 1 2013-11-03 V1.0 无 初稿 王恒 2 2013-11-04 V2.0 无 增加图片等优化 王恒 目录 1、引言 3 2、HTML表单准备工作 3 2.1 申请非标功能，打升级包 3 2.2 HTML语言基础（关键字段）简介 3 3. 项目实施过程中经验分享 4 3.1 HTML表单初始化设置 4 3.2 主字段的运算设置 4 3.3 明细字段 优化 5 1、引言 项目实施过程中，会遇到HTML样式表单，结合几个项目实施经验，现和大家一起分享总结相关内容。欢迎大家指正和补充。 备注：考虑到浏览器兼容性问题，本文档测试环境所使用IE浏览器版本均为8.0。 2、HTML表单准备工作 2.1 申请非标功能，打升级包 此处省略。 2.2 HTML语言基础（关键字段）简介 3. 项目实施过程中经验分享 3.1 HTML表单初始化设置 具体操作省略。 注意事项： A、可根据实际情况选择列数； B、初始化时可自定义其序号，排序可按排列后的序号进行有序排列； C、初始化时可定义各字段在该节点时的编辑权限：只读，编辑，必填； D、注意以下字段：标题，紧急程度，签字意见。 3.2 主字段的运算设置 示例1：加减乘除运算，如下图： 前提：运算中的字段类型须为单行文本-整数/浮点数，或者浏览按钮-日期的类型 配置图 效果图 示例2：金额大小写转换，如下图： 前提：需定义2单行文本—浮点数类型字段，且保证大写金额字段为只读权限 配置图 效果图 示例3：日期相减，如下图： 配置图 效果图 3.3 明细字段 优化 3.3.1 添加/删除按钮 建议居左 因明细字段一般放在主字段下面，系统默认居右，不方便用户操作 修改前 修改后 修改前-配置截图 修改后-配置截图 效果图 设置方法：将align=right 修改为align=left 重要提示：若流程节点操作者需要对明细字段有新增，修改，删除等权限，需要在此节点开放明细字段新增，修改，删除等配置权限，如下图： 3.3.2 字段赋值 节点前附加操作即可完成 3.3.3 字段长度限制 比如：物料编码最大需输入10位，则需将此字段的类型及属性设置为，如下图 当填入内容超过10位数字后，系统则会提示 备注：若客户需求此字段只能是10位数字，则需二次开发控制 3.3.4 明细字段个数较多怎么办？ 建议解决方案：可经过修改HTML代码进行拆分2行，两种方法两种控制效果 第1种方法及效果：只拆分tr标签部分，拆分成2行内容，效果是两行明细字段的百分比宽度一致保持一致，不能进行各行百分比宽度的设置 配置图： 效果图： 第2种方法及效果：拆分table标签，拆分成2行内容，效果是两行的百分比可自行设置控制 配置图： 效果图： 3.3.5 明细字段显示内容太多，需要换行怎么办？ 建议解决方案：在流程关联表单字段名称中加入设置，增加br元素即可解决此问题 配置图： 效果图： UTSTARCOM-Workflow 泛微网络科技股份有限公司 地址：上海市浦东新区耀华支路39弄9号泛微软件大厦 邮编：200126 电话：021305、306、308、309、310、318、322、391、392） 传真：0216315 Ecology7.0系统项目实施之 HTML表单基础入门 Submitted by Weaver Software 联系人 王恒 Project Manager 地址：上海市浦东新区耀华支路39弄9号泛微大楼 邮编：200126 手机：186-0581-3255 Email:wang.heng@