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。