wuhongyu
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!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>