通达OA设计表单的小总结

16px下:

2010-09-09  80px  一般 100px  5个字符

20100909日 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左右)左右,并且同比例的调整宽度即可。

 

日历控件  自定义格式 yyyyMdHsm秒 显示为199911

yyyyMMddHHssmm秒 显示为19990101

目前2015OA日历控件自定义格式不支持手机。

 

块标签的居右居下代码:<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>