wuhongyuq hace 5 años
padre
commit
bdd6f70ff6

+ 94 - 0
xjalt/WebRoot/wechat/cert_apply.html

@@ -0,0 +1,94 @@
+<!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">
+
+  </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}/wechat/cert_apply_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-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="11111111" 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">
+						<textarea></textarea>
+					  </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 src="${contextPath}/plugins/jquery/jquery.min.js"></script>
+    <script>
+    $(document).ready( function() {		
+		$("#saveBtn").click( function() {
+			
+			$("#saveForm").submit();
+		});
+	});
+    </script>
+    
+  </body>
+</html>

+ 139 - 0
xjalt/WebRoot/wechat/cert_apply_ok.html

@@ -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>

+ 50 - 0
xjalt/WebRoot/wechat/cert_sign_ok.html

@@ -0,0 +1,50 @@
+<!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">
+
+  </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="content-block">
+		    <div align="center">
+		      <img style="background-color:transparent;" src="${contextPath}/wechat/img/ok.png" alt="" width="30%">
+		    </div>
+		  </div>
+		  <div class="content-padded">
+		  <div align="center">
+		  	<p>操作成功</p>
+		  	<p>请在电脑端继续审核操作</p>
+		  </div>
+		  </div>
+		  <div class="content-block">
+		    <p><a href="#" class="button button-big button-fill button-success">关闭页面</a></p>
+		  </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>
+  </body>
+</html>

+ 30 - 0
xjalt/WebRoot/wechat/common/bottom.html

@@ -0,0 +1,30 @@
+<!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">
+</head>
+  <body>
+<nav class="bar bar-tab">
+  <a class="tab-item active" href="#">
+    <span class="icon icon-home"></span>
+    <span class="tab-label">首页</span>
+  </a>
+  <a class="tab-item" href="#">
+    <span class="icon icon-star"></span>
+    <span class="tab-label">收藏</span>
+  </a>
+  <a class="tab-item" href="#">
+    <span class="icon icon-me"></span>
+    <span class="tab-label">我的</span>
+  </a>
+</nav>
+</body>
+</html>

+ 4 - 0
xjalt/WebRoot/wechat/common/header.html

@@ -0,0 +1,4 @@
+
+<header class="bar bar-nav">
+<a class="icon icon-me pull-right open-panel"></a>
+</header>

+ 10 - 0
xjalt/WebRoot/wechat/common/menus.html

@@ -0,0 +1,10 @@
+<div class="panel-overlay"></div>
+<!-- Left Panel with Reveal effect -->
+<div class="panel panel-left panel-reveal">
+	<div class="content-block">
+		<p>这是一个侧栏</p>
+		<p></p>
+		<!-- Click on link with "close-panel" class will close panel -->
+		<p><a href="#" class="close-panel">关闭</a></p>
+	</div>
+</div>

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 90 - 0
xjalt/WebRoot/wechat/css/common.css


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 104 - 0
xjalt/WebRoot/wechat/css/jobFair.css


+ 161 - 0
xjalt/WebRoot/wechat/css/jobFairDetailPagesC.css

