Home Verkennen Help
Registreren Inloggen
jiapeng
/
portal-front
Volgen 3
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 175 Publicaties 0 Wiki
Bladeren bron

分离账号设置页面，新加实名认证和专家认证

xuchunyang 8 jaren geleden
bovenliggende
bcbd58b638
commit
ed401b2e51
9 gewijzigde bestanden met toevoegingen van 1319 en 309 verwijderingen
Split View Toon Diff Stats
  1. 150 0
      account-binding.html
  2. 22 308
      account-set.html
  3. 2 1
      css/webuploader/webuploader2.css
  4. 129 0
      expert-authentication.html
  5. 350 0
      js/settings/account-binding.js
  6. 305 0
      js/settings/expert-authentication.js
  7. 87 0
      js/settings/modify-password.js
  8. 157 0
      js/settings/realname-authentication.js
  9. 117 0
      realname-authentication.html

+ 150 - 0
account-binding.html
Bestand weergeven 

@ -0,0 +1,150 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>账号绑定 - 账户设置 - 科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link rel="stylesheet" href="css/reset.css" />
11 
<link type="text/css" href="css/index.css" rel="stylesheet">
12 
<link type="text/css" href="css/common.css" rel="stylesheet">
13 
</head>
14 
<body>
15
16 
<!--浮动窗口-->
17 
<div class="coverblock cover">
18 
	<div class="floatbox" id="bindmail">
19 
		<div class="float-title">
20 
			邮箱绑定
21 
			<span class="times"></span>
22 
		</div>
23 
        <form class="bdfrm" action="" name="bdemail">
24 
        	<p>验证您的邮箱地址，完成邮箱账号绑定</p>
25 
            <input type="text" placeholder="请输入您的邮箱地址" class="yz" id="email" onblur="valEmail()" >
26 
            <div class="msg-yz msg11"><span></span></div>
27 
            <div style="text-align: center;">
28 
            	<input type="button" value="发送验证邮件" class="activate act-color sett" onClick="bindEmail()" >
29 
            </div>
30 
        </form>
31 
	</div>
32 
</div>
33
34 
<div class="coverblock coverset" id="vovernext">
35 
	<div class="floatbox" style="width:460px;">
36 
		<div class="float-title">
37 
			邮箱绑定
38 
			<span class="times"></span>
39 
		</div>
40 
        <form class="bdfrm" action="" name="bdemail">
41 
        	<p>绑定邮箱验证链接已发送至</p>
42 
        	<p class="emalvel" style="color:#FF9900"></p>
43 
            <p style="font-size: 12px;">请您在10分钟内登录邮箱激活链接验证</p>
44 
            <div style="text-align: center;">
45 
           		 <input type="button" value="登录邮箱完成验证" class="activate act-color" style="width:160px" id="bindgo">
46 
            </div>
47 
        </form>
48 
	</div>
49 
</div>
50
51 
<div class="coverblock cover2">
52 
	<div class="floatbox" id="bindphone">
53 
		<div class="float-title">
54 
			手机绑定
55 
			<span class="times" ></span>
56 
		</div>
57
58 
        <form class="bdfrm" action="" name="bdphone">
59 
        	<p>验证您的手机号，完成手机账号绑定</p>
60 
            <input type="text" placeholder="请输入您的手机号" class="yz" id="phone" onBlur="valPhone()">
61 
            <div class="msg-yz msg12"></div>
62 
            <input type="text" placeholder="请输入短信验证码" class="psd input-code" style="height:36px;" maxlength="4" id="phoneCode"  onBlur="valCode()">
63 
            <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
64 
            <div class="msg-yz msg13"></div>
65 
            <div style="text-align: center;">
66 
            	<input type="button" value="完成绑定" class="activate act-color" onClick="bindPhone()">
67 
            </div>
68 
        </form>
69 
	</div>
70 
</div>
71
72 
<!--头部-->
73 
<div id="header">
74 
	<a href="index.html" alt="科袖" class="logo"></a>
75 
	<div class="searchblock" style="display:block;">
76 
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
77 
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
78 
	</div>
79 
	<div class="header-right">
80 
        <!--未登录-->
81 
        <div class="unlogin">
82 
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
83 
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
84 
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
85 
        </div>
86 
        <!--已登录-->
87 
        <div class="onlogin">
88 
       		<a class="myWorkspace" href="workspaces.html">我的工作台</a>
89 
	        <div class="head-portrait headRadius">
90 
	        	<img class="portrait-p" />
91 
	            <div class="personal-infor">
92 
	                <div class="triangleB"></div>
93 
	                <div class="personal-box bgRadius">
94 
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
95 
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
96 
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
97 
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
98 
	                </div>
99 
	            </div>
100 
	        </div>
101
102 
        </div>
103 
    </div>
104 
</div>
105 
<!--内容-->
106 
<div id="container">
107 
	<div class="account">
108 
		<div class="account-set">
109 
				<div class="account-title">账号设置</div>
110 
				<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
111 
				<a href="account-set.html" class="leftsidebar">修改密码</a>
112 
				<a href="javascript:;" class="leftsidebar bgcolor">账号绑定</a>
113 
				<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
114 
				<a href="realname-authentication.html" class="leftsidebar">实名认证</a>
115 
				<a href="expert-authentication.html" class="leftsidebar">专家认证</a>
116 
			</div>
117 
		<div class="contentbox">
118 
			<div class="content-set">
119 
				<div class="content-title">账号绑定</div>
120 
				<div class="note">绑定后，您可以同时使用以下方式登录科袖网</div>
121 
				<div class="unbinding">
122 
					<div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
123 
					<div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
124 
	                <div class="replace3">
125 
	                	<span class="email-icon"></span>您已绑定邮箱  <span id="emailShow"></span>
126 
	                	<input type="button" value="更换" class="replace replace5"><br>
127 
					</div>
128 
					<div class="replace4">
129 
						<span class="phone-icon "></span>您已绑定手机  <span id="phoneShow"></span>
130 
						<input type="button" value="更换" class="replace replace6" >
131 
					</div>
132 
				</div>
133 
			</div>
134 
		</div>
135 
	</div>
136 
</div>
137
138 
<!--底部-->
139 
<footer>
140 
	<script type="text/javascript" src="js/footer.js"></script>
141 
</footer>
142 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
143 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
144 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
145 
<script type="text/javascript" src="js/index.js"></script>
146 
<script type="text/javascript" src="js/common.js"></script>
147 
<script type="text/javascript" src="js/settings/account-binding.js"></script>
148
149 
</body>
150 
</html>

+ 22 - 308
account-set.html
Bestand weergeven 

@ -4,76 +4,15 @@
4 4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>账户设置 - 科袖网</title>
7 
<title>修改密码 - 账户设置 - 科袖网</title>
8 8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10 
<link rel="stylesheet" href="css/reset.css" />
11 
<link type="text/css" href="css/login.css" rel="stylesheet">
12 11 
<link type="text/css" href="css/index.css" rel="stylesheet">
13 12 
<link type="text/css" href="css/common.css" rel="stylesheet">
14 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
15 
<link type="text/css" href="css/popup.css" rel="stylesheet">
16 
<link type="text/css" href="css/webuploader/webuploader2.css" rel="stylesheet">
17
18 13 
</head>
19
20 14 
<body>
21 
<!--浮动窗口-->
22 
<div class="coverblock cover">
23 
	<div class="floatbox" id="bindmail">
24 
		<div class="float-title">
25 
			邮箱绑定
26 
			<span class="times"></span>
27 
		</div>
28 
        <form class="bdfrm" action="" name="bdemail">
29 
        	<p>验证您的邮箱地址，完成邮箱账号绑定</p>
30 
            <input type="text" placeholder="请输入您的邮箱地址" class="yz" id="email" onblur="valEmail()" >
31 
            <div class="msg-yz msg11"><span></span></div>
32 
            <div style="text-align: center;">
33 
            	<input type="button" value="发送验证邮件" class="activate act-color sett" onClick="bindEmail()" >
34 
            </div>
35 
        </form>
36 
	</div>
37 
</div>
38
39 
<div class="coverblock coverset" id="vovernext">
40 
	<div class="floatbox" style="width:460px;">
