通达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=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 = 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>