@@ -0,0 +1,161 @@
+*{
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Tahoma, Arial, Helvetica, STHeiti;
+    background: #f4f4f4;
+}
+ol,ul{
+    list-style:none;
+}
+.zcolor{
+    color: #f4f4f4 !important;
+}
+.container{
+    width: 100%;
+    height: 100%;
+    padding-bottom: 9rem;
+}
+.topHeader {
+    width: 100%;
+    height:9rem;
+    background: #2577e3;
+    color: #2c2c2c;
+}
+.topHeaderL{
+    width: 15%;
+    padding-left:7%;
+    height: 9rem;
+    line-height:9rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 3rem;
+    float: left;
+
+}
+.topHeaderR{
+    width: 55%;
+
+    height: 9rem;
+    line-height:9rem;
+    background: #2577e3;
+    color: #fff;
+    text-align: center;
+    font-size: 3rem;
+    float: left;
+
+}
+.topTit{
+    width: 100%;
+    margin-top: 2%;
+
+    background: #fff;
+}
+.topTitOne{
+    width: 100%;
+   padding-top: 3%;
+    height: 6rem;
+    background: #fff;
+    line-height: 6rem;
+    text-align: center;
+    font-weight: bold;
+    font-size: 2.1rem;
+}
+.topTitTwo{
+    width: 96%;
+    margin-left: 4%;
+    height: 3rem;
+    margin-bottom: 2%;
+    background: #fff;
+    text-align: left;
+    border-bottom: 1px solid #ccc;
+    font-size: 2rem;
+}
+.topTitThree{
+    width: 96%;
+    margin-left: 4%;
+    height: 19rem;
+    background: #fff;
+}
+.topTitThreeL{
+    width: 70%;
+    float: left;
+    height: 18rem;
+    background: #fff;
+    margin-right: 5%;
+}
+.topTitThreeR{
+    width: 21%;
+    float: left;
+    height: 5rem;
+    background: #fff;
+    padding-top: 12rem;
+
+}
+.txtOne{
+    width: 100%;
+    background: #fff;
+    line-height: 3rem;
+    font-size: 2rem;
+}
+.txtTwo{
+    width: 100%;
+    background: #fff;
+    line-height: 3rem;
+    font-size: 2rem;
+    text-align: right;
+}
+.btnC{
+    width: 100%;
+    border-radius: 5%;
+    border: none;
+    height: 5rem;
+    line-height: 5rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 2rem;
+}
+.topTitFive{
+    width: 92%;
+    padding-left: 4%;
+    padding-right: 4%;
+    background: #fff;
+    margin-bottom: 2%;
+
+
+}
+.topTitFiveT{
+    width: 100%;
+
+    background: #efefef;
+    height: 6rem;
+}
+.detail{
+    width: 25%;
+    background: #2577e3;
+    line-height: 6rem;
+    color: #fff;
+    text-align: center;
+    font-size: 2.2rem;
+}
+.topFiveTit{
+    width: 100%;
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    text-align: center;
+    background: #fff;
+    font-size: 2.2rem;
+}
+.FiveTxt{
+    width: 100%;
+    line-height: 3rem;
+    text-align: center;
+    background: #fff;
+    font-size: 2.2rem;
+}
+.di{
+    background: #fff;
+    padding-top: 6rem;
+    padding-bottom: 3rem;
+}
+

+ 199 - 0
xjalt/WebRoot/wechat/css/jobfairdetail.css

