Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.com.portal
Watch 7
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 298 Releases 0 Wiki
Browse Source

修改专家认证标识，专家咨询入口

luyanan 8 years ago
parent
2f01641904
commit
3a0e921a1e
10 changed files with 107 additions and 24 deletions
Split View Show Diff Stats
  1. 46 0
      src/main/webapp/auth.html
  2. 1 1
      src/main/webapp/css/basic.css
  3. 21 0
      src/main/webapp/css/common.css
  4. 19 15
      src/main/webapp/css/index.css
  5. 1 1
      src/main/webapp/css/workspace.css
  6. BIN
      src/main/webapp/images/authsort.png
  7. 13 3
      src/main/webapp/information-brow.html
  8. 1 1
      src/main/webapp/js/information.brow.js
  9. 4 2
      src/main/webapp/js/information.js
  10. 1 1
      src/main/webapp/photo-set.html

+ 46 - 0
src/main/webapp/auth.html
View File 

@ -0,0 +1,46 @@
1 

2 
 <!DOCTYPE html>
3 
<html>
4 
<head>
5 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
<title>科袖－我的工作台</title>
9 
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/reset.css" rel="stylesheet">
11 
<link type="text/css" href="css/common.css" rel="stylesheet">
12 
<link type="text/css" href="css/index.css" rel="stylesheet">
13
14 
</head>
15
16 
<body>
17
18
19 
<div id="container" style="height:100px; margin-top:100px;">
20 
	<div class="clearfix">
21 
		<span class="authobject">认证科研型专家</span>
22 
   		<em class="authicon authicon-cu"></em>
23 
   	</div>
24 
   	<div class="clearfix">
25 
   		<span class="authobject">认证企业型专家</span>
26 
   		<em class="authicon authicon-com"></em>
27 
   	</div>
28
29 
   	<div class="clearfix">
30 
   		<span class="authobject">认证在企高管</span>
31 
   		<em class="authicon2 authicon-mana"><span>高管</span></em>
32 
   	</div>
33 
   	<div class="clearfix">
34 
   		<span class="authobject">认证在企职员</span>
35 
   		<em class="authicon2 authicon-staff"><span>职员</span></em>
36 
   	</div>
37 
   	<div class="clearfix">
38 
   		<span class="authobject">认证在读学生</span>
39 
   		<em class="authicon2 authicon-stu"><span>学生</span></em>
40 
   	</div>
41 
</div>
42
43
44
45 
</body>
46 
</html>

+ 1 - 1
src/main/webapp/css/basic.css
View File 

