Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 172 Releases 0 Wiki
Browse Source

实名认证和专家认证

luyanan 8 years ago
parent
f368567e4f
commit
ad433407a9
4 changed files with 139 additions and 20 deletions
Split View Show Diff Stats
  1. 127 13
      account-set.html
  2. 3 2
      css/common.css
  3. 1 1
      css/index.css
  4. 8 4
      css/login.css

+ 127 - 13
account-set.html
View File 

@ -113,7 +113,9 @@
113 113 
			<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
114 114 
			<a href="javascript:;" class="leftsidebar bgcolor">修改密码</a>
115 115 
			<a href="javascript:;" class="leftsidebar">账号绑定</a>
116 
			<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>
116 
			<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
117 
			<a href="javascript:;" class="leftsidebar">实名认证</a>
118 
			<a href="javascript:;" class="leftsidebar">专家认证</a>
117 119 
		</div>
118 120 
	<div class="contentbox">
119 121 
			<!-- <div class="content-set">

@ -153,7 +155,6 @@
153 155 
	                <div class="password"><span class="lable">确认密码</span><input type="password" class="psd" id="newPassword2" onBlur="valNew2()" /></div>
154 156 
	                <div class="msg msg3" ></div>
155 157 
					<input type="button" value="保存" class="save" style="margin-top:40px;" onClick="restPassword()"/>
156 
	            	<!--<div class="msg msg4" ></div> -->
157 158 
	            </form>
158 159
159 160 
			</div>

@ -169,24 +170,20 @@
169 170 
					<div class="replace4"><span class="phone-icon "></span>您已绑定手机  <span id="phoneShow"></span><input type="button" value="更换" class="replace replace6" >
170 171 
					</div>
171 172 
				</div>
172 
				<!--<div class="binding">
173 
					<span class="email-icon"></span>您已绑定邮箱  183****5606@163.com<input type="button" value="更换" class="replace replace1"><br>
174 
					<span class="phone-icon "></span>您已绑定手机  183****5606<input type="button" value="更换" class="replace replace2" >
175 
				</div>-->
176 173 
			</div>
177 174
178 
			<div class="content-set" id="sfbox">
175 
			<!--<div class="content-set" id="sfbox">
179 176 
				<div class="content-title">身份认证</div>
180 177 
				<div class="content-main">
181 
					<!-- 身份认证状态 -->
178 
					 身份认证状态
182 179 
					<div class="IdentityState">
183 180 
						<div class="nowState">
184 181 
						   <p><span class="identProcess"></span><span style="font-size:12px;color:#999;" class="identts"></span></p>
185 182 
						   <p><span class="identBtn"></span></p>
186 183 
						</div>
187 184 
					</div>
188 
					<!-- 身份证件上传 -->
189 
					<div class="IdentityUp" style="display:none">
185 
					 身份证件上传
186 
					<div class="IdentityUp clearfix" style="display:none">
190 187 
						<div class="note">
191 188 
							<p>科袖郑重承诺不对外提供您的个人信息</p>
192 189 
						</div>

@ -201,6 +198,124 @@
201 198 
		            	<div class="webupArea">
202 199 
			            	<p style="color:#999;padding:10px; font-size:12px;">请上传能够证明您身份的相关证件，如工作证、在职证明、学生证、在读证明等：</p>
203 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">
204 319 
								 <div id="uploader-dome">
205 320 
								    <!--用来存放item-->
206 321 
								    <div id="fileList" class="uploader-list">

@ -212,10 +327,9 @@
212 327 
							<div class="subUp">提交上传</div>
213 328 
						</div>
214 329 
					</div>
215
216 330 
				</div>
217
218 331 
			</div>
332
219 333 
		</div>
220 334 
	</div>
221 335 
</div>

@ -258,7 +372,7 @@
258 372 
<script type="text/javascript" src="js/account-set.js"></script>
259 373 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
260 374 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
261 
<script type="text/javascript" src="js/upload.js"></script>
375 
<!--<script type="text/javascript" src="js/upload.js"></script>-->
262 376
263 377
264 378 
</body>

+ 3 - 2
css/common.css
View File 

@ -17,9 +17,10 @@
17 17 
.clearfix:after{clear:both}
18 18
19 19 
/* 显示和隐藏样式 */
20 
.inline {display:inline-block;}
20 21 
.displayNone{display:none;}
21 22 
.displayBlock{display:block;}
22 
.inline {display:inline-block;}
23
23 24
24 25 
/*默认/主题颜色*/
25 26 
.mainColor{color:#ff9900;}

@ -43,7 +44,7 @@
43 44 
.bgRadius{border-radius: 6px;}
44 45 
/* 表单样式 */
45 46 
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
46 
.frmtype:focus{ border:1px solid #ff8500;box-shadow: none;}
47 
.frmtype:focus{ border:1px solid #ff8500;box-shadow: none;outline:none}
47 48 
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
48 49 
.frmrbtn{ background:none; color:#303030; border:none; }
49 50 
.updownbtn{text-decoration:underline; color:#333;}

+ 1 - 1
css/index.css
View File 

@ -129,7 +129,7 @@ input{ outline:none;}
129 129 
/*------------------------------------------------------------------------------------*/
130 130 
/*账号设置*/
131 131 
.account{ width:1050px; min-height:100px; margin:auto; padding: 40px 0;}
132 
.account-set{ width:12%; min-height: 260px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
132 
.account-set{ width:12%; min-height: 280px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
133 133 
.account-title{ height:58px; padding:0 20px;font-size:17px;line-height:68px;color:#a3a3a3;}
134 134 
.leftsidebar{ display:block; width:100%; height:40px; padding-left:30px;font-size:15px;line-height:40px; color:#313131;}
135 135 
.bgcolor{ background:#ff9900; color:#fff;}

+ 8 - 4
css/login.css
View File 

@ -227,11 +227,15 @@ ul.boxnav li.set:nth-child(1) span{border:1px solid #ff9900; color: #fff; backgr
227 227 
ul.boxnav li.set:nth-child(2) span{border:1px solid #6699ff; color: #fff; background-color: #6699ff; background-position: 20px center; }
228 228 
ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; background-color: #66cc00; background-position: 26px center; }
229 229
230
230 231 
.IdentityState{margin: 20px;background: #fff;padding: 100px 10px 100px 10px; text-align:center;}
231 232 
.IdentityState p{padding:10px; margin:10px;}
232 
.identBtn{ padding:4px 16px; background:#ff9900; border-radius:4px; color:#fff;}
233 
.identBtn{ padding:10px 26px; background:#ff9900; border-radius:4px; color:#fff;cursor: pointer;}
233 234 
.nowState{display:none;}
234 235 
.nowState:first-child{display:block;}
235 
.identProcess{font-size:17px; color:#999;}
236
237
236 
.identProcess{font-size:20px; color:#777;}
237 
.identts{font-size:15px;color:#999;line-height: 34px;}
238 
.IdentityUp{padding-bottom: 20px;}
239 
.webupArea .littip{color:#999;padding:10px 30px;font-size:14px;}
240 
.webupArea .webuploadMut{min-height:250px;padding:10px;margin:0 20px; background: #fff;border: 2px #f0f0f0 dashed;}
241 
.webupArea .subUp{margin-right:20px;}