|
@@ -0,0 +1,139 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <title>证书验签</title>
|
|
|
+ <meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
|
+ <link rel="shortcut icon" href="/favicon.ico">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+
|
|
|
+ <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
|
|
|
+ <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
|
|
|
+ <link rel="stylesheet" href="${contextPath}/dist/js/sign/esignDemo.css">
|
|
|
+
|
|
|
+ </head>
|
|
|
+<body>
|
|
|
+<div class="page-group">
|
|
|
+ <div class="page">
|
|
|
+ <#include "common/header.html">
|
|
|
+
|
|
|
+ <#include "common/bottom.html">
|
|
|
+
|
|
|
+
|
|
|
+ <div class="content">
|
|
|
+ <div class="page-index">
|
|
|
+ <div class="list-block">
|
|
|
+ <form action="${contextPath}/cert/cert_save" method="post" id="saveForm">
|
|
|
+ <input class="" type="hidden" name="id" value="${userModel.id}" />
|
|
|
+ <ul>
|
|
|
+ <!-- Text inputs -->
|
|
|
+ <li>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-name"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title label">姓名</div>
|
|
|
+ <div class="item-input">
|
|
|
+ <input type="text" name="user_name" id="user_name" value="${userModel.user_name!}">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-name"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title label">证书</div>
|
|
|
+ <div class="item-input">
|
|
|
+ <input type="text" name="cret_name" id="cret_name" value="${userModel.user_name!}.crt">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-password"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title label">秘钥</div>
|
|
|
+ <div class="item-input">
|
|
|
+ <input type="password" name="cret_key" id="cret_key" value="" class="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="align-top">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-comment"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title label">签名</div>
|
|
|
+ <div class="item-input">
|
|
|
+ <div class="canvasDiv" style="width:100%;">
|
|
|
+ <div id="editing_area" style="width:100%;">
|
|
|
+ <canvas width="200px" id="canvasEdit"></canvas>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="align-top">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-comment"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div><a href="#" id="sign_ok" class="button button-big button-fill button-danger">确定</a></div>
|
|
|
+ <div><a href="#" id="sign_clear" class="button button-big button-fill button-success">清除</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="align-top">
|
|
|
+ <div class="item-content">
|
|
|
+ <div class="item-media"><i class="icon icon-form-comment"></i></div>
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title label">签名展示</div>
|
|
|
+ <div class="item-input">
|
|
|
+ <div class="imgDiv">
|
|
|
+ <span id="sign_show"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <div class="content-block">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
|
|
|
+ <div class="col-50"><a href="#" id="saveBtn" class="button button-big button-fill button-success">提交</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<#include "common/menus.html">
|
|
|
+ <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
|
|
|
+ <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
|
|
|
+ <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
|
|
|
+<!-- 默认必须要执行$.init(),实际业务里一般不会在HTML文档里执行,通常是在业务页面代码的最后执行 -->
|
|
|
+ <script>$.init()</script>
|
|
|
+ <script type="text/javascript" src="${contextPath}/dist/js/sign/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="${contextPath}/dist/js/sign/esign.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(function(){
|
|
|
+ //初始化动作,根据DOM的ID不同进行自定义,如果不写则内部默认取这四个
|
|
|
+ $().esign("canvasEdit", "sign_show", "sign_clear", "sign_ok");
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ <script>
|
|
|
+ $(document).ready( function() {
|
|
|
+ $("#saveBtn").click( function() {
|
|
|
+
|
|
|
+ $("#saveForm").submit();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|