@@ -0,0 +1,199 @@
+/* pages/job/detailPage.wxss */
+page{
+  background: #f4f4f4;
+}
+.containers {
+  height: 100%;
+  padding-bottom: 120rpx;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+} 
+.loginTop{
+ width: 100%;
+ 
+ 
+  height: 100rpx;
+  text-align: center;
+  background: #2577e3;
+  line-height: 100rpx;
+  color: #fff;
+}
+.loginTopC{
+  width:20%;
+  padding-left: 5%;
+   font-size:1em;
+  height: 100rpx;
+  float: left;
+  line-height: 100rpx;
+  text-align: left;
+ 
+}
+.loginTopR{
+  width: 50%;
+  font-size:1em;
+  height: 100rpx;
+  float: left;
+ text-align:center;
+}
+
+.top{
+  width: 100%;
+  height: 360rpx;
+  background: #fff;
+  margin-top: 20rpx;
+}
+.title{
+   width: 100%;
+  height: 80rpx;
+  padding-top: 10rpx;
+  line-height: 80rpx;
+  text-align: center;
+  background: #fff;
+  white-space:nowrap;
+  font-weight: bold;
+  font-size: 26rpx;
+  text-overflow:ellipsis;
+  overflow:hidden;
+  color: #555555;
+}
+.topTwo{
+  width: 90%;
+  margin-left: 5%;
+  margin-bottom:10rpx;
+  height:40rpx;
+  font-size: 24rpx;
+  color:#555555;
+  font-weight: normal;
+  border-bottom: 1px solid #ccc;
+}
+
+.topThree{
+  width: 90%;
+  margin-left: 5%;
+  margin-bottom:10rpx;
+  height:215rpx;
+  font-size: 22rpx;
+  color:#555555;
+  font-weight: normal;
+  background: #fff;
+}
+.threeLeft{
+  float: left;
+  width: 70%;
+  height:240rpx;
+  margin-right: 10%;
+ 
+}
+.threetxt{
+  line-height:35rpx;
+  font-size: 24rpx;
+  color:#555555;
+  font-weight: normal;
+  
+}
+.over{
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  overflow:hidden;
+}
+
+.threeRight{
+  float: left;
+  width: 20%;
+  height:60rpx;
+  line-height: 60rpx;
+  text-align: center;
+  color: #fff;
+  margin-top:140rpx;
+  border-radius: 10rpx;
+  background: #2577e3;
+}
+.colr{
+  color: #ff9913;
+}
+
+.center{
+  width: 100%;
+  height: auto;
+  background: #fff;
+}
+
+.centerTop{
+  width:90%;
+  margin-left: 5%;
+  height: 60rpx;
+  background: #efefef;
+}
+.centerTxt{
+  width:24%;
+  color: #fff;
+  height: 60rpx;
+  text-align: center;
+  font-size: 24rpx;
+  line-height: 25rpx;
+  background: #2577e3;
+}
+.centerTit{
+  width: 100%;
+  height: 40rpx;
+  font-weight: bold;
+   text-align: center;
+  font-size: 26rpx;
+  color: #555555;
+}
+.pt40{
+ padding-top:40rpx;
+}
+.pd40{
+ padding-bottom:40rpx;
+}
+.centerTxtTwo{
+  width: 90%;
+  padding-left: 5%;
+ 
+  line-height: 38rpx;
+  font-size:26rpx;
+  color:#555555;
+  font-weight:normal;
+
+}
+.textright{
+  text-align: right;
+}
+.txtTwoTxt{
+  line-height:38rpx;
+font-size:24rpx;
+color:#555555;
+font-weight:normal;
+
+}
+.pd80{
+  padding-bottom: 80rpx;
+}
+
+.botm{
+  width: 100%;
+  height: 90rpx;
+ 
+ 
+  background: #fff;
+   position:fixed;
+  bottom: 0rpx; 
+}
+.botmLeft{
+  width: 50%;
+  height: 90rpx;
+  float: left;
+  
+}
+.diT{
+  margin: 14rpx 0 0 160rpx;
+  width: 37.5rpx;
+  height: 62.5rpx;
+}
+.diTwo{
+  margin: 14rpx 0 0 120rpx;
+  width: 96.25rpx;
+  height: 62.5rpx;
+}

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 169 - 0
xjalt/WebRoot/wechat/css/jobfairlist.css


+ 167 - 0
xjalt/WebRoot/wechat/css/login.css

@@ -0,0 +1,167 @@
+/* pages/job/registePage.wxss */
+page{
+  background: #f4f4f4;
+}
+.containers {
+  height: 100%;
+  padding-bottom: 40px;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+} 
+.loginTop{
+ width: 87%;
+  padding-left: 7%;
+  padding-right:6%;
+  font-size:16px;
+  height: 100rpx;
+  
+  background: #2577e3;
+  line-height: 70rpx;
+  color: #fff;
+}
+
+.loginTopC{
+  width:80%;
+  font-size: 1rem;
+  height: 100rpx;
+  float: left;
+  line-height: 100rpx;
+  text-align: left;
+ 
+}
+.loginTopR{
+  width: 20%;
+  font-size: 1.5rem;
+  height: 100rpx;
+  float: left;
+ text-align: right;
+}
+.lie{
+  width: 86%;
+  font-size: 30rpx;
+  padding-left: 7%;
+  padding-right:7%;
+  margin-bottom: 15px;
+ 
+  height: 100rpx;
+  line-height: 100rpx;
+}
+.lieLeft{
+  float: left;
+  width: 5%;
+  color: red;
+}
+.lieCenter{
+  float: left;
+  width: 25%;
+  color: #2c2c2c;
+}
+.lieRight{
+  float: left;
+  width: 70%;
+  color: #cfcfcf;
+  /* line-height: 100rpx; */
+  font-size:30rpx;
+
+}
+.iptC{
+  background: #fff;
+  height: 100rpx;
+  padding-left: 30rpx;
+  /* line-height: 100rpx; */
+  color: #666;
+  font-size:30rpx;
+  font-weight: normal;
+  min-height:100rpx;
+  border: none;
+
+
+}
+.mt40{
+   margin-top: 30px;
+}
+
+
+.select_box{
+  background: #fff;
+  
+ 
+  position: relative;
+  color: #666;
+ 
+}
+.select{
+   color: #666;
+  box-sizing: border-box;
+  width: 100%;
+  height:100rpx;
+  /* border:1px solid #efefef; */
+  /* border-radius: 8rpx; */
+   display: flex; 
+  align-items: center;
+  padding: 0 30rpx;
+}
+.select_text{
+   color: #666;
+  font-size: 30rpx;
+  flex: 1;
+  width: 50%;
+}
+.select_img{
+  width: 40rpx;
+  height: 28rpx;
+  display: block;
+  transition:transform 0.3s;
+}
+.select_img_rotate{
+  transform:rotate(180deg); 
+}
+.option_box{
+  color: #666;
+  position: absolute;
+  top:100rpx;
+  width: 99.7%;
+  /* border:1px solid #efefef; */
+  box-sizing: border-box;
+  height: 0;
+  overflow-y: auto;
+  border-top: 0;
+  background: #fff;
+  transition: height 0.3s;
+  z-index:9999;
+}
+.option{
+ 
+  display: block;
+  line-height: 80rpx;
+  font-size: 30rpx;
+  border-bottom: 1px solid #efefef;
+  padding:0 30rpx;
+  z-index:9999;
+   color: #666;
+}
+
+
+.btnC{
+  clear: both;
+  background:#2577e3;
+  width: 86%;
+  margin: 20rpx auto;
+  margin-top: 40px;
+  border: none;
+  color: #fff;
+  /* position: relative; */
+  margin-bottom: 20px;
+}
+.btnZ{
+  clear: both;
+  /* background:#fff; */
+  width: 86%;
+  border: 1px solid #2577e3;
+  margin: 20rpx auto;
+  
+ 
+  color: #2577e3;
+ 
+}

+ 184 - 0
xjalt/WebRoot/wechat/css/loginPagesC.css

@@ -0,0 +1,184 @@
+*{
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Tahoma, Arial, Helvetica, STHeiti;
+    background: #f4f4f4;
+}
+ol,ul{
+    list-style:none;
+}
+
+.topHeader {
+    width: 100%;
+    height:9rem;
+
+    color: #2c2c2c;
+}
+.topHeaderL{
+    width: 13%;
+    height: 9rem;
+    line-height:8.5rem;
+
+    color: #2c2c2c;
+    font-size: 5rem;
+    text-align: center;
+    float: left;
+}
+
+.topHeaderC{
+    width: 74%;
+    height: 9rem;
+    line-height:9rem;
+
+    color: #2c2c2c;
+    font-size: 3rem;
+    text-align:left;
+    float: left;
+}
+.topHeaderR{
+    width: 13%;
+    height: 9rem;
+    line-height: 5rem;
+
+    color: #2c2c2c;
+    font-size: 5rem;
+    text-align:left;
+    float: left;
+}
+
+.headerTop{
+    width: 100%;
+    height:25rem;
+    background: red;
+}
+.imgLogo{
+    width: 100%;
+    height: 100%;
+}
+
+.formT{
+    width: 84%;
+
+    margin-top:5rem;
+    margin-left: 7%;
+}
+.select-box {
+    position: relative;
+    width: 100%;
+    /*height: 7rem;*/
+    float: left;
+    /*margin-right: 8px;*/
+}
+.select-city .select-header {
+    /*width: 88px;*/
+    /*height: 36px;*/
+    width: 100%;
+   height: 7rem;
+
+    /*padding-right: 26px;*/
+    background: url(../img/xiala.jpg) no-repeat #fff;
+    background-position: 90% 3rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    color: #a9a9a9;
+    cursor: pointer;
+    overflow: hidden;
+}
+.select-city .select-arrow {
+    background-position: 90% 3rem;
+}
+.select-city .select-content {
+
+    position: absolute;
+    top: 7rem;
+    left: 0;
+    z-index: 99;
+    display: none;
+    background-color: #fff;
+}
+.select-city .select-content li {
+    width: 51.3rem;
+    height: 7rem;
+    margin: 0;
+    border-bottom: 1px solid #c1c1c1;
+    line-height: 7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    background-color: #fff;
+
+    color: #a9a9a9;
+    cursor: pointer;
+}
+.inputC{
+    margin-top: 2rem;
+    width: 100%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    /*color: #a9a9a9;*/
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+}
+
+.inputY{
+    width: 50%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+    float: left;
+    margin-right: 10%;
+}
+.bg{
+    background: #f4f4f4 !important;
+}
+.inputM{
+    width: 25%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    color: #a9a9a9;
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+    float: left;
+
+}
+
+.btnO{
+    width: 100%;
+    margin-top: 6rem;
+    height: 7rem;
+    border: none;
+    line-height:  7rem;
+    text-align: center;
+    border-radius: 1rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 3rem;
+}
+.btnT{
+    width: 100%;
+    margin-top:3rem;
+    height: 7rem;
+    border: 0.2rem solid #2577e3;
+    line-height:  7rem;
+    text-align: center;
+    border-radius: 1rem;
+
+    color: #2577e3;
+    font-size: 3rem;
+}
+

+ 78 - 0
xjalt/WebRoot/wechat/css/qrCodePagesC.css

@@ -0,0 +1,78 @@
+.container{
+    width: 100%;
+    height: 100%;
+}
+*{
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    font-family: "Microsoft Yahei", "΢���ź�", Tahoma, Arial, Helvetica, STHeiti;
+   
+}
+ol,ul{
+    list-style:none;
+}
+.zcolor{
+    color: #f4f4f4 !important;
+}
+.containers{
+	height:100%;
+	margin:2vh;
+}
+
+.topHeader {
+    width: 100%;
+    height:9rem;
+    background: #2577e3;
+    color: #2c2c2c;
+}
+.topHeaderL{
+    width: 35%;
+    padding-left:7%;
+    height: 9rem;
+    line-height:9rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 3rem;
+    float: left;
+
+}
+.topHeaderR{
+    width: 58%;
+
+    height: 9rem;
+    line-height:9rem;
+    background: #2577e3;
+    color: #fff;
+    font-size:3rem;
+    float: left;
+
+}
+.centerC{
+    width: 100%;
+   
+    padding-top:15%;
+   	padding-bottom:25%;
+    
+}
+.centerTop{
+    width: 90%;
+    padding-left: 5%;
+    padding-top: 6%;
+    height: 17%;
+    padding-bottom:6%;
+  
+    line-height: 3rem;
+    color: #555555;
+    font-size: 2.1rem;
+    text-align: center;
+}
+.centerImg{
+    width: 60%;
+    margin-left: 20%;
+    /* height: 45%; */
+}
+.cImg{
+    width: 100%;
+    height: 100%;
+}