41 
		<div class="float-title">
42 
			邮箱绑定
43 
			<span class="times"></span>
44 
		</div>
45 
        <form class="bdfrm" action="" name="bdemail">
46 
        	<p>绑定邮箱验证链接已发送至</p>
47 
        	<p class="emalvel" style="color:#FF9900"></p>
48 
            <p style="font-size: 12px;">请您在10分钟内登录邮箱激活链接验证</p>
49 
            <div style="text-align: center;">
50 
           		 <input type="button" value="登录邮箱完成验证" class="activate act-color" style="width:160px" id="bindgo">
51 
            </div>
52 
        </form>
53 
	</div>
54 
</div>
55
56 
<div class="coverblock cover2">
57 
	<div class="floatbox" id="bindphone">
58 
		<div class="float-title">
59 
			手机绑定
60 
			<span class="times" ></span>
61 
		</div>
62
63 
        <form class="bdfrm" action="" name="bdphone">
64 
        	<p>验证您的手机号，完成手机账号绑定</p>
65 
            <input type="text" placeholder="请输入您的手机号" class="yz" id="phone" onBlur="valPhone()">
66 
            <div class="msg-yz msg12"></div>
67 
            <input type="text" placeholder="请输入短信验证码" class="psd input-code" style="height:36px;" maxlength="4" id="phoneCode"  onBlur="valCode()">
68 
            <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
69 
            <div class="msg-yz msg13"></div>
70 
            <div style="text-align: center;">
71 
            	<input type="button" value="完成绑定" class="activate act-color" onClick="bindPhone()">
72 
            </div>
73 
        </form>
74 
	</div>
75 
</div>
76 
<!---->
15 
<!--头部-->
77 16 
<div id="header">
78 17 
	<a href="index.html" alt="科袖" class="logo"></a>
79 18 
	<div class="searchblock" style="display:block;">

@ -106,48 +45,26 @@
106 45 
        </div>
107 46 
    </div>
108 47 
</div>
48 
<!--内容-->
109 49 
<div id="container">
110 50 
	<div class="account">
111 51 
		<div class="account-set">
112 
			<div class="account-title">账号设置</div>
113 
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
114 
			<a href="javascript:;" class="leftsidebar bgcolor">修改密码</a>
115 
			<a href="javascript:;" class="leftsidebar">账号绑定</a>
116 
			<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
117 
			<a href="javascript:;" class="leftsidebar">实名认证</a>
118 
			<a href="javascript:;" class="leftsidebar">专家认证</a>
119 
		</div>
120 
	<div class="contentbox">
121 
			<!-- <div class="content-set">
122 
				<div class="content-title">个人信息</div>
123 
				div class="note">此信息用于站内沟通、社区等功能</div>
124 
				<div class="acountinfor">
125 
					<div class="account-photo headRadius">
126 
					 	<img id="headimg" src="">
127 
					</div>
128 
					<div class="account-name">
129 
						<div class="text">
130 
							<span class="text-txt floatL" id="username"></span>
131 
							<a class="floatR" href="information.html"><span class="edit2 floatL"></span>修改资料</a>
132 
						</div>
133 
					</div>
134 
					<div class="account-wallet">
135 
						<div class="wallet">
136 
							<span class="mywallet">我的钱包</span>
137 
							<div class="walletbox">
138 
								<div class="walletbrig floatL">余额 :<span><i class="amount">100</i><i class="fen">.00</i></span>元</div>
139 
								<div class="walletrecords floatL"><span class="recordbtn" onclick="PaymentInfo();">交易记录</span>|<span>累计收益:<em>15.13 </em> 元</span> </div>
140 
							</div>
141 
						</div>
142 
					</div>
143 
				</div>
144 
			</div> -->
145
52 
				<div class="account-title">账号设置</div>
53 
				<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
54 
				<a href="javascript:;" class="leftsidebar bgcolor">修改密码</a>
55 
				<a href="account-binding.html" class="leftsidebar">账号绑定</a>
56 
				<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
57 
				<a href="realname-authentication.html" class="leftsidebar">实名认证</a>
58 
				<a href="expert-authentication.html" class="leftsidebar">专家认证</a>
59 
			</div>
60 
		<div class="contentbox">
146 61 
			<div class="content-set" style="display:block">
147 62 
				<div class="content-title">修改密码</div>
148 63 
				<div class="marginT"></div>
149 64 
	            <form  name="f1" >
150 
	                <div class="password"><span class="lable">当前密码</span><input type="password"class="psd" id="oldPassword" onBlur="valOld()" />	<div class="msgs"><a href="login-email-find01.html" class="forget">忘记密码？</a></div>
65 
	                <div class="password">
66 
	                	<span class="lable">当前密码</span><input type="password"class="psd" id="oldPassword" onBlur="valOld()" />
67 
	                	<div class="msgs"><a href="login-email-find01.html" class="forget">忘记密码？</a></div>
151 68 
	                </div>
152 69 
	                <div class="msg msg1" ></div>
153 70 
	                <div class="password"><span class="lable">新密码</span><input type="password" class="psd" id="newPassword" onBlur="valNew()" /></div>

@ -156,224 +73,21 @@
156 73 
	                <div class="msg msg3" ></div>
157 74 
					<input type="button" value="保存" class="save" style="margin-top:40px;" onClick="restPassword()"/>
158 75 
	            </form>
159
160 
			</div>
161
162 
			<div class="content-set">
163 
				<div class="content-title">账号绑定</div>
164 
				<div class="note">绑定后，您可以同时使用以下方式登录科袖网</div>
165 
				<div class="unbinding">
166 
					<div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
167 
					<div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
168 
	                <div class="replace3"><span class="email-icon"></span>您已绑定邮箱  <span id="emailShow"></span><input type="button" value="更换" class="replace replace5"><br>
169 
					</div>
170 
					<div class="replace4"><span class="phone-icon "></span>您已绑定手机  <span id="phoneShow"></span><input type="button" value="更换" class="replace replace6" >
171 
					</div>
172 
				</div>
173 76 
			</div>
174
175 
			<!--<div class="content-set" id="sfbox">
176 
				<div class="content-title">身份认证</div>
177 
				<div class="content-main">
178 
					 身份认证状态
179 
					<div class="IdentityState">
180 
						<div class="nowState">
181 
						   <p><span class="identProcess"></span><span style="font-size:12px;color:#999;" class="identts"></span></p>
182 
						   <p><span class="identBtn"></span></p>
183 
						</div>
184 
					</div>
185 
					 身份证件上传
186 
					<div class="IdentityUp clearfix" style="display:none">
187 
						<div class="note">
188 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
189 
						</div>
190 
						<div class="IdentityChoice">
191 
		            		<h3 class="boxnav-title">请先确认您现在的身份</h3>
192 
							<ul class="boxnav">
193 
								<li id="boxnav1"><span data-num="1">科研工作者</span></li>
194 
								<li id="boxnav2"><span data-num="2">在企人员</span></li>
195 
								<li id="boxnav3"><span data-num="3">在校生</span></li>
196 
							</ul>
197 
		            	</div>
198 
		            	<div class="webupArea">
199 
			            	<p style="color:#999;padding:10px; font-size:12px;">请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等：</p>
200 
							<div class="webuploadMut" style="min-height:250px;padding:10px;background: #fff;border: 2px #f0f0f0 dashed;">
201 
								 <div id="uploader-dome">
202 
								    用来存放item
203 
								    <div id="fileList" class="uploader-list">
204 
								    	 <div id="filePicker"></div>
205 
								    </div>
206
207 
								 </div>
208 
							</div>
209 
							<div class="subUp">提交上传</div>
210 
						</div>
211 
					</div>
212 
				</div>
213 
			</div>-->
214 
			<div class="content-set">
215 
				<div class="content-title">实名认证</div>
216 
				<div class="content-main">
217 
					<!-- 身份认证状态 -->
218 
					<div class="IdentityState">
219 
						<div class="nowState">
220 
						   <p><span class="identProcess">您还未进行实名认证</span><span class="identts"></span></p>
221 
						   <p><span class="identBtn">开始认证</span></p>
222 
						</div>
