首页 探索 帮助
注册 登录
bulomakaka
/
ekexiu.com.portal
关注 7
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 465 版本发布 0 Wiki
浏览代码

身份认证功能上传

xuchunyang 8 年之前
父节点
8ae5d9341c
当前提交
91a4fa6810
共有 6 个文件被更改，包括 219 次插入 和 71 次删除
分列视图 显示文件统计
  1. 18 11
      src/main/webapp/account-set.html
  2. 1 1
      src/main/webapp/css/webuploader/webuploader.css
  3. 二进制
      src/main/webapp/images/icons.png
  4. 二进制
      src/main/webapp/images/up.png
  5. 1 59
      src/main/webapp/js/account-set.js
  6. 199 0
      src/main/webapp/js/upload.js

+ 18 - 11
src/main/webapp/account-set.html
查看文件 

@ -13,6 +13,8 @@
13 13 
<link type="text/css" href="css/common.css" rel="stylesheet">
14 14 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
15 15 
<link type="text/css" href="css/popup.css" rel="stylesheet">
16 
<link type="text/css" href="css/webuploader/webuploader2.css" rel="stylesheet">
17
16 18 
</head>
17 19
18 20 
<body>

@ -93,7 +95,7 @@
93 95 
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
94 96 
			<a href="javascript:;" class="leftsidebar bgcolor">修改密码</a>
95 97 
			<a href="javascript:;" class="leftsidebar">账号绑定</a>
96 
			<a href="javascript:;" class="leftsidebar" style="display:none">身份认证</a>
98 
			<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>
97 99 
		</div>
98 100 
	<div class="contentbox">
99 101 
			<!-- <div class="content-set">

@ -155,7 +157,7 @@
155 157 
				</div>-->
156 158 
			</div>
157 159
158 
			<div class="content-set">
160 
			<div class="content-set" id="sfbox">
159 161 
				<div class="content-title">身份认证</div>
160 162 
				<div class="content-main">
161 163 
					<!-- 身份认证状态 -->

@ -180,9 +182,16 @@
180 182 
		            	</div>
181 183 
		            	<div class="webupArea">
182 184 
			            	<p style="color:#999;padding:10px; font-size:12px;">请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等：</p>
183 
							<div class="webuploadMut" style="height: 300px;background: #fff;border: 2px #f0f0f0 dashed;">
184
185 
							<div class="webuploadMut" style="min-height:250px;padding:10px;background: #fff;border: 2px #f0f0f0 dashed;">
186 
								 <div id="uploader-dome">
187 
								    <!--用来存放item-->
188 
								    <div id="fileList" class="uploader-list">
189 
								    	 <div id="filePicker"></div>
190 
								    </div>
191
192 
								 </div>
185 193 
							</div>
194 
							<div class="subUp">提交上传</div>
186 195 
						</div>
187 196 
					</div>
188 197 
					

@ -224,17 +233,15 @@
224 233 
</div>
225 234
226 235 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
227 
<!-- <script type="text/javascript" src="js/form.js"></script> -->
228 236 
<script type="text/javascript" src="js/index.js"></script>
229 237 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
230 238 
<script type="text/javascript" src="js/common.js"></script>
231 239 
<script type="text/javascript" src="js/popup.js"></script>
232 
 <script type="text/javascript" src="js/account-set.js"></script>
240 
<script type="text/javascript" src="js/account-set.js"></script>
233 241 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
234 
<script type="text/javascript">
235 
	$(".IdentityChoice").on("click",".boxnav li",function(){
236 
		$(this).addClass("set").siblings().removeClass("set");
237 
	})
238 
</script>
242 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
243 
<script type="text/javascript" src="js/upload.js"></script>
244
245
239 246 
</body>
240 247 
</html>

+ 1 - 1
src/main/webapp/css/webuploader/webuploader.css
查看文件 

@ -159,4 +159,4 @@ a.travis {
159 159 
  position: relative;
160 160 
  top: -4px;
161 161 
  right: 15px;
162 
}}
162 
}}

二进制
src/main/webapp/images/icons.png
查看文件


二进制
src/main/webapp/images/up.png
查看文件


+ 1 - 59
src/main/webapp/js/account-set.js
查看文件 