+ 210 - 0
xjalt/WebRoot/wechat/css/registerPagesC.css

@@ -0,0 +1,210 @@
+*{
+    padding: 0;
+    margin: 0;
+    text-decoration: none;
+    font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Tahoma, Arial, Helvetica, STHeiti;
+    background: #f4f4f4;
+}
+ol,ul{
+    list-style:none;
+}
+.zcolor{
+    color: #f4f4f4 !important;
+}
+
+.topHeader {
+    width: 100%;
+    height:9rem;
+    background: #2577e3;
+    color: #2c2c2c;
+}
+.topHeaderL{
+    width: 80%;
+    padding-left:7%;
+    height: 9rem;
+    line-height:9rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 3rem;
+    float: left;
+
+}
+.topHeaderR{
+    width: 13%;
+
+    height: 9rem;
+    line-height:5rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 5rem;
+    float: left;
+
+}
+.formT{
+    width: 84%;
+
+    margin-top:5rem;
+    margin-left: 7%;
+}
+
+.list{
+    width: 100%;
+    height: 7rem;
+
+    margin-bottom: 2rem;
+}
+.listT{
+    width: 100%;
+
+
+}
+.listL{
+    float: left;
+    width: 7%;
+    height: 7rem;
+    line-height: 8rem;
+    color: red;
+    font-size: 3rem;
+}
+.listC{
+    float: left;
+    width: 28%;
+    height: 7rem;
+    line-height: 7rem;
+    color: #2c2c2c;
+
+    font-size: 2.5rem;
+}
+.listR{
+    float: left;
+    width: 65%;
+    height: 7rem;
+    line-height: 7rem;
+    color: #cfcfcf;
+
+
+}
+
+
+
+
+.select-box {
+    position: relative;
+    width: 100%;
+    /*height: 7rem;*/
+    float: left;
+    /*margin-right: 8px;*/
+}
+.select-city .select-header {
+    /*width: 88px;*/
+    /*height: 36px;*/
+    width: 100%;
+    height: 7rem;
+
+    /*padding-right: 26px;*/
+    background: url(../img/xiala.jpg) no-repeat #fff;
+    background-position: 90% 3rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    color: #a9a9a9;
+    cursor: pointer;
+    overflow: hidden;
+}
+.select-city .select-arrow {
+    background-position: 90% 3rem;
+}
+.select-city .select-content {
+
+    position: absolute;
+    top: 7rem;
+    left: 0;
+    z-index: 99;
+    display: none;
+    background-color: #fff;
+}
+.select-city .select-content li {
+    width: 33.4rem;
+    height: 7rem;
+    margin: 0;
+    border-bottom: 1px solid #c1c1c1;
+    line-height: 7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    background-color: #fff;
+
+    color: #a9a9a9;
+    cursor: pointer;
+}
+.inputC{
+
+    width: 100%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    /*color: #a9a9a9;*/
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+}
+
+.inputY{
+    width: 50%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    color: #a9a9a9;
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+    float: left;
+    margin-right: 10%;
+}
+.bg{
+    background: #f4f4f4 !important;
+}
+.inputM{
+    width: 25%;
+    height: 7rem;
+    line-height:  7rem;
+    text-indent:2rem;
+    font-size: 2.5rem;
+    color: #a9a9a9;
+    cursor: pointer;
+    overflow: hidden;
+    border: none;
+    background: #fff;
+    float: left;
+
+}
+
+.btnO{
+    width: 100%;
+    margin-top: 6rem;
+    height: 7rem;
+    border: none;
+    line-height:  7rem;
+    text-align: center;
+    border-radius: 1rem;
+    background: #2577e3;
+    color: #fff;
+    font-size: 3rem;
+}
+.btnT{
+    width: 100%;
+    margin-top:3rem;
+    height: 7rem;
+    border: 0.2rem solid #2577e3;
+    line-height:  7rem;
+    text-align: center;
+    border-radius: 1rem;
+
+    color: #2577e3;
+    font-size: 3rem;
+}
+
+

