实用标准文案
文档
Ecology7.0系统项目实施之
Ecology7.0系统项目实施之
HTML表单基础入门
Submitted by Weaver Software
联系人 王恒
联系人 王恒
Project Manager
地址:上海市浦东新区耀华支路39弄9号泛微大楼
邮编:200126
手机:186-0581-3255
Email:wang.heng@
文档版本
变更序号
日期
版本
文件变更
申请编号
变更说明
修改人
1
2013-11-03
V1.0
无
初稿
王恒
2
2013-11-04
V2.0
无
增加图片等优化
王恒
目录
TOC \o "1-3" \h \z \u HYPERLINK \l "_Toc377041738" 1、引言 PAGEREF _Toc377041738 \h 3
HYPERLINK \l "_Toc377041739" 2、HTML表单准备工作 PAGEREF _Toc377041739 \h 3
HYPERLINK \l "_Toc377041740" 2.1 申请非标功能,打升级包 PAGEREF _Toc377041740 \h 3
HYPERLINK \l "_Toc377041741" 2.2 HTML语言基础(关键字段)简介 PAGEREF _Toc377041741 \h 3
HYPERLINK \l "_Toc377041742" 3. 项目实施过程中经验分享 PAGEREF _Toc377041742 \h 4
HYPERLINK \l "_Toc377041743" 3.1 HTML表单初始化设置 PAGEREF _Toc377041743 \h 4
HYPERLINK \l "_Toc377041744" 3.2 主字段的运算设置 PAGEREF _Toc377041744 \h 4
HYPERLINK \l "_Toc377041745" 3.3 明细字段 优化 PAGEREF _Toc377041745 \h 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种方法及效果:只拆分
标签部分,拆分成2行内容,效果是两行明细字段的百分比宽度一致保持一致,不能进行各行百分比宽度的设置配置图:
效果图:
第2种方法及效果:拆分
配置图:
效果图:
3.3.5 明细字段显示内容太多,需要换行怎么办?
建议解决方案:在流程关联表单字段名称中加入设置,增加
元素即可解决此问题
配置图:
效果图: