一、需求背景
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。