223 
					</div>
224 
					<div class="IdentityState">
225 
						<div class="nowState">
226 
						   <p><span class="identProcess">我们正在对您的材料进行认证，<br />请稍等片刻。</span></p>
227 
						</div>
228 
					</div>
229 
					<div class="IdentityState">
230 
						<div class="nowState">
231 
						   <p><span class="identProcess">认证信息提交成功！</span><br /><span class="identts">我们将尽快对您的信息进行认证。</span></p>
232 
						</div>
233 
					</div>
234 
					<div class="IdentityState">
235 
						<div class="nowState">
236 
						   <p><span class="identProcess">恭喜您实名认证成功！</span></p>
237 
						</div>
238 
					</div>
239 
					<div class="IdentityState">
240 
						<div class="nowState">
241 
						   <p><span class="identProcess">很遗憾，您提交的材料没有通过认证，<br />请更换符合要求的认证材料再试试。</span></p>
242 
						   <p><span class="identBtn">重新认证</span></p>
243 
						</div>
244 
					</div>
245 
					<!-- 身份证件上传 -->
246 
					<div class="IdentityUp clearfix"><!-- style="display:none"-->
247 
						<div class="note">
248 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
249 
						</div>
250 
		            	<div class="webupArea">
251 
			            	<p class="littip">请上传您身份证的正反面：</p>
252 
							<div class="webuploadMut">
253 
								 <div id="uploader-dome">
254 
								    <!--用来存放item-->
255 
								    <div id="fileList" class="uploader-list">
256 
								    	 <div id="filePicker"></div>
257 
								    </div>
258
259 
								 </div>
260 
							</div>
261 
							<div class="subUp">提交上传</div>
262 
						</div>
263 
					</div>
264 
				</div>
265 
			</div>
266 
			<div class="content-set">
267 
				<div class="content-title">专家认证</div>
268 
				<div class="content-main">
269 
					<!-- 身份认证状态 -->
270 
					<div class="IdentityState">
271 
						<div class="nowState">
272 
						   <p><span class="identProcess">成为科袖认证专家用户，<br/>与企业开展合作，将您的科研价值变现！</span></p>
273 
						   <p><span class="identBtn">开始认证</span></p>
274 
						</div>
275 
					</div>
276 
					<div class="IdentityState">
277 
						<div class="nowState">
278 
						   <p><span class="identProcess">我们正在对您的材料进行认证，<br />请稍等片刻。</span></p>
279 
						</div>
280 
					</div>
281 
					<div class="IdentityState">
282 
						<div class="nowState">
283 
						   <p><span class="identProcess">认证信息提交成功！</span><br /><span class="identts">我们将尽快对您的信息进行认证，通过后您将成为科袖认证专家，获得特殊功能权限！</span></p>
284 
						</div>
285 
					</div>
286 
					<div class="IdentityState">
287 
						<div class="nowState">
288 
						    <p><span class="identProcess">恭喜您已成为科袖认证专家！</span><br /><span class="identts">在【我的工作台】可以查看发布中的需求，与企业展开合作，将科研价值变现。</span></p>
289 
							<p><span class="identBtn">进入[我的工作台]</span></p>
290 
						</div>
291 
					</div>
292 
					<div class="IdentityState">
293 
						<div class="nowState">
294 
						   <p><span class="identProcess">很遗憾，您没有通过认证，<br />请更换符合要求的认证材料再试试。</span></p>
295 
						   <p><span class="identBtn">重新认证</span></p>
296 
						</div>
297 
					</div>
298 
					<!-- 身份证件上传 -->
299 
					<div class="IdentityUp clearfix"><!-- style="display:none"-->
300 
						<div class="note">
301 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
302 
						</div>
303
304 
		            	<div class="webupArea">
305 
			            	<p class="littip">请上传您身份证的正反面：</p>
306 
							<div class="webuploadMut">
307 
								 <div id="uploader-dome">
308 
								    <!--用来存放item-->
309 
								    <div id="fileList" class="uploader-list">
310 
								    	 <div id="filePicker"></div>
311 
								    </div>
312
313 
								 </div>
314 
							</div>
315 
						</div>
316 
						<div class="webupArea">
317 
			            	<p class="littip">请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等：</p>
318 
							<div class="webuploadMut">
319 
								 <div id="uploader-dome">
320 
								    <!--用来存放item-->
321 
								    <div id="fileList" class="uploader-list">
322 
								    	 <div id="filePicker"></div>
323 
								    </div>
324
325 
								 </div>
326 
							</div>
327 
							<div class="subUp">提交上传</div>
328 
						</div>
329 
					</div>
330 
				</div>
331 
			</div>
332
333 77 
		</div>
334 78 
	</div>
335 79 
</div>
336 
<div id="footer" class="clearfix">
337 
    <div class="wrapper clearfix">
338 
        <i class="footer-logo floatL"></i>
339 
        <div class="word_wrapper floatL">
340 
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
341 
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
342 
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
343 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
344 
            	<div class="code weixin_code"></div>
345 
            </a><span> | </span>
346 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
347 
            	<div class="code app_code"></div>
348 
            </a><span> | </span>
349 
            <span class="listlink">客服邮箱：<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
350 
            <span> | </span>
351 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
352 
        </div>
353 
        <!--<div class="inner_wrapper floatR">
354 
        	<div class="codebox">
355 
           		<span class="code weixin_code"></span>
356 
                <p>科袖微信公众号</p>
357 
           </div>
358 
        </div>-->
359 
    </div>
360 
    <div class="copyright">
361 
        <span><em> © </em>2016 北京科袖科技有限公司</span>
362 
        <span> | 京ICP备16042588号-1 | </span>
363 
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
364 
    </div>
365 
</div>
366 80
81 
<!--底部-->
82 
<footer>
83 
	<script type="text/javascript" src="js/footer.js"></script>
84 
</footer>
367 85 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
368 
<script type="text/javascript" src="js/index.js"></script>
369 86 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
370 
<script type="text/javascript" src="js/common.js"></script>
371 
<script type="text/javascript" src="js/popup.js"></script>
372 
<script type="text/javascript" src="js/account-set.js"></script>
373 87 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
374 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
375 
<!--<script type="text/javascript" src="js/upload.js"></script>-->
376
88 
<script type="text/javascript" src="js/index.js"></script>
89 
<script type="text/javascript" src="js/common.js"></script>
90 
<script type="text/javascript" src="js/settings/modify-password.js"></script>
377 91
378 92 
</body>
379 93 
</html>

+ 2 - 1
css/webuploader/webuploader2.css
Bestand weergeven 

@ -15,7 +15,8 @@
15 15 
	position: relative;
16 16 
	display: inline-block;
17 17 
	cursor: pointer;
18 
	padding: 10px 15px;
18 
	width:100px ;
19 
	height:100px ;
19 20 
	color: #fff;
20 21 
	text-align: center;
21 22 
	border-radius: 5px;

+ 129 - 0
expert-authentication.html
Bestand weergeven 

@ -0,0 +1,129 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>实名认证 - 账户设置 - 科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link rel="stylesheet" href="css/reset.css" />
11 
<link type="text/css" href="css/login.css" rel="stylesheet">
12 
<link type="text/css" href="css/index.css" rel="stylesheet">
13 
<link type="text/css" href="css/common.css" rel="stylesheet">
14 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
15 
<link type="text/css" href="css/popup.css" rel="stylesheet">
16 
<link type="text/css" href="css/webuploader/webuploader2.css" rel="stylesheet">
17 
<style>
18 
	.identProcess{ display: block; margin:0 auto;}
19 
</style>
20 
</head>
21 
<body>
22 
<!--头部-->
23 
<div id="header">
24 
	<a href="index.html" alt="科袖" class="logo"></a>
25 
	<div class="searchblock" style="display:block;">
26 
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
27 
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
28 
	</div>
29 
	<div class="header-right">
30 
        <!--未登录-->
31 
        <div class="unlogin">
32 
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
33 
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
34 
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
35 
        </div>
36 
        <!--已登录-->
37 
        <div class="onlogin">
38 
       		<a class="myWorkspace" href="workspaces.html">我的工作台</a>