@ -351,65 +351,7 @@ $(function(){
351 351
352 352
353 353
354 
/*----------------身份认证--------------------*/
355 
	var typenum,authStatus;
356 
	$.ajax("/ajax/professor/auth",{
357 
		data:{"id":$.cookie("userid")},
358 
		type:"GET",
359 
	 	dataType: 'json',
360 
		async: false,
361 
		success:function(data){
362 
			var $info = data.data || {};
363 
			if(data.success && data.data) {
364 
				authStatus=$info.authStatus;
365 
				console.log(authStatus)
366 
				if($info.authStatus==0){
367 
					$(".identProcess").text("暂时还未进行身份认证");
368 
					$(".identBtn").text("现在去认证");
369 
				}else if($info.authStatus==1){
370 
					$(".identProcess").text("已经通过身份认证");
371 
					$(".identBtn").text("重新认证");
372 
				}else if($info.authStatus==2){
373 
					$(".identProcess").text("身份待审核 ");
374 
					$(".identts").text("（认证审核期间不能重复认证操作） ");
375 
					$(".identBtn").hide();
376 
				}else if($info.authStatus==3){
377 
					$(".identProcess").text("身份审核中");
378 
					$(".identts").text("（认证审核期间不能重复认证操作） ");
379 
					$(".identBtn").hide();
380 
				}else if($info.authStatus==4){
381 
					$(".identProcess").text("身份认证通过，请重新认证");
382 
					$(".identBtn").text("重新认证");
383 
				}else if($info.authStatus==5){
384 
					$(".identProcess").text("身份认证失败，请重新认证");
385 
					$(".identBtn").text("重新认证");
386 
				}
387 
				typenum = $info.authentication;
388 
				authStatus=$info.authStatus;
389 
			}else{
390 
				$.MsgBox.Alert("消息提醒","系统异常!");
391 
			}
392 
		},
393 
		error:function(){
394 
			$.MsgBox.Alert('message','fail');
395 
	    }
396
397 
	});
398
399 
	$(".identBtn").on("click",function(){
400 
		if(authStatus==0 && authStatus==4 && authStatus==5){
401 
			$(".IdentityUp").show();
402 
		}else if(authStatus==1){
403 
			$(".IdentityUp").show();
404 
		}
405 
	})
406
407 
	$(".boxnav span").each(function () {
408 
		var datanum =$(this).attr("data-num");
409 
		if(datanum==typenum){
410 
			$(this).parent().addClass("set");
411 
		}
412 
	});
354
413 355
414 356
415 357

+ 199 - 0
src/main/webapp/js/upload.js
查看文件 

@ -0,0 +1,199 @@
1 
var typenum,authStatus;
2 
var userid = $.cookie("userid");
3 
var sett = GetQueryString("set");
4 
if(sett==3){
5 
	$("#sfnav").addClass("bgcolor").siblings().removeClass("bgcolor");
6 
	$("#sfbox").show().siblings().hide();
7 
}
8 
//角色切换
9 
$(".IdentityChoice").on("click",".boxnav li",function(){
10 
	$(this).addClass("set").siblings().removeClass("set");
11 
})
12
13 
//初始化身份状态
14 
$.ajax("/ajax/professor/auth",{
15 
	data:{"id":userid},
16 
	type:"GET",
17 
 	dataType: 'json',
18 
	async: false,
19 
	success:function(data){
20 
		var $info = data.data || {};
21 
		if(data.success && data.data) {
22 
			authStatus=$info.authStatus;
23 
			console.log(authStatus)
24 
			if($info.authStatus==0){
25 
				$(".identProcess").text("暂时还未进行身份认证");
26 
				$(".identBtn").text("现在去认证");
27 
			}else if($info.authStatus==1){
28 
				$(".identProcess").text("已经通过身份认证");
29 
				$(".identBtn").text("重新认证");
30 
			}else if($info.authStatus==2){
31 
				$(".identProcess").text("身份待审核 ");
32 
				$(".identts").text("（认证审核期间不能重复认证操作） ");
33 
				$(".identBtn").hide();
34 
			}else if($info.authStatus==3){
35 
				$(".identProcess").text("身份审核中");
36 
				$(".identts").text("（认证审核期间不能重复认证操作） ");
37 
				$(".identBtn").hide();
38 
			}else if($info.authStatus==4){
39 
				$(".identProcess").text("身份认证通过，请重新认证");
40 
				$(".identBtn").text("重新认证");
41 
			}else if($info.authStatus==5){
42 
				$(".identProcess").text("身份认证失败，请重新认证");
43 
				$(".identBtn").text("重新认证");
44 
			}
45 
			typenum = $info.authentication;
46 
			authStatus=$info.authStatus;
47 
		}else{
48 
			$.MsgBox.Alert("消息提醒","系统异常!");
49 
		}
50 
	},
51 
	error:function(){
52 
		$.MsgBox.Alert("消息提醒","系统异常!");
53 
    }
54
55 
});
56
57 
$(".boxnav span").each(function () {
58 
	var datanum =$(this).attr("data-num");
59 
	if(datanum==typenum){
60 
		$(this).parent().addClass("set");
61 
	}
62 
});
63
64 
$(".identBtn").on("click",function(){
65 
	if(authStatus==0 && authStatus==4 && authStatus==5){
66 
		$(".IdentityUp").show();
67 
	}else if(authStatus==1){
68 
		$(".IdentityUp").show();
69 
	}
70 
})
71
72 
//提交上传
73 
$('.subUp').on("click", function() {
74 
	var imglen = $(".uploader-list .thumbnail").length;
75 
	if(imglen == 0) {
76 
		$.MsgBox.Alert("消息提醒","请上传能够证明您身份的相关证件");
77 
	} else {
78 
		typename(userid, typenum);
79 
	}
80 
})
81
82
83 
//添加认证申请信息
84 
function typename(userid, usertype) {
85 
	$.ajax("/ajax/authApply",{
86 
		data:{"professorId":userid,"applyType":usertype},
87 
		type:"post",
88 
	 	dataType: 'json',
89 
		async: false,
90 
		success:function(data){
91 
			if(data.success) {
92 
				var authapplyid = data.data;
93 
				$(".uploader-list img").each(function() {
94 
					var str = $(this).attr("src");
95 
					var base64 = str.replace("data:image/jpeg;base64,", "");
96 
					//console.log(base64);
97 
				    typeimg(authapplyid, base64);
98 
				});
99 
			}else{
100 
				$.MsgBox.Alert("消息提醒","系统异常!");
101 
			}
102 
		},
103 
		error:function(){
104 
			$.MsgBox.Alert("消息提醒","系统异常!");
105 
	    }
106
107 
	});
108 
}
109
110 
//添加申请认证图片
111 
function typeimg(authapplyid, base64) {
112 
	$.ajax("/ajax/authImage",{
113 
		data:{"authApplyId":authapplyid,"base64":base64},
114 
		type:"post",
115 
	 	dataType: 'json',
116 
		async: false,
117 
		success:function(data){
118 
			if(data.success) {
119 
				$.MsgBox.Alert("消息提醒","认证图片上传成功");
120 
				window.location.href="account-set.html?set=3";
121 
			}
122 
		},
123 
		error:function(){
124 
			$.MsgBox.Alert("消息提醒","系统异常!");
125 
	    }
126
127 
	});
128 
}
129
130
131 
/*图片上传*/
132 
var uploader = WebUploader.create({
133 
     auto: true,// 选完文件后，是否自动上传。
134 
     swf: 'webuploader/Uploader.swf',// swf文件路径
135 
   	 pick: '#filePicker',  // 选择文件的按钮。可选。
136 
   	 duplicate :true ,//允许图片重复上传
137 
   	 // 只允许选择图片文件。
138 
     accept: {
139 
        title: 'Images',
140 
        extensions: 'gif,jpg,jpeg,bmp,png',
141 
        mimeTypes: 'image/*'
142 
     }
143 
});
144
145 
// 当有文件添加进来的时候
146 
uploader.on( 'fileQueued', function( file ) {
147 
    var $li = $(
148 
            '<div id="' + file.id + '" class="file-item thumbnail">' +
149 
                '<img>' +
150 
                //'<div class="info">' + file.name + '</div>' +
151 
            '</div>'
152 
            ),
153 
        $btns = $('<div class="file-panel">' +
154 
                    '<span class="cancel">删除</span>' +
155 
                    '</div>').appendTo( $li ),
156 
        $img = $li.find('img');
157 
     	var $list = $("#fileList");
158 
    	$list.prepend( $li );
159
160 
	    // 创建缩略图
161 
	    // 如果为非图片文件，可以不用调用此方法。
162 
	    // thumbnailWidth x thumbnailHeight 为 100 x 100
163 
	    uploader.makeThumb( file, function( error, src ) {
164 
	        if ( error ) {
165 
	            $img.replaceWith('<span>不能预览</span>');
166 
	            return;
167 
	        }
168
169 
	        $img.attr( 'src', src );
170 
	    }, 1000, 1000 );
171
172 
	    $li.on( 'mouseenter', function() {
173 
		    $btns.stop().animate({height: 30});
174 
		});
175
176 
		$li.on( 'mouseleave', function() {
177 
		    $btns.stop().animate({height: 0});
178 
		});
179 
});
180
181 
/*
182
183 
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
184 
uploader.on( 'uploadSuccess', function( file ) {
185
186 
});*/
187
188 
$("#fileList").on("click",".cancel",function(){
189 
	$(this).parent().parent().remove();
190 
})
191
192 
$(".webuploader-pick").css({"width":"100px","height":"100px"});
193
194 
/*图片上传结束*/
195
196
197
198
199