午夜视频在线观看区二区-午夜视频在线观看视频-午夜视频在线观看视频在线观看-午夜视频在线观看完整高清在线-午夜视频在线观看网站-午夜视频在线观看亚洲天堂

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

某OA系統采用HTML5代碼實現簡單的簽字確認存檔

admin
2025年3月4日 22:40 本文熱度 247

本文我們講解一個人事入職的小場景,該場景可以不用集成簽章廠商,用于企業內部簽字,簽字完成后用于存檔。

大致簽字流程如下:

用戶收到短信:

點擊上面的鏈接,單點登錄進入oa進行簽署,如下:    

開發制作一個自定義按鈕,點擊按鈕,進入到簽署界面,簽署界面如下:自定義按鈕和自定義控件

簽署界面代碼為H5的,如下:

<!DOCTYPE html><html class="no-js"><head>    <meta name="viewport"        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no,viewport-fit=cover">    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />    <meta http-equiv="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta http-equiv="Pragma" content="no-cache">    <meta http-equiv="Cache" content="no-cache">    <meta http-equiv="Expires" content="0">    <meta charset="utf-8">    <title>簽字</title>    <style>        * {            margin0;            padding0;        }        html,        body {            width100%;            height100%;            text-align: center;        }        canvas {            max-width100%;            border2px dotted #ccc;        }    </style></head><body>    <script type="text/javascript" src="${path}/seeyon/apps_res/plugin/cqpjdyz/index.js"></script>    <script>        //初始化        var sign = new Draw( {            // canvas:document.getElementById('canvas'),            lineWidth10// 線條寬度            width400// canvas 寬            height400//canvas 高            strokeStyle'#333333' // 線條顏色        } );        window.onload = function () {            // 點擊輸出圖片            document.querySelector'.ouput' ).onclick = function () {            	if(!confirm('此操作會把簽名提交到OA,確定提交嗎?')){            		return false;            	}                var img = new Image();                img.style.width = '200px';                img.src = sign.ouput();                img.onload = function () {                    document.body.appendChild( img );                }                if(sign.state.undopath.length == 0){                	alert("請先簽字后,在提交!");                	return false;                }else{                	document.querySelector'img' ) && document.querySelector'img' ).remove();                    document.getElementById("imgcontent").value=img.src;                    document.getElementById("editForm").submit();                }
            }            // 點擊清除            document.querySelector'.clear' ).onclick = function () {                sign.clear();            }            // 點擊撤銷            document.querySelector'.undo' ).onclick = function () {                if ( sign.state.undopath.length > 0 ) {                    sign.undo();                } else {                    alert'還沒有簽名' );                }            }        }    </script>    <div class="buttons">    <font>請在上方空白處簽字</font>        <button type="button" class="btn btn-primary ouput">確定</button>        <button type="button" class="btn btn-light undo">撤銷</button>        <button type="button" class="btn btn-light clear">清除</button>    </div>    <form id="editForm" name="editForm" method="post"  action="kkhrqz.do?method=saveimg" >    <input type="hidden" id="imgcontent" name="imgcontent" />    <input type="hidden" id="moduleId" name="moduleId" value="${moduleId }" />    </form></body></html

簽署完成的其實就是一個圖片章,然后把圖片上傳到oa的上傳圖片控件。

簽署完成后,我們會把跳轉到另外一個簽署成功界面,可以返回查看簽字頁面   

保存上傳圖片控件的代碼如下:

FormBean formBean = formApi4Cap4.getForm(cs.getFormAppid());FormDataMasterBean formDataMasterBean = formApi4Cap4.findDataById(cs.getFormRecordid(), cs.getFormAppid(), null);formDataMasterBean.addFieldValue(fieldBean.getColumnName(),String.valueOf(subReference));formApi4Cap4.saveOrUpdateFormData(formDataMasterBean, formBean.getId(), true);

到此完成。


閱讀原文:原文鏈接


該文章在 2025/3/5 10:27:36 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 国产精品白浆在线观看无码专区 | 国产高清不卡无码视频 | 国产免费人成在线视频 | 国产成人高清视频 | 成人国内精品视频在线观看 | 91精品一区二区综合在线 | 白嫩美女国产在线观看 | 99久久精品自在自看国产 | 国产毛片无码专区 | 91麻豆精品一区二区 | 成人免费一级毛片在线播放视频 | 精品无码一区二区三区土豆 | 国产传媒果冻天美传媒 | 国产福利91精品在线观看 | 国产拍偷自偷在线视频 | 国产精品成人不卡在线观看 | 国产精品午夜福利不卡 | 国产91丝袜在线播放网站 | 国产爆乳一区不卡在线 | 国产欧美丝袜小视频 | 91av在线播放观看国产 | 国产一二三区四区20 | 91桃色午夜福利国产在线观看 | 国产精品青草国产一区二区 | 国产av无码专区亚洲av蜜芽 | 国产一区二区日本在线 | 成人h动漫精品一区二区器材 | 国产午夜成人av在线播放 | 国产一级毛片潘金莲的奶头 | 国产三级国产精品国产国在线观看 | 91青青青国产在观免费影视 | 国产互换人妻好紧hd无码 | 丰满人妻连续中 | 东京热日韩无码高清国产精品 | 国产尤物网站尤物在线看 | 91久久偷偷做 | 国产成人精品女 | 国产精品国产精品一区二区 | av无码精品一区二区三区 | 国产精品视频熟女韵味 | 国产亚洲品在 |