39 
	        <div class="head-portrait headRadius">
40 
	        	<img class="portrait-p" />
41 
	            <div class="personal-infor">
42 
	                <div class="triangleB"></div>
43 
	                <div class="personal-box bgRadius">
44 
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
45 
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
46 
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
47 
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
48 
	                </div>
49 
	            </div>
50 
	        </div>
51
52 
        </div>
53 
    </div>
54 
</div>
55 
<!--内容-->
56 
<div id="container">
57 
	<div class="account">
58 
		<div class="account-set">
59 
			<div class="account-title">账号设置</div>
60 
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
61 
			<a href="account-set.html" class="leftsidebar">修改密码</a>
62 
			<a href="account-binding.html" class="leftsidebar">账号绑定</a>
63 
			<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
64 
			<a href="realname-authentication.html   " class="leftsidebar">实名认证</a>
65 
			<a href="javascript:;" class="leftsidebar bgcolor">专家认证</a>
66 
		</div>
67 
		<div class="contentbox">
68 
			<div class="content-set">
69 
				<div class="content-title">专家认证</div>
70 
				<div class="content-main">
71 
					<!-- 身份认证状态 -->
72 
					<div class="IdentityState">
73 
						<div class="nowState">
74 
						   <p><span class="identProcess" id="identProcess"></span><span class="identts" id="identts"></span></p>
75 
						   <p><span class="identBtn" id="identBtn" style="display:none;"></span></p>
76 
						</div>
77 
					</div>
78 
					<!-- 身份证件上传 -->
79 
					<div class="IdentityUp clearfix" style="display:none ;"><!-- style="display:none"-->
80 
						<div class="note">
81 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
82 
						</div>
83
84 
		            	<div class="webupArea realname">
85 
			            	<p class="littip">请上传您身份证的正反面：</p>
86 
							<div class="webuploadMut">
87 
								 <div id="uploader-dome">
88 
								    <!--用来存放item-->
89 
								    <div id="fileList" class="uploader-list">
90 
								    	 <div id="filePicker"></div>
91 
								    </div>
92
93 
								 </div>
94 
							</div>
95 
						</div>
96 
						<div class="webupArea expert">
97 
			            	<p class="littip">请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等：</p>
98 
							<div class="webuploadMut">
99 
								 <div id="uploader-dome">
100 
								    <!--用来存放item-->
101 
								    <div id="fileList2" class="uploader-list">
102 
								    	 <div id="filePicker2"></div>
103 
								    </div>
104
105 
								 </div>
106 
							</div>
107 
							<div class="subUp">提交上传</div>
108 
						</div>
109 
					</div>
110 
				</div>
111 
			</div>
112 
		</div>
113 
	</div>
114 
</div>
115
116 
<!--底部-->
117 
<footer>
118 
	<script type="text/javascript" src="js/footer.js"></script>
119 
</footer>
120 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
121 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
122 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
123 
<script type="text/javascript" src="js/index.js"></script>
124 
<script type="text/javascript" src="js/common.js"></script>
125 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
126 
<script type="text/javascript" src="js/settings/expert-authentication.js"></script>
127
128 
</body>
129 
</html>

+ 350 - 0
js/settings/account-binding.js
Bestand weergeven 

@ -0,0 +1,350 @@
1 
//账号绑定
2 
$(function() {
3 
	valUser();
4 
	//邮箱绑定，手机绑定，点击关闭隐藏这两个部分
5 
	$(".times").click(function() {
6 
		$(".cover,.coverset,.cover2").hide();
7 
	});
8 
	//邮箱绑定，手机绑定，点击返回，隐藏这两个部分
9 
	$(".back-btn").click(function() {
10 
		$(".cover").hide();
11 
		$(".cover2").hide();
12 
	});
13 
	//这个标签已经隐藏了，点击手机账号绑定
14 
	$(".replace2").click(function() {
15 
		$(".cover2").show();
16 
	});
17 
	//这个标签已经隐藏了，点击邮箱账号绑定
18 
	$(".replace1").click(function() {
19 
		$(".cover").show();
20 
	});
21 
	//点击邮箱账号绑定
22 
	$(".replace5").click(function() {
23 
			$(".cover").show();
24 
		})
25 
		//点击手机账号绑定
26 
	$(".replace6").click(function() {
27 
		$(".cover2").show();
28 
	});
29 
	//判断是否绑定了邮箱
30 
	var emailCookie = $.cookie("userEmail");
31 
	var phoneCookie = $.cookie("userMobilePhone");
32 
	if(emailCookie != "" && emailCookie != null && emailCookie != "null") {
33 
		//alert(emailCookieshow);
34 
		emailhome(emailCookie);
35 
		$("#emailShow").text(emailCookieshow);
36 
		$(".replace1").hide();
37 
		$(".replace3").show();
38 
	} else {
39 
		$(".replace1").show();
40 
		$(".replace3").hide();
41 
	}
42 
	//判断是否绑定了手机号
43 
	if(phoneCookie != "" && phoneCookie != null && phoneCookie != "null") {
44 
		$("#phoneShow").text(phoneCookie.substring(0, 3) + "****" + phoneCookie.substring(7, 11));
45 
		$(".replace2").hide();
46 
		$(".replace4").show();
47 
	} else {
48 
		$(".replace2").show();
49 
		$(".replace4").hide();
50 
	}
51
52 
})
53
54 
function emailhome(emailset) {
55 
		//var emailCookieshow;
56 
		var emailq = emailset.replace(/@.*/, "");
57 
		var emailh = emailset.replace(emailq, "");
58 
		if(emailq.length >= 6) {
59 
			emailCookieshow = emailq.substring(emailq.length - 4, 0) + "****" + emailh;
60 
		}
61 
		if(emailq.length == 5) {
62 
			emailCookieshow = emailq.substring(emailq.length - 3, 0) + "***" + emailh;
63 
		}
64 
		if(emailq.length == 4) {
65 
			emailCookieshow = emailq.substring(emailq.length - 2, 0) + "**" + emailh;
66 
		}
67 
		if(emailq.length == 3) {
68 
			emailCookieshow = emailq.substring(emailq.length - 1, 0) + "*" + emailh;
69 
		}
70 
		if(emailq.length < 3) {
71 
			emailCookieshow = emailq + emailh;
72 
		}
73 
		return emailCookieshow;
74 
	}
75
76 
//重新绑定邮箱
77 
var emailPass = false;
78 
var emailOk = false;
79 
//页面需要验证展示的位置，先用alert替代
80 
function valEmail() {
81 
	var email = $("#email").val();
82 
	//var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
83 
	var gunf = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
84 
	if(gunf.test(email.trim())) {
85 
		userRegisterOk();
86 
		emailPass = true;
87 
		emailSuccess();
88 
	} else {
89 
		/*alert("请输入正确是邮箱地址");*/
90 
		$(".msg11 span").text("请输入正确的邮箱地址。");
91 
		emailPass = false;
92 
	}
93 
}
94 
//获取邮箱，填写地址
95 
function emailSuccess() {
96 
	var mailVal = $('#email').val();
97 
	$(".sett").each(function() {
98 
		var url = mailVal.split('@')[1];
99 
		for(var j in hash) {
100 
			$(this).attr("href", hash[url]);
101 
		}
102 
	});
103 
}
104
105 
//判断邮箱是否绑定
106 
function userRegisterOk() {
107 
	var email = $("#email").val();
108 
	console.log(email);
109 
	$.ajax("/ajax/isReg?key=" + email, {
110 
		type: "GET",
111 
		async: false,
112 
		success: function($data) {
113 
			console.log($data);
114 
			if($data.data == true) {
115 
				$(".msg11").text("");
116 
				emailOk = true;
117 
			} else {
118 
				$(".msg11").text("该邮箱已绑定账号，请使用其他邮箱地址。");
119 
				emailOk = false;
120 
			}
121 
		},
122 
		error: function() {
123 
			$.MsgBox.Alert('消息', '服务器请求失败')
124 
		},
125 
	});
126 
}
127
128 
var mailCode = GetQueryString('sc');
129 
//获取邮箱验证码传值注册
130 
if(mailCode != '') {
131 
	$(".account-set a").eq(1).addClass("bgcolor").siblings().removeClass("bgcolor");
132 
	$(".contentbox .content-set").eq(1).show().siblings().hide();
133 
	$.ajax("/ajax/bindMail/" + mailCode, {
134 
		type: "get",
135 
		async: true,
136 
		success: function(data) {
137 
			userpe();
138 
		},
139 
		error: function() {
140 
			$.MsgBox.Alert('消息提醒', '邮箱绑定失败')
141 
		},
142 
		data: {},
143 
		dataType: 'json'
144 
	});
145 
}
146
147 
//查询用户手机号和邮箱
148 
function userpe() {
149 
	$.ajax("/ajax/qaUser", {
150 
		type: "get",
151 
		async: true,
152 
		success: function(data) {
153 
			console.log(data)
154 
			$.MsgBox.Alert('消息提醒', '邮箱绑定成功')
155 
			var emaild = data.data.email;
156 
			emailhome(emaild);
157 
			$.cookie('userEmail', emaild, {
158 
				path: "/"
159 
			});
160 
			$("#emailShow").text(emailCookieshow);
161 
		},
162 
		error: function() {
163 
			$.MsgBox.Alert('消息提醒', '邮箱绑定失败')
164 
		},
165 
		data: {
166 
			"id": $.cookie("userid")
167 
		},
168 
		dataType: 'json'
169 
	});
170 
}
171
172 
//点击邮箱激活
173 
function bindEmail() {
174 
	valEmail();
175 
	var email = $("#email").val();
176 
	if(emailPass == true && emailOk == true) {
177 
		$.ajax("/ajax/reqBindMail", {
178 
			type: "GET",
179 
			async: false,
180 
			success: function(data) {
181 
				console.log(data);
182 
				if(data.success) {
183 
					console.log(data);
184 
					if(data.data == true) {
185 
						//$.cookie('userEmail',email);
186 
						$(".cover").hide();
187 
						$("#vovernext").show();
188 
						$(".emalvel").text(email);
189 
					} else {
190 
						$.MsgBox.Alert("消息提醒", "邮箱发布失败!");
191 
					}
192 
				} else {
193 
					$.MsgBox.Alert("消息提醒", "服务器链接超时!");
194 
				}
195 
			},
196 
			error: function() {
197 
				$.MsgBox.Alert('message', 'fail')
198 
			},
199 
			data: {
200 
				"userid": $.cookie("userid"),
201 
				"mail": $("#email").val()
202 
			},
203 
			dataType: 'json'
204 
		});
205 
	} else {
206 
		/*alert("请输入正确是邮箱地址");*/
207 
	}
208 
}
209
210 
$("#bindgo").on("click", function() {
211 
	var mailVal = $('.sett').attr("href");
212 
	location.href = mailVal;
213 
})
214
215 
//判断手机是否绑定
216 
function phoneRegisterOk() {
217 
	var phoneVal = $("#phone").val();
218 
	$.ajax("/ajax/isReg?key=" + phoneVal, {
219 
		type: "GET",
220 
		async: false,
221 
		success: function($data) {
222 
			console.log($data);
223 
			if($data.data == true) {
224 
				$(".msg12").text("");
225 
				phonePass = true;
226 
			} else {
227 
				$(".msg12").text("该手机已绑定账号，请使用其他手机号码。");
228 
			}
229 
		},
230 
		error: function() {
231 
			$.MsgBox.Alert('消息', '服务器请求失败')
232 
		},
233 
	});
234 
}
235
236 
//验证手机号是否合法
237 
var phonePass = false;
238
239 
function valPhone() {
240 
	var phoneVal = $("#phone").val();
241 
	var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
242 
	if(hunPhone.test(phoneVal.trim())) {
243 
		phoneRegisterOk();
244 
	} else {
245 
		phonePass = false;
246 
		/*alert("手机格式正确,请输入正确的手机号码");*/
247 
		$(".msg12").text("请输入正确的手机号码");
248 
	}
249 
}
250 
//验证手机验证码
251 
var codePass = false;
252
253 
function valCode() {
254 
	var phoneCode = $("#phoneCode").val();
255 
	if(phoneCode.length == 0) {
256 
		/*alert("请输入验证码");*/
257 
		$(".msg13").text("请输入验证码");
258 
	} else {
259 
		if(!isNaN(phoneCode)) {
260 
			codePass = true;
261 
		} else {
262 
			codePass = false;
263 
			$(".msg13").text("请填写数字");
264 
			/*alert("请填写数字");*/
265 
		}
266 
	}
267
268 
}
269 
//发送手机验证码
270 
var phoneState;
271
272 
function sendPhoneCode() {
273 
	valPhone();
274 
	if(phonePass == true) {
275 
		$.ajax("/ajax/vcWithBind", {
276 
			type: "GET",
277 
			async: false,
278 
			success: function(data) {
279 
				console.log(data);
280 
				if(data.success) {
281 
					if(data.data == null) {
282 
						$(".msg13").text("验证码发送失败,请确认手机号码正确!");
283 
						/*alert("验证码发送失败,请确认手机号码正确!");*/
284 
					} else {
285 
						phoneState = data.data;
286 
						$(".msg13").text("发送成功,请检查验证码");
287 
					}
288 
				} else {
289 
					$.MsgBox.Alert("消息提醒", "系统异常!");
290 
					// alert("系统异常!");
291 
				}
292 
			},
293 
			error: function() {
294 
				$.MsgBox.Alert('message', 'fail')
295 
			},
296 
			data: {
297 
				"userid": $.cookie("userid"),
298 
				"mobilePhone": $("#phone").val()
299 
			},
300 
			dataType: 'json'
301 
		});
302 
	} else {
303 
		/*alert("请输入正确是手机号码");*/
304 
	}
305 
}
306 
//绑定手机号
307 
function bindPhone() {
308 
	valCode();
309 
	if(codePass == true) {
310 
		/*alert($.cookie("userid"));
311 
		alert($("#phone").val());
312 
		alert(phoneState);
313 
		alert($("#phoneCode").val());*/
314 
		var phoneVal = $("#phone").val();
315 
		$.ajax("/ajax/bindMobilePhone", {
316 
			type: "POST",
317 
			async: false,
318 
			success: function(data) {
319 
				if(data.success) {
320 
					/*alert(2);*/
321 
					if(data.data == true) {
322 
						$.cookie('userMobilePhone', phoneVal, {
323 
							path: "/"
324 
						});
325 
						$(".cover2").hide();
326 
						$.MsgBox.Alert("消息提醒", "手机绑定成功!");
327 
						location.reload(true);
328 
					} else {
329 
						$.MsgBox.Alert("消息提醒", "短信验证不正确，请检查后重新输入。");
330 
					}
331 
				} else {
332 
					$.MsgBox.Alert("消息提醒", "系统异常!");
333 
					// alert("系统异常!");
334 
				}
335 
			},
336 
			error: function() {
337 
				$.MsgBox.Alert('message', 'fail')
338 
			},
339 
			data: {
340 
				"userid": $.cookie("userid"),
341 
				"mobilePhone": $("#phone").val(),
342 
				"validateCode": $("#phoneCode").val(),
343 
				"state": phoneState
344 
			},
345 
			dataType: 'json'
346 
		});
347 
	} else {
348 
		/*alert("请输入验证码是否正确");*/
349 
	}
350 
}

+ 305 - 0
js/settings/expert-authentication.js
Bestand weergeven 

@ -0,0 +1,305 @@
1 
//专家和实名认证
2 
$(function() {
3 
	valUser();
4 
	isexpert();
5 
	var temp = [];
6 
	var temp2 = [];
7
8 
	/*专家认证提交上传*/
9 
	$('.webupArea').on("click", ".expertSubmit", function() {
10 
		var imglen = $("#fileList2 .thumbnail").length;
11 
		if(imglen == 0) {
12 
			$.MsgBox.Alert("消息提醒", "请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等");
13 
		} else if(imglen > 5) {
14 
			$.MsgBox.Alert("消息提醒", "最多上传5张照片。");
15 
		} else {
16 
			$.MsgBox.Confirm("消息提醒", "确认提交实名信息？一旦审核通过后，将不可更改。", function() {
17 
				expertimg(temp2);
18 
			});
19
20 
		}
21 
	})
22
23 
	/*专家和实名认证提交上传*/
24 
	$('.webupArea').on("click", ".realnameSubmit", function() {
25 
		var imglen = $("#fileList2 .thumbnail").length;
26 
		var imglen2 = $("#fileList .thumbnail").length;
27 
		if(imglen2 == 0) {
28 
			$.MsgBox.Alert("消息提醒", "请上传您身份证的正反面。");
29 
		} else if(imglen2 > 3) {
30 
			$.MsgBox.Alert("消息提醒", "最多上传3张照片。");
31 
		} else if(imglen == 0) {
32 
			$.MsgBox.Alert("消息提醒", "请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等");
33 
		} else if(imglen > 5) {
34 
			$.MsgBox.Alert("消息提醒", "最多上传5张照片。");
35 
		} else {
36 
			$.MsgBox.Confirm("消息提醒", "确认提交实名信息？一旦审核通过后，将不可更改。", function() {
37 
				realnameimg(temp)
38 
				expertimg(temp2);
39 
			});
40
41 
		}
42 
	})
43
44 
	expertuploader();
45 
	realnameuploader();
46
47 
	/*实名认证图片上传*/
48 
	function realnameuploader() {
49 
		/*图片上传*/
50 
		var uploader = WebUploader.create({
51 
			auto: true, // 选完文件后，是否自动上传。
52 
			swf: 'webuploader/Uploader.swf', // swf文件路径
53 
			server: '../ajax/cachedFileUpload',
54 
			// 添加的文件数量
55 
			//fileNumLimit: 3,
56 
			pick: '#filePicker', // 选择文件的按钮。可选。
57 
			duplicate: true, //允许图片重复上传
58 
			// 只允许选择图片文件。
59 
			accept: {
60 
				title: 'Images',
61 
				extensions: 'gif,jpg,jpeg,bmp,png',
62 
				mimeTypes: 'image/*'
63 
			}
64 
		});
65
66 
		// 当有文件添加进来的时候
67 
		uploader.on('fileQueued', function(file) {
68 
			var $li = $(
69 
					'<div id="' + file.id + '" class="file-item thumbnail">' +
70 
					'<img>' +
71 
					//'<div class="info">' + file.name + '</div>' +
72 
					'</div>'
73 
				),
74 
				$btns = $('<div class="file-panel">' +
75 
					'<span class="cancel">删除</span>' +
76 
					'</div>').appendTo($li),
77 
				$img = $li.find('img');
78 
			var $list = $("#fileList");
79 
			$list.prepend($li);
80 
			// 创建缩略图
81 
			// 如果为非图片文件，可以不用调用此方法。
82 
			// thumbnailWidth x thumbnailHeight 为 100 x 100
83 
			uploader.makeThumb(file, function(error, src) {
84 
				$img.attr('src', src);
85 
			}, 1000, 1000);
86
87 
			$li.on('mouseenter', function() {
88 
				$btns.stop().animate({
89 
					height: 30
90 
				});
91 
			});
92
93 
			$li.on('mouseleave', function() {
94 
				$btns.stop().animate({
95 
					height: 0
96 
				});
97 
			});
98
99 
		});
100
101 
		/*图片上传成功*/
102 
		uploader.on('uploadSuccess', function(file, data) {
103 
			var cacheImageKey = data.data[0].cacheKey;
104 
			temp.push(cacheImageKey);
105 
		})
106
107 
		/*删除图片*/
108 
		$("#fileList").on("click", ".cancel", function() {
109 
			$(this).parent().parent().remove();
110 
		})
111 
	}
112
113 
	/*专家认证图片上传*/
114 
	function expertuploader() {
115 
		var uploader2 = WebUploader.create({
116 
			auto: true, // 选完文件后，是否自动上传。
117 
			swf: 'webuploader/Uploader.swf', // swf文件路径
118 
			server: '../ajax/cachedFileUpload',
119 
			// 添加的文件数量
120 
			//fileNumLimit: 3,
121 
			pick: '#filePicker2', // 选择文件的按钮。可选。
122 
			duplicate: true, //允许图片重复上传
123 
			// 只允许选择图片文件。
124 
			accept: {
125 
				title: 'Images',
126 
				extensions: 'gif,jpg,jpeg,bmp,png',
127 
				mimeTypes: 'image/*'
128 
			}
129 
		});
130
131 
		// 当有文件添加进来的时候
132 
		uploader2.on('fileQueued', function(file) {
133 
			var $li = $(
134 
					'<div id="' + file.id + '" class="file-item thumbnail">' +
135 
					'<img>' +
136 
					//'<div class="info">' + file.name + '</div>' +
137 
					'</div>'
138 
				),
139 
				$btns = $('<div class="file-panel">' +
140 
					'<span class="cancel">删除</span>' +
141 
					'</div>').appendTo($li),
142 
				$img = $li.find('img');
143 
			var $list2 = $("#fileList2");
144 
			$list2.prepend($li);
145 
			// 创建缩略图
146 
			// 如果为非图片文件，可以不用调用此方法。
147 
			// thumbnailWidth x thumbnailHeight 为 100 x 100
148 
			uploader2.makeThumb(file, function(error, src) {
149 
				$img.attr('src', src);
150 
			}, 1000, 1000);
151
152 
			$li.on('mouseenter', function() {
153 
				$btns.stop().animate({
154 
					height: 30
155 
				});
156 
			});
157
158 
			$li.on('mouseleave', function() {
159 
				$btns.stop().animate({
160 
					height: 0
161 
				});
162 
			});
163
164 
		});
165
166 
		/*图片上传成功*/
167 
		uploader2.on('uploadSuccess', function(file, data) {
168 
			var cacheImageKey = data.data[0].cacheKey;
169 
			temp2.push(cacheImageKey);
170 
		})
171
172 
		/*删除图片*/
173 
		$("#fileList2").on("click", ".cancel", function() {
174 
			$(this).parent().parent().remove();
175 
		})
176 
	}
177
178 
})
179
180 
/*专家认证*/
181 
function isexpert() {
182 
	$.ajax("/ajax/professor/auth", {
183 
		data: {
184 
			"id": $.cookie("userid")
185 
		},
186 
		dataType: 'json', //数据格式类型
187 
		type: 'GET', //http请求类型
188 
		timeout: 10000, //超时设置
189 
		async: false,
190 
		success: function(data) {
191 
			console.log(JSON.stringify(data));
192 
			var $info = data.data || {};
193 
			if(data.success && data.data) {
194 
				authStatusExpert = $info.authStatusExpert;
195 
				authStatus = $info.authStatus;
196 
				console.log(authStatusExpert)
197 
				if(authStatusExpert == -1) {
198 
					$("#identProcess").text("很遗憾，您没有通过认证。");
199 
					$("#identts").text("请更换符合要求的认证材料再试试。");
200 
					$("#identBtn").show().text("重新认证");
201 
				} else if(authStatusExpert == 0) {
202 
					$("#identProcess").text("成为科袖认证专家用户，与企业开展合作，将您的科研价值变现！");
203 
					$("#identProcess").css({
204 
						"width": "300px"
205 
					});
206 
					$("#identBtn").show().text("开始认证");
207 
				} else if(authStatusExpert == 1) {
208 
					$("#identProcess").text("认证信息提交成功！");
209 
					$("#identts").text("我们将尽快对您的信息进行认证，通过后您将成为科袖认证专家，获得特殊功能权限！");
210 
				} else if(authStatusExpert == 2) {
211 
					$("#identProcess").text("我们正在对您的材料进行认证，请稍等片刻。");
212 
					$("#identProcess").css({
213 
						"width": "280px"
214 
					});
215 
				} else if(authStatusExpert == 3) {
216 
					$("#identProcess").text("恭喜您已成为科袖认证专家！");
217 
					$("#identts").text("在【我的工作台】可以查看发布中的需求，与企业展开合作，将科研价值变现。");
218 
					$("#identBtn").show().text("进入[我的工作台]");
219 
					$("#identBtn").on("click", function() {
220 
						window.location.href = "workspaces.html";
221 
					})
222 
				}
223 
				if(authStatus == 3) {
224 
					if(authStatusExpert == -1 || authStatusExpert == 0) {
225 
						$("#identBtn").on("click", function() {
226 
							$(".IdentityState,.realname").hide();
227 
							$(".IdentityUp").show();
228 
							$(".subUp").addClass("expertSubmit");
229 
						})
230 
					}
231 
				} else if(authStatus == -1 || authStatus == 0) {
232 
					if(authStatusExpert == -1 || authStatusExpert == 0) {
233 
						$("#identBtn").on("click", function() {
234 
							$(".IdentityState").hide();
235 
							$(".IdentityUp").show();
236 
							$(".subUp").addClass("realnameSubmit");
237 
						})
238 
					}
239 
				} else if(authStatus == 1 || authStatus == 2) {
240 
					$("#identBtn").hide();
241 
					$("#identProcess").text("我们正在对您的材料进行认证，请稍等片刻。");
242 
					$("#identProcess").css({
243 
						"width": "280px"
244 
					});
245 
				}
246 
			}
247 
		},
248 
		error: function() {
249 
			$.MsgBox.Alert('消息', '服务器链接超时');
250 
			return;
251 
		}
252 
	});
253 
}
254
255 
/*提交专家认证图片*/
256 
function expertimg(temp) {
257 
	$.ajax("/ajax/authApply/expert", {
258 
		data: {
259 
			"professorId": $.cookie("userid"),
260 
			"fns": temp
261 
		},
262 
		dataType: 'json', //数据格式类型
263 
		type: 'post', //http请求类型
264 
		async: false,
265 
		timeout: 10000, //超时设置
266 
		traditional: true, //传数组必须加这个
267 
		success: function(data) {
268 
			console.log(JSON.stringify(data));
269 
			if(data.success) {
270 
				$(".IdentityUp").hide();
271 
				$(".IdentityState").show();
272 
				location.reload(true);
273 
			}
274 
		},
275 
		error: function() {
276 
			$.MsgBox.Alert('消息', '服务器链接超时');
277 
		}
278 
	});
279 
}
280
281 
/*提交实名认证图片*/
282 
function realnameimg(temp2) {
283 
	$.ajax("/ajax/authApply/realName", {
284 
		data: {
285 
			"professorId": $.cookie("userid"),
286 
			"fns": temp2
287 
		},
288 
		dataType: 'json', //数据格式类型
289 
		type: 'post', //http请求类型
290 
		async: false,
291 
		timeout: 10000, //超时设置
292 
		traditional: true, //传数组必须加这个
293 
		success: function(data) {
294 
			console.log(JSON.stringify(data));
295 
			if(data.success) {
296 
				$(".IdentityUp").hide();
297 
				$(".IdentityState").show();
298 
				location.reload(true);
299 
			}
300 
		},
301 
		error: function() {
302 
			$.MsgBox.Alert('消息', '服务器链接超时');
303 
		}
304 
	});
305 
}

+ 87 - 0
js/settings/modify-password.js
Bestand weergeven 

@ -0,0 +1,87 @@
1 
//修改密码
2 
$(function(){
3 
	valUser();
4 
	var oldPass = false;
5 
	var isPass = false;
6 
	var isPass2 = false;
7 
})
8 
/*校验当前密码*/
9 
function valOld() {
10 
	var oldPassword = $("#oldPassword").val();
11 
	if(oldPassword.length == 0) {
12 
		$(".msg1").text("请输入密码");
13 
		oldPass = false;
14 
	} else if(oldPassword.length < 6) {
15 
		$(".msg1").text("密码不少于6位，请输入正确的密码");
16 
	} else {
17 
		$(".msg1").text("");
18 
		oldPass = true;
19 
	}
20 
}
21
22 
/*校验新密码*/
23 
function valNew() {
24 
	var newPassword = $("#newPassword").val();
25 
	var oldPassword = $("#oldPassword").val();
26 
	if(newPassword.length == 0) {
27 
		$(".msg2").text("密码不能为空");
28 
	} else if(newPassword.length < 6) {
29 
		$(".msg2").text("密码长度过短,至少六位");
30 
	} else if(newPassword2 == newPassword) {
31 
		$(".msg2").text("新旧密码不能一致");
32 
	} else {
33 
		isPass = true;
34 
		$(".msg2").text("");
35 
	}
36 
}
37
38 
/*校验确认密码*/
39 
function valNew2() {
40 
	var newPassword = $("#newPassword").val();
41 
	var newPassword2 = $("#newPassword2").val();
42 
	if(newPassword2.length == 0) {
43 
		$(".msg3").text("密码不能为空");
44 
	} else if(newPassword2 != newPassword) {
45 
		$(".msg3").text("两次输入密码不一致");
46 
	} else {
47 
		isPass2 = true;
48 
		$(".msg3").text("");
49 
	}
50 
}
51
52 
/*提交修改密码*/
53 
function restPassword() {
54 
	valOld();
55 
	valNew();
56 
	valNew2();
57 
	if(oldPass == true && isPass == true && isPass2 == true) {
58 
		$.ajax("/ajax/cp", {
59 
			type: "POST",
60 
			async: false,
61 
			success: function(data) {
62 
				if(data.success) {
63 
					if(data.data == true) {
64 
						$.MsgBox.Confirm("消息提醒", "设置成功,请重新登录",function(){
65 
							location.href="login.html";
66 
						});
67 
					} else {
68 
						$.MsgBox.Alert("消息提醒", "设置失败,请检查密码是否正确!");
69 
					}
70 
				} else {
71 
					$.MsgBox.Alert("消息提醒", "系统异常!");
72 
				}
73 
			},
74 
			error: function() {
75 
				$.MsgBox.Alert('message', 'fail')
76 
			},
77 
			data: {
78 
				"id": $.cookie("userid"),
79 
				"npw": $("#newPassword2").val(),
80 
				"onw": $("#oldPassword").val()
81 
			},
82 
			dataType: 'json'
83 
		});
84 
	} else {
85 
		/*alert("请校验密码");*/
86 
	}
87 
}

+ 157 - 0
js/settings/realname-authentication.js
Bestand weergeven 

@ -0,0 +1,157 @@
1 
//修改密码
2 
$(function(){
3 
	valUser();
4 
	istyle();
5 
	var temp=[];
6 
	//提交上传
7 
	$('.subUp').on("click", function() {
8 
		var imglen = $(".uploader-list .thumbnail").length;
9 
		if(imglen == 0) {
10 
			$.MsgBox.Alert("消息提醒","请上传您身份证的正反面。");
11 
		}else if(imglen > 3){
12 
			$.MsgBox.Alert("消息提醒","最多上传3张照片。");
13 
		}else{
14 
			typeimg(temp);
15 
		}
16 
	})
17
18 
	/*图片上传*/
19 
	var uploader = WebUploader.create({
20 
	     auto: true,// 选完文件后，是否自动上传。
21 
	     swf: 'webuploader/Uploader.swf',// swf文件路径
22 
	     server: '../ajax/cachedFileUpload',
23 
	     // 添加的文件数量
24 
		 //fileNumLimit: 3,
25 
	   	 pick: '#filePicker',  // 选择文件的按钮。可选。
26 
	   	 duplicate :true ,//允许图片重复上传
27 
	   	 // 只允许选择图片文件。
28 
	     accept: {
29 
	        title: 'Images',
30 
	        extensions: 'gif,jpg,jpeg,bmp,png',
31 
	        mimeTypes: 'image/*'
32 
	     }
33 
	});
34
35 
	// 当有文件添加进来的时候
36 
	uploader.on( 'fileQueued', function( file ) {
37 
	    var $li = $(
38 
	            '<div id="' + file.id + '" class="file-item thumbnail">' +
39 
	                '<img>' +
40 
	                //'<div class="info">' + file.name + '</div>' +
41 
	            '</div>'
42 
	            ),
43 
	        $btns = $('<div class="file-panel">' +
44 
	                    '<span class="cancel">删除</span>' +
45 
	                    '</div>').appendTo( $li ),
46 
	        $img = $li.find('img');
47 
	     	var $list = $("#fileList");
48 
	     	$list.prepend( $li );
49 
		    // 创建缩略图
50 
		    // 如果为非图片文件，可以不用调用此方法。
51 
		    // thumbnailWidth x thumbnailHeight 为 100 x 100
52 
		    uploader.makeThumb( file, function( error, src ) {
53 
		        if ( error ) {
54 
		            $img.replaceWith('<span>不能预览</span>');
55 
		            return;
56 
		        }
57 
		        $img.attr( 'src', src );
58 
		    }, 1000, 1000 );
59
60 
		    $li.on( 'mouseenter', function() {
61 
			    $btns.stop().animate({height: 30});
62 
			});
63
64 
			$li.on( 'mouseleave', function() {
65 
			    $btns.stop().animate({height: 0});
66 
			});
67
68 
	});
69
70 
	/*图片上传成功*/
71 
	uploader.on( 'uploadSuccess', function(file,data) {
72 
		var cacheImageKey =data.data[0].cacheKey;
73 
		temp.push(cacheImageKey);
74 
	})
75
76 
	/*删除图片*/
77 
	$("#fileList").on("click",".cancel",function(){
78 
		$(this).parent().parent().remove();
79 
	})
80
81 
})
82
83 
/*实名认证*/
84 
function istyle() {
85 
	$.ajax("/ajax/professor/auth", {
86 
		data: {
87 
			"id": $.cookie("userid")
88 
		},
89 
		dataType: 'json', //数据格式类型
90 
		type: 'GET', //http请求类型
91 
		timeout: 10000, //超时设置
92 
		async: false,
93 
		success: function(data) {
94 
			console.log(JSON.stringify(data));
95 
			var $info = data.data || {};
96 
			if(data.success && data.data) {
97 
				authStatus = $info.authStatus;
98 
				console.log(authStatus)
99 
				if(authStatus == -1) {
100 
					$("#identBtn").show();
101 
					$("#identProcess").text("很遗憾，您提交的材料没有通过认证，请更换符合要求的认证材料再试试。");
102 
					$("#identProcess").css({"width":"350px"});
103 
					$("#identBtn").text("重新认证");
104 
				} else if(authStatus == 0) {
105 
					$("#identBtn").show();
106 
					$("#identProcess").text("您还未进行实名认证");
107 
					$("#identBtn").text("开始认证");
108 
				} else if(authStatus == 1) {
109 
					$("#identProcess").text("认证信息提交成功！");
110 
					$("#identts").text("我们将尽快对您的信息进行认证。");
111 
				} else if(authStatus == 2) {
112 
					$("#identProcess").text("我们正在对您的材料进行认证，请稍等片刻。");
113 
					$("#identProcess").css({"width":"280px"});
114 
				} else if(authStatus == 3) {
115 
					$("#identProcess").text("恭喜您实名认证成功！");
116 
				}
117
118 
				if(authStatus == -1 || authStatus == 0){
119 
					$("#identBtn").on("click",function(){
120 
						$(".IdentityUp").show();
121 
						$(".IdentityState").hide();
122 
					})
123 
				}
124
125 
			}
126 
		},
127 
		error: function() {
128 
			$.MsgBox.Alert('消息','服务器链接超时');
129 
		}
130 
	});
131 
}
132
133 
//提交实名认证图片
134 
function typeimg(temp) {
135 
	$.ajax("/ajax/authApply/realName", {
136 
		data: {
137 
			"professorId": $.cookie("userid"),
138 
			"fns": temp
139 
		},
140 
		dataType: 'json', //数据格式类型
141 
		type: 'post', //http请求类型
142 
		//async: false,
143 
		timeout: 10000, //超时设置
144 
		traditional:true,//传数组必须加这个
145 
		success: function(data) {
146 
			console.log(JSON.stringify(data));
147 
			if(data.success) {
148 
				$(".IdentityUp").hide();
149 
				$(".IdentityState").show();
150 
				location.reload(true);
151 
			}
152 
		},
153 
		error: function() {
154 
			$.MsgBox.Alert('消息','服务器链接超时');
155 
		}
156 
	});
157 
}

+ 117 - 0
realname-authentication.html
Bestand weergeven 

@ -0,0 +1,117 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>实名认证 - 账户设置 - 科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link rel="stylesheet" href="css/reset.css" />
11 
<link type="text/css" href="css/login.css" rel="stylesheet">
12 
<link type="text/css" href="css/index.css" rel="stylesheet">
13 
<link type="text/css" href="css/common.css" rel="stylesheet">
14 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
15 
<link type="text/css" href="css/popup.css" rel="stylesheet">
16 
<link type="text/css" href="css/webuploader/webuploader2.css" rel="stylesheet">
17 
<style>
18 
	.identProcess{ display: block; margin:0 auto;}
19 
</style>
20 
</head>
21 
<body>
22 
<!--头部-->
23 
<div id="header">
24 
	<a href="index.html" alt="科袖" class="logo"></a>
25 
	<div class="searchblock" style="display:block;">
26 
		<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
27 
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
28 
	</div>
29 
	<div class="header-right">
30 
        <!--未登录-->
31 
        <div class="unlogin">
32 
        	<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>
33 
        	<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>
34 
        	<a class="loginbtn loginrbtn" href="register.html">注册</a>
35 
        </div>
36 
        <!--已登录-->
37 
        <div class="onlogin">
38 
       		<a class="myWorkspace" href="workspaces.html">我的工作台</a>
39 
	        <div class="head-portrait headRadius">
40 
	        	<img class="portrait-p" />
41 
	            <div class="personal-infor">
42 
	                <div class="triangleB"></div>
43 
	                <div class="personal-box bgRadius">
44 
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
45 
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
46 
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
47 
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
48 
	                </div>
49 
	            </div>
50 
	        </div>
51
52 
        </div>
53 
    </div>
54 
</div>
55 
<!--内容-->
56 
<div id="container">
57 
	<div class="account">
58 
		<div class="account-set">
59 
			<div class="account-title">账号设置</div>
60 
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
61 
			<a href="account-set.html" class="leftsidebar">修改密码</a>
62 
			<a href="account-binding.html" class="leftsidebar">账号绑定</a>
63 
			<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
64 
			<a href="javascript:;" class="leftsidebar bgcolor">实名认证</a>
65 
			<a href="expert-authentication.html" class="leftsidebar">专家认证</a>
66 
		</div>
67 
		<div class="contentbox">
68 
			<div class="content-set">
69 
				<div class="content-title">实名认证</div>
70 
				<div class="content-main">
71 
					<!-- 身份认证状态 -->
72 
					<div class="IdentityState">
73 
						<div class="nowState">
74 
						   <p><span class="identProcess" id="identProcess"></span><span class="identts" id="identts"></span></p>
75 
						   <p><span class="identBtn" id="identBtn" style="display: none;"></span></p>
76 
						</div>
77 
					</div>
78 
					<!-- 身份证件上传 -->
79 
					<div class="IdentityUp clearfix" style="display:none;"><!-- style="display:none"-->
80 
						<ul class="keylist" style="display:none;"></ul>
81 
						<div class="note">
82 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
83 
						</div>
84 
		            	<div class="webupArea">
85 
			            	<p class="littip">请上传您身份证的正反面：</p>
86 
							<div class="webuploadMut">
87 
								 <div id="uploader-dome">
88 
								    <!--用来存放item-->
89 
								    <div id="fileList" class="uploader-list">
90 
								    	 <div id="filePicker"></div>
91 
								    </div>
92
93 
								 </div>
94 
							</div>
95 
							<div class="subUp">提交上传</div>
96 
						</div>
97 
					</div>
98 
				</div>
99 
			</div>
100 
		</div>
101 
	</div>
102 
</div>
103
104 
<!--底部-->
105 
<footer>
106 
	<script type="text/javascript" src="js/footer.js"></script>
107 
</footer>
108 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
109 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
110 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
111 
<script type="text/javascript" src="js/index.js"></script>
112 
<script type="text/javascript" src="js/common.js"></script>
113 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
114 
<script type="text/javascript" src="js/settings/realname-authentication.js"></script>
115
116 
</body>
117 
</html>