@ -14,7 +14,7 @@
14 14 
.jc-demo-box{position: relative; background-color: #f8f8f8; width: 100%; height: 100%; overflow: hidden; }
15 15 
.jcrop_w{ width: 395px; height: 340px; overflow: hidden; }
16 16 
.jcrop_w img{ position: absolute; }
17 
.pre-1,.pre-2,.pre-3{ border: 1px solid #c8c8c8; margin:auto;}
17 
.pre-1,.pre-2,.pre-3{ border: 1px solid #EAEAEA; margin:auto;}
18 18 
.pre-1 img,.pre-2 img,.pre-3 img{width:100%; height:100%}
19 19 
.pre-1{ width: 200px; height: 200px; border-radius:4px; overflow:hidden;  }
20 20 
.pre-2{ width: 50px; height: 50px;border-radius:4px; overflow:hidden; margin-top: 13px; }

+ 21 - 0
src/main/webapp/css/common.css
View File 

@ -95,3 +95,24 @@ url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
95 95 
	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
96 96 
}
97 97
98 
/*/////////// 专家认证图标 //////////////*/
99 
.authobject{ float:left;}
100 
.authicon{ float:left;width:20px; height:20px; background:url(../images/authsort.png) no-repeat;}
101 
.authicon-cu{background-position: -20px 0;}/*认证科研型专家*/
102 
.authicon-com{background-position: 0 0;}/*认证企业型专家*/
103 
/*/////////// 普通用户认证标识 //////////////*/
104 
.authicon2{float:left;position:relative;width:60px; height:20px;margin-left:2px; background:url(../images/authsort.png) no-repeat;}
105 
.authicon2 span{font-size:12px; margin-left:20px;position: absolute;top: 50%;margin-top: -9px;}
106 
.authicon-mana{background-position: 0 -41px;color:#19AFFF;}/*认证在企高管*/
107 
.authicon-staff{background-position:0 -41px;color:#19AFFF;}/*认证在企职员*/
108 
.authicon-stu{background-position: 0 -61px;color:#4cd964}/*认证在读学生*/
109 
/*//////////专家身份认证状态////////////*/
110 
/*已认证*/
111 
.authword{ padding:2px 6px; margin-left:6px;border-radius:4px; color: #FFFFFF; font-size: 12px;}
112 
.authed{ background: #FF9900; }
113 
/*认证中*/
114 
.authing{background: #4cd964;}
115 
/*未认证*/
116 
.unauth{background: #efefef;color: #CCCCCC;}
117
118

+ 19 - 15
src/main/webapp/css/index.css
View File 

@ -8,7 +8,7 @@ input{ outline:none;}
8 8 
/*banner部分*/
9 9 
#banner{ height:auto; position:relative;}
10 10 
.banner img{width:100%; height:500px;}
11 
.theme{ width:100%; height:236px; position:absolute; top:50%; margin-top:-60px; }
11 
.theme{ width:100%; height:236px; position:absolute; top:40%;}
12 12 
.theme h1{font-size:60px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
13 13 
.theme h2{font-size:30px;line-height:50px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
14 14 
.main-search{ width:670px; height:40px;border-radius:6px;box-shadow: 0px 0px 10px rgba(45, 38, 37, 0.6);margin:auto; margin-top:60px; position:relative}

@ -201,11 +201,12 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
201 201 
/*------------------------------------------------------------------------------------*/
202 202 
/*专家信息页*/
203 203 
/*咨询模块按钮入口*/
204 
.coulstblock{position:fixed; bottom:0;right:0;z-index:999; display:none;}
205 
.coulstblock .coulstbox{display:block; width:200px; height:100px; padding:10px; background:rgba(256,256,256,.9); border:1px solid #ccc; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); cursor: pointer;}
206 
.coulstblock .coulstbox .prohead{ width:80px; height:80px; overflow:hidden;}
204 
.coulstblock{position:fixed;width:100%; min-width:1050px; bottom:0;right:0;z-index:999; display:none;}
205 
.coulstblock .coulstbox{display:block;height:100px; padding:10px 20px; background:rgba(256,256,256,.9); border:1px solid #ccc; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); cursor: pointer;}
206 
.coulstblock .coulstbox .prohead{ width:80px; height:80px;margin-left:40px; overflow:hidden;}
207 
.coulstblock .coulstbox .proinfomation{height:80px;margin:0 2%; overflow:hidden;}
207 208 
.coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-left:10px;}
208 
.coulstblock .coulstbox .coulstbtn span,#conbtn span{padding:4px 10px; display:block; width:60px; border-radius:2px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
209 
.coulstblock .coulstbox .coulstbtn span,#conbtn span{padding:4px 20px; display:block; width:80px; border-radius:2px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
209 210 
/*专家信息头部*/
210 211 
.information-head{ width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; overflow:hidden; padding:20px 50px;}
211 212 
.head-left{ float:left;width:200px; height:200px; position:relative;overflow:hidden;}

@ -317,20 +318,20 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
317 318 
.sharebtn:hover{ color:#fff; background:#ff9900;}
318 319 
.resoubtn{ position:absolute;top:40%; width:30px; height:41px; background:#ccc; border-width:1px 1px 0 1px; display:none; cursor:pointer;}
319 320 
.resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
320 
.resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;\}
321 
.resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}
321 322 
.resouprev:hover{ background:url(../images/arrows.png) -30px -41px no-repeat;}
322 323 
.resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}
323 324
324 325 
/*合作历史及评价*/
325 
.evaluate{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
326 
.evaluate .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
327 
.evaluate .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
328 
.evaluate .righteva{ padding:0 10px; float:right; width:80%;}
329 
.evaluate .evasort{ }
330 
.evaluate .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
331 
.evaluate .evastarbox{ overflow:hidden;}
332 
.evaluate .evastar{ display:block; width:24px; height:24px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
333 
.evaluate .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
326 
.evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
327 
.evaluate2 .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
328 
.evaluate2 .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
329 
.evaluate2 .righteva{ padding:0 10px; float:right; width:80%;}
330 
.evaluate2 .evasort{ }
331 
.evaluate2 .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
332 
.evaluate2 .evastarbox{ overflow:hidden;}
333 
.evaluate2 .evastar{ display:block; width:24px; height:24px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
334 
.evaluate2 .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
334 335 
.shareabout .morebtn{ text-align:right; overflow:hidden; margin:10px;}
335 336 
.shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}
336 337 


@ -351,3 +352,6 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
351 352 
#evastarboxx .staspan{background: url(../images/evastar.png) 0 1px no-repeat;}
352 353
353 354
355
356
357

+ 1 - 1
src/main/webapp/css/workspace.css
View File 

@ -39,7 +39,7 @@
39 39 
.resoubrief{width:100%;height:300px; overflow:hidden;}
40 40 
.resoubrief tr td{ /*border-bottom:1px solid #d6d6d6;*/ max-height:180px; padding:6px 0;}
41 41 
.resoubrief tr td ul{max-height: 260px;overflow: hidden;}
42 
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:0.5em; word-break: break-all;text-align: justify; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
42 
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:0.5em; word-break: break-all;text-align: justify; max-height: 144px;}
43 43 
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff9900;}
44 44 
.resoubrief tr td .resoimgbox{width: 160px; height: 160px;border-radius: 4px; overflow:hidden;}
45 45 
.managebtn{ display:block; background:#ff9900;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}

BIN
src/main/webapp/images/authsort.png
View File


+ 13 - 3
src/main/webapp/information-brow.html
View File 

@ -18,11 +18,21 @@
18 18
19 19 
<body>
20 20
21
22 
   	</div>
21 23 
	<!--咨询模块按钮入口-->
22 24 
<div class="coulstblock">
23 
    <div class="coulstbox" >
24 
    	<div class="prohead floatL"><img src="images/default-photo.jpg" width="100%" height="100%"></div>
25 
        <div class="coulstbtn floatL" id="consultbtn"><span>咨询</span></div>
25 
    <div class="coulstbox" id="consultbtn">
26 
    	<div class="prohead headRadius floatL"><img src="images/default-photo.jpg" width="100%" height="100%"></div>
27 
    	<div class="proinfomation floatL">
28 
    		<div class="clearfix">
29 
    			<a href="#" class="authobject named">詹中伟</a>
30 
    			<em class="authicon authicon-cu"></em>
31 
    		</div>
32 
			<div class="position"><span>高级工程师</span><span></span ><span class="address"> | 北京</span></div>
33 
			<div class="science"><span>航空材料先进腐蚀与防护航空科技重点实验室</span><span>北京航空材料研究院</span ></div>
34 
    	</div>
35 
        <div class="coulstbtn floatL"><span>咨询</span></div>
26 36 
    </div>
27 37 
</div>
28 38

+ 1 - 1
src/main/webapp/js/information.brow.js
View File 

@ -692,7 +692,7 @@ var resou;
692 692 
				var add="";
693 693 
				 var assessTime=$data[i]["assessTime"].substr(0,4) + "-" +  $data[i].assessTime.substr(4,2) + "-" +  $data[i].assessTime.substr(6,2) + " "
694 694 
				+  $data[i].assessTime.substr(8,2)+ ":" + $data[i].assessTime.substr(10,2);
695 
				add+='<div class="evaluate">'
695 
				add+='<div class="evaluate2">'
696 696 
                	add+='<div class="lefteva">'
697 697 
                      add+='<a  class="evaimg headRadius">'
698 698 
                    if($data[i].professor.hasHeadImage) {

+ 4 - 2
src/main/webapp/js/information.js
View File 

@ -113,7 +113,7 @@ $(function(){
113 113 
						}
114 114 
						if($photos.length>0){
115 115 
							for(var j =0 ; j< $photos.length;++j){
116 
								showDiv += "<span class='like-people'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
116 
								showDiv += "<span class='like-people headRadius'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
117 117 
							}
118 118 
						}
119 119 
						showDiv += "</div></div>";

@ -201,7 +201,9 @@ $.get("/ajax/professor/info/" + userid, function($data) {
201 201 
				researchAreaShow($info.researchAreas, $info.editResearchAreaLogs);
202 202 
			}
203 203 
			//应用行业
204 
			industryShow($info.industry);
204 
			if($info.industry){
205 
				industryShow($info.industry);
206 
			}
205 207 
			//教育背景
206 208 
			if ($info.edus) {
207 209 
				eduBgShow($info.edus);

+ 1 - 1
src/main/webapp/photo-set.html
View File 

@ -57,7 +57,7 @@
57 57 
                             <div class="pre-1">
58 58 
                                 <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
59 59 
                             </div>
60 
                             <p>160px*160px</p>
60 
                             <p>200px*200px</p>
61 61 
                             <div class="pre-2">
62 62 
                                 <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
63 63 
                             </div>