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

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

主站蜘蛛池模板: 国精品无码一区二区三区 | 国产在线观看国偷精品产 | 国产无码不卡在线观看 | 国产精品宾馆在线精品酒店 | 成人午夜动漫在线观看 | 精品国产伦一区二区三区在唱戏 | 国产sm女在线调教视频 | 国产激情视频在线观看免费播放 | 69国产成人综合久久精品91 | 精品亚洲欧美v国产一区二区三区 | 国产欧美日韩制服在线精选推荐 | 丰满人妻被黑人中出849 | 精品人妻无码视频中文 | 国产麻豆一区二区三区精品视频 | a级欧美片免费观看 | 国产视频一区二区在线播放 | 国产国产av蜜桃精品一二三区 | 国产精品皮裤在线观看 | 国产精品无码亚洲精品蜜桃传媒 | 91久久婷婷国产综合青草 | 国产一二三区四区2025 | 国产av无码专区亚洲a∨毛片 | 国产一区丝袜在线播放无弹窗 | 国产女优在线 | 白嫩少妇激情无码久久 | 国产免费口爆在线观看 | 国产视频在线一区二区三区 | 高潮精品呻吟久久无码 | 国产一区二区三区成人久久片老牛 | 国产麻豆在线免费观看 | 国产女王女调教另类调教在线 | aⅴ不卡视频网站 | 国产精品欧美亚洲制服 | 国产精品毛片一区二区 | av无码动漫一区二区三区精品 | 国产99热在线这里只有精品 | 激情欧美一区二区三区中文字幕 | 国精产品一区二区国精 | 精品国产高清a毛片 | 国产丝袜无码视 | 国产成a人亚 |