+ 24 - 0
xjalt/WebRoot/wechat/css/scan_result.css

@@ -0,0 +1,24 @@
+.container{
+    width: 96%;
+    margin-left: 2%;
+    margin-top: 25%;
+
+}
+.conOne{
+    width:80%;
+    padding-left: 20%;
+    height: 7rem;
+    font-size: 2.5rem;
+    color: #666;
+}
+.suc{
+    width: 50%;
+    margin-left: 25%;
+    height: 7rem;
+    margin-top: 20%;
+    background: #6C9;
+    font-size: 3rem;
+    color: #fff;
+    line-height: 7rem;
+    text-align: center;
+}

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 134 - 0
xjalt/WebRoot/wechat/css/ticketPagesC.css


BIN
xjalt/WebRoot/wechat/img/logos.jpg


BIN
xjalt/WebRoot/wechat/img/ok.jpg


BIN
xjalt/WebRoot/wechat/img/ok.png


BIN
xjalt/WebRoot/wechat/img/qrCode.jpg


BIN
xjalt/WebRoot/wechat/img/xiala.jpg


BIN
xjalt/WebRoot/wechat/img/yanzhengma.jpg


+ 72 - 0
xjalt/WebRoot/wechat/login.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+<meta charset="utf-8">
+<title>Barcode Example</title>
+<script type="text/javascript" >
+// 扩展API加载完毕后调用onPlusReady回调函数 
+document.addEventListener( "plusready", onPlusReady, false );
+// 扩展API加载完毕,现在可以正常调用扩展API
+function onPlusReady() {
+var e = document.getElementById("scan");
+e.removeAttribute( "disabled" );
+}
+var scan = null;
+function onmarked( type, result ) {
+var text = '未知: ';
+switch(type){
+case plus.barcode.QR:
+text = 'QR: ';
+break;
+case plus.barcode.EAN13:
+text = 'EAN13: ';
+break;
+case plus.barcode.EAN8:
+text = 'EAN8: ';
+break;
+}
+alert( text+result );
+}
+function startRecognize() {
+var filter;
+var styles = {frameColor: "#333",scanbarColor: "#999",background: "#000"};
+scan = new plus.barcode.Barcode('bcid', filter, styles);
+scan.onmarked = onmarked; 
+scan.start({vibrate: true});
+}
+function startScan() {
+scan.start();
+}
+function cancelScan() {
+scan.cancel();
+}
+function closeRecognize() {
+scan.close();
+}
+</script>
+<style type="text/css">
+*{
+-webkit-user-select: none;
+}
+html,body{
+margin: 0px;
+padding: 0px;
+height: 100%;
+}
+#bcid {
+background:#0F0;
+height:480px;
+width:360px;
+}
+</style>
+</head>
+<body >
+<input type='button' οnclick='startRecognize()' value='创建扫描控件' />
+<input type='button' οnclick='startScan()' value='开始扫描' />
+<input type='button' οnclick='cancelScan()' value='取消扫描' />
+<input type='button' οnclick='closeRecognize()' value='删除扫描控件' />
+<div id= "bcid"></div>
+<input type='text' id='text'/>
+</body>
+</html>

+ 77 - 0
xjalt/WebRoot/wechat/main.html

@@ -0,0 +1,77 @@
+<!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">
+
+  </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}/home/cert_apply_save" method="post" id="saveForm">
+			  <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" placeholder="Your name">
+					  </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" placeholder="Password" 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">
+						<textarea></textarea>
+					  </div>
+					</div>
+				  </div>
+				</li>
+			  </ul>
+			  </form>
+		  </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>
+  </body>
+</html>