OA系统中手写签批功能的实现


一、需求背景

OA系统审批中,有对word或者pdf文件源文档在指定的位置可以插入相应的文字,其实就是一个审批的功能,到了指定的人那边,他可以进行签批。这个功能一般来说,是针对于领导方面,对于一个事情或者流程同意了,需要在文档中签入自己的意见,比如说同意等。

二、实现方式

签批一般都是在h5页面上进行签批操作,那就需要将文档转换成h5格式,然后在其进行签批操作。

目前市面上发现有永中的转换文档服务,可以将word或者pdf文件转换成html格式,在html上进行签批保存,同时会像源文档保存签批后的内容,使源文档也有签批后的效果。

OA系统中嵌入永中的签批页面,等永中签批好之后,触发保存,会向父页面发送一个信息(通过postmessage技术实现不同页面之间的通信),以下是postmessage调用示例:

parent.html
<div>
    <iframesrc="http://localhost:8081" id="iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ></iframe> 
</div> 
parent.js
window.addEventListener('message',function(e){console.log(e);//{data:'params'}});
child.js
window.parent.postMessage({     data:"params"},'*');
postMessage(data,origin)    //两个参数 
data    //需要传递的参数
origin  //发送消息窗口的源(协议+主机+端口号) [也可以设置'*']//指向当前的父窗口

 信息的内容是当前保存是否成功,成功的话,有一个下载签批后文档的字段,OA方获取字段下载文档接口。

 调用的方式如下图所示:

 

三、实现的效果

如下图所示,这个是签批后的一个样式展示,当前的模式正处于签批模式,可以在线体验手写签批

 

 四、结尾

这个只是永中转换服务的一部功能,还可以实现pdf加水印,office转html、图片(png、jpg、gif格式等)、pdf、ofd等等一系列的功能,大家如果有关于文档方面的转换功能,可以去使用一下永中转换服务:www.yozodcs.com。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM