首页 > 代码库 > 通达OA设计表单的小总结
通达OA设计表单的小总结
16px下：
2010-09-09 80px 一般 100px 占5个字符
2010年09月09日 112px 一般120px 对应计算控件30px 占7个字符
2010-09-09时分秒 144px 一般150px 对应计算控件 40px 占9个字符
姓名 100px
多行框 高度80px 100px 120px
列表控件 序号和操作 共占用50px，各占25px
下拉菜单 按钮 占用24px
日历控件 按钮 占用24px
宏控件的默认宽度是170px
字体的上下像素值为字体大小+5px
金额计算控件只能计算到百亿位
写在css中，自动根据内容调整单行输入框的宽度span {width:auto !important;}
写在css中，为单行输入框下加横线 #underline span{text-decoration:underline;}同时还需要为需要加下划线的单行输入框所在的列中加上id，如示<td id=”underline”></td>
横排文字变成纵排文字，<span style=”writing-mode:tb-rl;”> …</span>
工作名称文号自动生成标记:{F} - {U}({Y}-{M}-{D} {H}:{I}:{S}) 流程名 – 姓名(日期时间)
提取流程设计步骤号会签意见#[MACRO_SIGN12*][{C}{U} {Y}年{M}月{D}日{H}时]
附件必须给上一种权限，主办人和经办人才可以进行阅读。可写字段里不选入公共附件，下载权限和打印权限也是起作用的。
只有公共附件区的附件，在转存表单的时候可以连带附件一起转存出来；如果是用附件上传控件，转存的时候，附件是转存不出来的。
个人事务中的日程安排中有个倒计时牌，系统管理的界面设置中有个计时牌（可以设置正计时或者倒计时、发布范围）。
工作流设置中：流程的管理权限 查询(可查询各种状态的流程，可按流程名称，工总名称，流水号，时间段进行查询)—查询 催办 关注。 监控(有权限的人，监控进行中的流程。可按发起人，办理人进行监控)—查询 转交 委托 催办（转交到下一步，他还没有接收的话，还可以进行收回）。 管理—查询 转交 委托 催办 关注 结束 删除（包含查询和监控的所有权限）。
我的工作 可以进行对工作流程的 收回 催办（在办结工作中） 导出。收回必须是下一步经办人还没有接收办理。
工作查询 可以对工作进行催办 关注
列表控件 有权限是淡黄色。没权限是白色。
手机签章设置 在ps中把bmp格式的图片。注意要约束比例。Jpg格式和bmp格式的效果是一样的，都是白底。Png格式的效果是黑底的。
印章设置 直接截图后，通道抠图，然后在生成印章的时候，把宽度设为80像素（宽度在13mm左右）左右，并且同比例的调整宽度即可。
日历控件 自定义格式 yyyy年M月d日H时s分m秒 显示为1999年1月1日
而yyyy年MM月dd日HH时ss分mm秒 显示为1999年01月01日
目前2015版OA日历控件自定义格式不支持手机。
块标签的居右居下代码：<div align="right" valign="bottom">不要忘记手动输入结束标签</div>
列内插入表格 一行三列：
<table style="border: 1px solid rgb(255, 255, 255); width: 699px; height: 120px; font-size: 18px;" border="1">
<tbody>
<tr class="firstRow">
<td valign="top" style="border-color: rgb(0, 0, 0); -ms-word-break: break-all;" rowspan="1" colspan="1"></td>
<td valign="top" style="border-color: rgb(0, 0, 0);" rowspan="1" colspan="1"></td>
<td valign="top" style="border-color: rgb(0, 0, 0);" rowspan="1" colspan="1"></td>
</tr>
</tbody>
</table>
表格下面的注文：
<table align="center" style="border: 0px solid currentColor; width: 700px; font-size: 18px;" border="0">
<tbody>
<tr class="firstRow">
<td>
<div align="left">
注：1、审批人应签署具体意见
</div>
</td>
</tr>
<tr>
<td style="-ms-word-break: break-all;">
<div align="left">
2、审批完成后，《加班申请单》应报综合事务部留存。
</div>
</td>
</tr>
</tbody>
</table>
用JS来控制时间。
【写在JS里】
function f()
{
var dd = new Date();
var d = dd.getDate();
document.getElementById(‘test‘).value=http://www.mamicode.com/d;
}
window.onload = f;
【写在代码里】
<input name="DATA_" title="检测时间" align="left" id="test" style="text-align:
left;" type="text" value="" hidden="1"/>
用JS来控制图片是否显示：
【写在JS里】
function print_pic(){
if (document.getElementById("ck").checked){
document.getElementById("test").style.display = "block";
}else{
document.getElementById("test").style.display = "none";
}
}
【写在代码里】
<span style="font-family: 寰蒋闆呴粦, "Microsoft YaHei";"><input name="DATA_" title="显示图片" id="ck" onclick="print_pic()" type="checkbox"/><strong>显示图片</strong></span>
<div id="test" style="display: none;">
#[MACRO_ATTACH]
</div>
文本联动：
【写在js里】
function examineText()
{
if(document.getElementById(‘input1‘).value != document.getElementById(‘input3‘).value)
{
document.getElementById(‘input3‘).value = http://www.mamicode.com/document.getElementById(‘input1‘).value;
}
setTimeout("examineText()",10);
}
window.onload=examineText;
【写在代码里】
<p style="margin: 40px 112px;">
<input id="input1" type="text" name="DATA_6" align="left" hidden="0" title="输入框1" style="text-align:left;" />
</p>
<p style="margin: 40px 112px;">
<input id="input3" type="text" name="DATA_9" align="left" hidden="0" title="输入框3" style="text-align:left;"/>
</p>
通达OA设计表单的小总结