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