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

微信分享

jack 8 years ago
parent
699d98cc2e
commit
641d328a82
1 changed files with 768 additions and 238 deletions
Split View Show Diff Stats
  1. 768 238
      shareProinfor.html

+ 768 - 238
shareProinfor.html
View File 

@ -1,239 +1,769 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset="UTF-8">
5 
<title></title>
6 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
<link rel="stylesheet" href="css/reset.css" />
8 
<link rel="stylesheet" href="css/common.css" />
9 
</head>
10 
<style>
11 
html,body{background:#efeff4;}
12 
/*input输入相关*/
13 
.frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
14 
.frmtype{ width: 100%; margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;line-height:20px;}
15 
.frmbtn{ width: 100%; margin:4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
16 
.frmbox{ border:none; width: 90%;height: 100%; }
17
18 
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
19
20 
.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
21 
.pull-right{float:right!important}
22 
.pull-left{float:left!important}
23 
.alignCenter{ text-align: center;}
24 
.displayNone {display: none;}
25 
.displayBlock {display: block;}
26 
/*圆角*/
27 
/*头像、资源圆角*/
28 
.headRadius{border-radius: 4px;}
29 
/*底板背景圆角*/
30 
.bgRadius{border-radius: 6px;}
31
32 
.blockGroup{ background:#fff;}
33 
.mainbox{width: 96%; margin:2% auto;}
34 
.maincon{ padding:4% 2%; overflow: hidden;}
35 
.listtit{ font-size: 14px; color: #333333;}/*中标题*/
36 
.listtit2{font-size: 13px; color: #666666;}/*较小标题*/
37 
.listtit3{font-size: 12px; color: #888888;}/*小标题*/
38 
.mui-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
39
40 
/*资源图片*/
41 
.ResImgBox{display: inline-block;text-align: center;max-width:64px;width:64px;height:60px;padding:1px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px; margin: 6px 0;border-radius:4px;}
42 
.ResImgBox2{margin: 6px 0 6px 10px;}
43 
.ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
44 
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -4px;}
45 
/*专家相关信息*/
46 
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
47 
.personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
48 
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
49 
.headbox .headimg{ width:100px;overflow: hidden;margin: auto;}
50
51 
/*咨询记录及等级*/
52 
.peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
53 
.peocountbox{width: 150px;}
54 
.peocount {font-size: 13px; color:#888888 ; overflow:hidden; }
55 
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
56 
.peocount .dialogicon {display: block;width: 20px;height: 20px;background: url(images/dialogue.png) center center no-repeat;background-size: 100% 100%;margin-right: 6px;}
57 
.peocount:before{position: absolute;right: 0; top: 0;left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5);background-color: #c8c7cc;}
58 
.levelbox{margin: auto; overflow: hidden; }
59 
.levelbox .iconfont{float:left;margin:2px;width:14px; height:14px;}
60 
.levelbox .icon-favor{background:url(images/favoricon.png) 0 0 no-repeat; background-size:100% auto;}
61 
.levelbox .icon-favorfill{background:url(images/favoricon.png) 0 -14px no-repeat; background-size:100% auto;}
62
63 
.infocontit{font-size:14px; position: relative;}
64 
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;line-height:27px ; color:#888888;}
65 
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
66 
.infocon .infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 46%; float: left;}
67 
.infocon .infosubject li{ list-style: none; padding:2px 16px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
68
69 
.listitembox{ position: static;width: 100%;}
70 
.listitembox .listitem{padding: 4px;padding-right: 0;}
71 
.listitembox .listitem .media-body{ width:73%; margin-left:2%;}
72 
.listitembox .listitem .media-body .resbrief{ width: 100%;}
73 
.listitembox .listitem .media-object{ width:30%;}
74 
.listitembox .listitem .media-object .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; }
75 
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
76
77
78 
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
79 
.listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:27px; float:left;padding-right: 8px; max-width:60%; overflow:hidden;}
80 
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
81 
.plusbtn.icon-appreciatefill{color:#FF9900;}
82 
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 27px;margin-right: 5px;}
83 
.likenum{ float:right;max-width:130px;overflow:hidden; }
84 
.likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
85 
.likepeople{ width:26px; height:26px; line-height:20px;float:left; overflow:hidden; margin-right:5px; }
86 
.likepeople img{ width:100%; height:100%;}
87 
.likemore{ display: block; width: 25px; height: 25px; border:1px solid #CCCCCC;background:url(images/likemore.png) center center no-repeat;}
88
89
90 
</style>
91 
<body>
92
93 
<div class="contentBody">
94 
	<div class="blockGroup mainbox">
95 
        <div class="maincon personinfo">
96 
            <div class="headbox alignCenter">
97 
                <div  class="headimg headRadius"><img src="images/default-photo.jpg" width="100%" /></div>
98 
                <div class="listtit"><span class="personalMaterial" style="position: relative;">刘东方<em class="authicon authicon-cu" style="position:absolute;margin:5px 0 0 2px ;" id="nameli"></em></span></div>
99 
                <p class="listtit3"><span class="personalMaterial">副教授</span><span class="personalMaterial"></span></p>
100 
                <p class="listtit3"><span class="personalMaterial">北京科技大学</span><span class="personalMaterial"> 机电学院</span> <span class="personalMaterial">北京市</span></p>
101 
            </div>
102 
        </div>
103 
        <ul>
104 
            <li>
105 
                <a class="mui-navigate-right clearfix peolevelbox " id="accessHistory">
106 
                    <div class="pull-left peocountbox">
107 
                        <div class="peocount clearfix">
108 
                            <em class="dialogicon pull-left "></em>
109 
                            <span class="pull-left">已完成咨询<em class="consultCount">56</em>次</span>
110 
                        </div>
111 
                    </div>
112 
                    <div class="rightword levelbox pull-right ">
113 
                        <span class="iconfont icon-favorfill start"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
114 
                        <span class="iconfont icon-favorfill start"></span>
115 
                        <span class="iconfont icon-favor start"></span>
116 
                        <span class="iconfont icon-favor start"></span>
117 
                        <span class="iconfont icon-favor start"></span>
118 
                    </div>
119
120 
                </a>
121 
            </li>
122 
        </ul>
123 
    </div>
124 
	<div class="blockGroup mainbox">
125 
        <div class="maincon">
126 
           <div class="infocontit">合作资源</div>
127 
           <div class="infocon" style="padding:10px 0;">
128 
                <ul class="listitembox resinfo" id="resourceList">
129 
                    <li class="listitem">
130 
                        <div class="proinfor clearfix">
131 
                            <div class="media-object pull-left ResImgBox">
132 
                                <img class="resImg headRadius" src="images/default-resource.jpg">
133 
                            </div>
134 
                            <div class="pull-left media-body">
135 
                                <span class="listtit">资源名称</span>
136 
                                <p class="listtit2">应用用途XXXXXXX</p>
137 
                                <p class="listtit3 resbrief">
138 
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
139 
                                </p>
140
141 
                            </div>
142 
                        </div>
143 
                    </li>
144 
                    <li class="listitem">
145 
                        <div class="proinfor clearfix">
146 
                            <div class="media-object pull-left ResImgBox">
147 
                                <img class="resImg headRadius" src="images/default-resource.jpg">
148 
                            </div>
149 
                            <div class="pull-left media-body">
150 
                                <span class="listtit">资源名称</span>
151 
                                <p class="listtit2">应用用途XXXXXXX</p>
152 
                                <p class="listtit3 resbrief">
153 
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
154 
                                </p>
155
156 
                            </div>
157 
                        </div>
158 
                    </li>
159 
                </ul>
160 
           </div>
161 
       </div>
162 
    </div>
163 
	<div class="blockGroup mainbox" id="professorBreifinfo">
164 
        <div class="maincon">
165 
           <div class="infocontit">个人简介</div>
166 
           <div class="infocon">
167 
                <span class="breifinfo">
168 
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan
169 
                </span>
170 
           </div>
171 
       </div>
172 
    </div>
173 
    <div class="blockGroup mainbox" id="professorInfosubject">
174 
        <div class="maincon">
175 
           <div class="infocontit">学术领域</div>
176 
           <div class="infocon">
177 
                <ul class="infosubject">
178 
                    <li>领域1</li>
179 
                    <li>领域领域领域2</li>
180 
                    <li>领域领域领域领域3</li>
181 
                    <li>领域4</li>
182 
                    <li>领域领1</li>
183 
                    <li>领域1</li>
184 
                    <li>领域1</li>
185 
                </ul>
186 
           </div>
187 
       </div>
188 
    </div>
189 
    <div class="blockGroup mainbox" id="professorReserachMess">
190 
        <div class="maincon">
191 
           <div class="infocontit">研究方向</div>
192 
           <div class="infocon reserachMess">
193 
				<div class='listbox'>
194 
                	<div class='listbrowse mui-ellipsis'>
195 
                    	<span class='like'>22</span>研究方向一
196 
                    </div>
197 
                    <div class='likenum'>
198 
                        <span class='likepeople headRadius'>
199 
                        	<img class='like-h' src='images/default-photo.jpg'>
200 
                        </span>
201 
                        <span class='likepeople likemore headRadius'></span>
202 
                    </div>
203 
                </div>
204 
		   </div>
205 
       </div>
206 
    </div>
207 
    <div class="blockGroup mainbox" id="professorinfoapply">
208 
        <div class="maincon">
209 
           <div class="infocontit">应用行业</div>
210 
           <div class="infocon">
211 
                <ul class="infoapply">
212 
                    <li class="mui-ellipsis">应用行业1</li>
213 
                    <li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
214 
                    <li class="mui-ellipsis">领域领域3</li>
215 
                    <li class="mui-ellipsis">领域4</li>
216 
                    <li class="mui-ellipsis">领域领1</li>
217 
                    <li class="mui-ellipsis">领域1</li>
218 
                    <li class="mui-ellipsis">领域1</li>
219 
                </ul>
220 
           </div>
221 
       </div>
222 
    </div>
223
224 
   <div class="blockGroup mainbox" style="padding-bottom:40px;">
225 
        <div class="maincon alignCenter">
226 
            <p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
227 
            <div class="frmbox" style="margin:20px auto;">
228 
                <a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.1.1.apk"><button class="frmbtn frmactive" >下载安卓客户端</button></a>
229 
            </div>
230 
            <div>
231 
                <img style="width:120px;" src="images/weixin_code.jpg"  />
232 
                <p style="color:#CCCCCC;font-size:13px;">关注科袖公众号</p>
233 
            </div>
234 
       </div>
235 
   </div>
236 
</div>
237 
</body>
238
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title></title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link rel="stylesheet" href="css/reset.css" />
9 
		<link rel="stylesheet" href="css/common.css" />
10 
	</head>
11 
	<style>
12 
		html,
13 
		body {
14 
			background: #efeff4;
15 
		}
16 
		/*input输入相关*/
17
18 
		.frmbox {
19 
			width: 100%;
20 
			margin: 2% auto;
21 
			border-radius: 6px;
22 
		}
23
24 
		.frmtype {
25 
			width: 100%;
26 
			margin: auto;
27 
			line-height: 30px;
28 
			padding: 1% 2%;
29 
			font-size: 14px;
30 
			line-height: 20px;
31 
		}
32
33 
		.frmbtn {
34 
			width: 100%;
35 
			margin: 4% auto;
36 
			font-size: 14px;
37 
			line-height: 24px;
38 
			padding: 1% 2%;
39 
			border: 1px solid #FF9900;
40 
			border-radius: 6px;
41 
			color: #FF9900;
42 
		}
43
44 
		.frmbox {
45 
			border: none;
46 
			width: 90%;
47 
			height: 100%;
48 
		}
49
50 
		.frmactive {
51 
			color: #fff;
52 
			background-color: #FF9900;
53 
			border: 1px solid #FF9900;
54 
		}
55
56 
		.clearfix:before,
57 
		.clearfix:after {
58 
			display: table;
59 
			content: " "
60 
		}
61
62 
		.clearfix:after {
63 
			clear: both
64 
		}
65
66 
		.pull-right {
67 
			float: right!important
68 
		}
69
70 
		.pull-left {
71 
			float: left!important
72 
		}
73
74 
		.alignCenter {
75 
			text-align: center;
76 
		}
77
78 
		.displayNone {
79 
			display: none;
80 
		}
81
82 
		.displayBlock {
83 
			display: block;
84 
		}
85 
		/*圆角*/
86 
		/*头像、资源圆角*/
87
88 
		.headRadius {
89 
			border-radius: 4px;
90 
		}
91 
		/*底板背景圆角*/
92
93 
		.bgRadius {
94 
			border-radius: 6px;
95 
		}
96
97 
		.blockGroup {
98 
			background: #fff;
99 
		}
100
101 
		.mainbox {
102 
			width: 96%;
103 
			margin: 2% auto;
104 
		}
105
106 
		.maincon {
107 
			padding: 4% 2%;
108 
			overflow: hidden;
109 
		}
110
111 
		.listtit {
112 
			font-size: 14px;
113 
			color: #333333;
114 
		}
115 
		/*中标题*/
116
117 
		.listtit2 {
118 
			font-size: 13px;
119 
			color: #666666;
120 
		}
121 
		/*较小标题*/
122
123 
		.listtit3 {
124 
			font-size: 12px;
125 
			color: #888888;
126 
		}
127 
		/*小标题*/
128
129 
		.mui-ellipsis {
130 
			overflow: hidden;
131 
			white-space: nowrap;
132 
			text-overflow: ellipsis;
133 
		}
134 
		/*资源图片*/
135
136 
		.ResImgBox {
137 
			display: inline-block;
138 
			text-align: center;
139 
			max-width: 64px;
140 
			width: 64px;
141 
			height: 60px;
142 
			padding: 1px;
143 
			background: #FAFAFA;
144 
			border: 1px solid #F8F8F8;
145 
			overflow: hidden;
146 
			padding: 2px;
147 
			margin: 6px 0;
148 
			border-radius: 4px;
149 
		}
150
151 
		.ResImgBox2 {
152 
			margin: 6px 0 6px 10px;
153 
		}
154
155 
		.ResImgBox .resImg {
156 
			max-width: 100%;
157 
			max-height: 100%;
158 
			vertical-align: middle;
159 
			position: relative;
160 
		}
161
162 
		.ResImgBox:before {
163 
			content: ' ';
164 
			display: inline-block;
165 
			vertical-align: middle;
166 
			width: 0;
167 
			height: 100%;
168 
			overflow: hidden;
169 
			margin-left: -4px;
170 
		}
171 
		/*专家相关信息*/
172
173 
		.personinfo .listtit3 {
174 
			font-size: 14px;
175 
			line-height: 24px;
176 
			color: #AAAAAA;
177 
			margin: 0;
178 
		}
179
180 
		.personinfo .listtit {
181 
			font-size: 18px;
182 
			line-height: 30px;
183 
			color: #333333;
184 
		}
185
186 
		.personinfo .listtit3 {
187 
			font-size: 14px;
188 
			line-height: 24px;
189 
			color: #AAAAAA;
190 
			margin: 0;
191 
		}
192
193 
		.headbox .headimg {
194 
			width: 100px;
195 
			overflow: hidden;
196 
			margin: auto;
197 
		}
198 
		/*咨询记录及等级*/
199
200 
		.peolevelbox {
201 
			display: block;
202 
			padding: 4% 16px;
203 
			border-top: 1px #F0F0F0 solid;
204 
		}
205
206 
		.peocountbox {
207 
			width: 150px;
208 
		}
209
210 
		.peocount {
211 
			font-size: 13px;
212 
			color: #888888;
213 
			overflow: hidden;
214 
		}
215
216 
		.peocount span em {
217 
			font-size: 14px;
218 
			padding: 0 3px;
219 
			color: #FF9900;
220 
			font-weight: 600;
221 
		}
222
223 
		.peocount .dialogicon {
224 
			display: block;
225 
			width: 20px;
226 
			height: 20px;
227 
			background: url(images/dialogue.png) center center no-repeat;
228 
			background-size: 100% 100%;
229 
			margin-right: 6px;
230 
		}
231
232 
		.peocount:before {
233 
			position: absolute;
234 
			right: 0;
235 
			top: 0;
236 
			left: 15px;
237 
			height: 1px;
238 
			content: '';
239 
			-webkit-transform: scaleY(.5);
240 
			transform: scaleY(.5);
241 
			background-color: #c8c7cc;
242 
		}
243
244 
		.levelbox {
245 
			margin: auto;
246 
			overflow: hidden;
247 
		}
248
249 
		.levelbox .iconfont {
250 
			float: left;
251 
			margin: 2px;
252 
			width: 14px;
253 
			height: 14px;
254 
		}
255
256 
		.levelbox .icon-favor {
257 
			background: url(images/favoricon.png) 0 0 no-repeat;
258 
			background-size: 100% auto;
259 
		}
260
261 
		.levelbox .icon-favorfill {
262 
			background: url(images/favoricon.png) 0 -14px no-repeat;
263 
			background-size: 100% auto;
264 
		}
265
266 
		.infocontit {
267 
			font-size: 14px;
268 
			position: relative;
269 
		}
270
271 
		.infocon {
272 
			padding: 6px 10px;
273 
			/*text-align: justify;*/
274 
			font-size: 13px;
275 
			line-height: 27px;
276 
			color: #888888;
277 
		}
278
279 
		.infocon ul {
280 
			padding: 0;
281 
			margin: 0;
282 
			overflow: hidden;
283 
		}
284
285 
		.infocon .infoapply li {
286 
			padding-left: 6px;
287 
			padding-right: 2px;
288 
			list-style: disc inside;
289 
			width: 46%;
290 
			float: left;
291 
		}
292
293 
		.infocon .infosubject li {
294 
			list-style: none;
295 
			padding: 2px 16px;
296 
			margin: 4px;
297 
			border: 1px solid #BBBBBB;
298 
			border-radius: 6px;
299 
			float: left;
300 
		}
301
302 
		.listitembox {
303 
			position: static;
304 
			width: 100%;
305 
		}
306
307 
		.listitembox .listitem {
308 
			padding: 4px;
309 
			padding-right: 0;
310 
		}
311
312 
		.listitembox .listitem .media-body {
313 
			width: 73%;
314 
			margin-left: 2%;
315 
		}
316
317 
		.listitembox .listitem .media-body .resbrief {
318 
			width: 100%;
319 
		}
320
321 
		.listitembox .listitem .media-object {
322 
			width: 30%;
323 
		}
324
325 
		.listitembox .listitem .media-object .iconposition {
326 
			border-radius: 50%;
327 
			max-width: 60px;
328 
			height: 60px;
329 
			margin: 1% 0;
330 
		}
331
332 
		.listitembox .listitem>a .mutlinebox {
333 
			white-space: normal;
334 
			overflow: auto;
335 
			word-break: break-word;
336 
		}
337
338 
		.listbox {
339 
			margin: 5px 0;
340 
			max-width: 100%;
341 
			overflow: hidden;
342 
		}
343
344 
		.listbrowse {
345 
			border: 1px solid #FF9900;
346 
			border-radius: 0 6px 6px 0;
347 
			text-align: center;
348 
			font-size: 13px;
349 
			line-height: 27px;
350 
			float: left;
351 
			padding-right: 8px;
352 
			max-width: 60%;
353 
			overflow: hidden;
354 
		}
355
356 
		.plusbtn {
357 
			font-size: 20px;
358 
			line-height: 22px;
359 
			color: #999999;
360 
			margin-left: 4px;
361 
			margin-top: 2px;
362 
		}
363
364 
		.plusbtn.icon-appreciatefill {
365 
			color: #FF9900;
366 
		}
367
368 
		.like {
369 
			display: block;
370 
			float: left;
371 
			width: 28px;
372 
			font-size: 12px;
373 
			background: #FF9900;
374 
			color: #fff;
375 
			line-height: 27px;
376 
			margin-right: 5px;
377 
		}
378
379 
		.likenum {
380 
			float: right;
381 
			max-width: 130px;
382 
			overflow: hidden;
383 
		}
384
385 
		.likenum .mui-icon {
386 
			font-size: 24px;
387 
			color: #CCCCCC;
388 
		}
389
390 
		.likepeople {
391 
			width: 26px;
392 
			height: 26px;
393 
			line-height: 20px;
394 
			float: left;
395 
			overflow: hidden;
396 
			margin-right: 5px;
397 
		}
398
399 
		.likepeople img {
400 
			width: 100%;
401 
			height: 100%;
402 
		}
403
404 
		.likemore {
405 
			display: block;
406 
			width: 25px;
407 
			height: 25px;
408 
			border: 1px solid #CCCCCC;
409 
			background: url(images/likemore.png) center center no-repeat;
410 
		}
411 
	</style>
412
413 
	<body>
414
415 
		<div class="contentBody">
416 
			<div class="blockGroup mainbox">
417 
				<div class="maincon personinfo">
418 
					<div class="headbox alignCenter">
419 
						<div class="headimg headRadius"><img src="images/default-photo.jpg" width="100%" class="headimg1" /></div>
420 
						<div class="listtit"><span class="personalMaterial" style="position: relative;"></span><em class="authicon authicon-cu" style="position:absolute;margin:5px 0 0 2px ;" id="nameli"></em></div>
421 
						<p class="listtit3"><span class="personalMaterial"></span><span class="personalMaterial"></span></p>
422 
						<p class="listtit3"><span class="personalMaterial"></span><span class="personalMaterial"> </span> <span class="personalMaterial"></span></p>
423 
					</div>
424 
				</div>
425 
				<ul>
426 
					<li>
427 
						<a class="mui-navigate-right clearfix peolevelbox " id="accessHistory">
428 
							<div class="pull-left peocountbox">
429 
								<div class="peocount clearfix">
430 
									<em class="dialogicon pull-left "></em>
431 
									<span class="pull-left">已完成咨询<em class="consultCount"></em>次</span>
432 
								</div>
433 
							</div>
434 
							<div class="rightword levelbox pull-right ">
435 
								<span class="iconfont  start"></span>
436 
								<!--无色星星icon-favor  黄色星icon-favorfill-->
437 
								<span class="iconfont  start"></span>
438 
								<span class="iconfont icon-favor start"></span>
439 
								<span class="iconfont icon-favor start"></span>
440 
								<span class="iconfont icon-favor start"></span>
441 
							</div>
442
443 
						</a>
444 
					</li>
445 
				</ul>
446 
			</div>
447 
			<div class="blockGroup mainbox" id="professorresourceList">
448 
				<div class="maincon">
449 
					<div class="infocontit">合作资源</div>
450 
					<div class="infocon" style="padding:10px 0;">
451 
						<ul class="listitembox resinfo" id="resourceList">
452 
						</ul>
453 
					</div>
454 
				</div>
455 
			</div>
456 
			<div class="blockGroup mainbox" id="professorBreifinfo">
457 
				<div class="maincon">
458 
					<div class="infocontit">个人简介</div>
459 
					<div class="infocon">
460 
						<span class="breifinfo">
461 
                </span>
462 
					</div>
463 
				</div>
464 
			</div>
465 
			<div class="blockGroup mainbox" id="professorInfosubject">
466 
				<div class="maincon">
467 
					<div class="infocontit">学术领域</div>
468 
					<div class="infocon">
469 
						<ul class="infosubject">
470 
						</ul>
471 
					</div>
472 
				</div>
473 
			</div>
474 
			<div class="blockGroup mainbox" id="professorReserachMess">
475 
				<div class="maincon">
476 
					<div class="infocontit">研究方向</div>
477 
					<div class="infocon reserachMess">
478
479 
					</div>
480 
				</div>
481 
			</div>
482 
			<div class="blockGroup mainbox" id="professorinfoapply">
483 
				<div class="maincon">
484 
					<div class="infocontit">应用行业</div>
485 
					<div class="infocon">
486 
						<ul class="infoapply">
487 
						</ul>
488 
					</div>
489 
				</div>
490 
			</div>
491
492 
			<div class="blockGroup mainbox" style="padding-bottom:40px;">
493 
				<div class="maincon alignCenter">
494 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
495 
					<div class="frmbox" style="margin:20px auto;">
496 
						<a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.1.1.apk"><button class="frmbtn frmactive">下载安卓客户端</button></a>
497 
					</div>
498 
					<div>
499 
						<img style="width:120px;" src="images/weixin_code.jpg" />
500 
						<p style="color:#CCCCCC;font-size:13px;">关注科袖公众号</p>
501 
					</div>
502 
				</div>
503 
			</div>
504 
		</div>
505 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
506 
		<script>
507 
			//获取URL ID函数
508
509 
			$(document).ready(function() {
510 
				var personalMaterial = document.getElementsByClassName('personalMaterial');
511 
				var nameli = document.getElementById("nameli");
512 
				var personSummary = document.getElementsByClassName("breifinfo")[0];
513 
				var professorId = GetQueryString("professorId");
514 
				function GetQueryString(name) {
515 
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
516 
					var r = window.location.search.substr(1).match(reg);
517 
					var context = "";
518 
					if(r != null)
519 
						context = r[2];
520 
					reg = null;
521 
					r = null;
522 
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
523 
				}
524 
					//查询学术领域
525 
				var subjectShow = function(data) {
526 
						if(data != undefined && data.length != 0) {
527 
							var subs = new Array();
528 
							if(data.indexOf(',')) {
529 
								subs = data.split(',');
530 
							} else {
531 
								subs[0] = data;
532 
							}
533 
							if(subs.length > 0) {
534 
								var html = [];
535 
								for(var i = 0; i < subs.length; i++) {
536 
									html.push("<li>" + subs[i] + "</li>");
537 
								};
538 
								document.getElementsByClassName("infosubject")[0].innerHTML = html.join('');
539 
							}
540 
						}
541 
					}
542 
					//查询研究方向
543 
				var getRecords = function($researchAreaLogs, caption) {
544 
					var ret = [];
545 
					var t = 0;
546 
					for(var i = 0; i < $researchAreaLogs.length; i++) {
547 
						if(caption == $researchAreaLogs[i].caption) {
548 
							ret[t] = {
549 
								id: $researchAreaLogs[i].opreteProfessorId,
550 
								img: $researchAreaLogs[i].hasHeadImage
551 
							}
552 
							t++;
553 
						}
554 
					}
555 
					return ret;
556 
				}
557 
				var researchAreaShow = function($datas, $datarecords) {
558 
						if($datas != undefined && $datas.length != 0) {
559 
							var html = [];
560 
							for(var i = 0; i < $datas.length; ++i) {
561 
								var $data = $datas[i];
562 
								var $photos = [];
563 
								//获取头像
564 
								if($datarecords.length > 0) {
565 
									$photos = getRecords($datarecords, $data.caption);
566 
								}
567
568 
								var showDiv = "<div class='listbox'><div class='listbrowse mui-ellipsis'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum'>";
569
570 
								if($photos.length < 4) {
571 
									for(var j = 0; j < $photos.length; ++j) {
572 
										if($photos[j].img) {
573 
											showDiv += "<span class='likepeople headRadius'><img class='like-h' src='/images/head/" + $photos[j].id + "_s.jpg'></span>";
574 
										} else {
575 
											showDiv += "<span class='likepeople headRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
576 
										}
577 
									}
578 
								} else {
579 
									for(var j = $photos.length - 2; j < $photos.length; ++j) {
580 
										if($photos[j].img) {
581 
											showDiv += "<span class='likepeople headRadius'><img class='like-h' src='" + baseUrl + "/images/head/" + $photos[j].id + "_s.jpg'></span>";
582 
										} else {
583 
											showDiv += "<span class='likepeople headRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
584 
										}
585 
									}
586 
									showDiv += "<span class='mui-icon iconfont icon-more likepeople likemore headRadius'></span>";
587 
								}
588 
								showDiv += "</div></div></div>";
589 
								html.push(showDiv);
590 
							}
591 
							document.getElementsByClassName("reserachMess")[0].innerHTML = html.join('')
592 
						}
593 
					}
594 
					//查询应用行业
595 
				var industryShow = function(data) {
596 
					if(data != undefined && data.length != 0) {
597 
						var subs = new Array();
598 
						if(data.indexOf(',')) {
599 
							subs = data.split(',');
600 
						} else {
601 
							subs[0] = data;
602 
						}
603 
						if(subs.length > 0) {
604 
							var html = [];
605 
							for(var i = 0; i < subs.length; i++) {
606 
								html.push("<li>" + subs[i] + "</li>");
607 
							};
608 
							document.getElementsByClassName("infoapply")[0].innerHTML = html.join('');
609 
						}
610 
					}
611 
				}
612 
				var professorResource = function(odata) {
613 
						var $data = odata;
614 
						var html = [];
615 
						for(var i = 0; i < odata.length; i++) {
616 
							var string = '<li class="listitem">'
617 
							string += '<div class="proinfor clearfix">'
618 
							string += '<div class="media-object pull-left ResImgBox">'
619 
							if($data[i].images.length) {
620 
								string += '<img class="resImg headRadius" src="/images/resource/' + $data[i].resourceId + '.jpg">'
621
622 
							} else {
623
624 
								string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
625 
							}
626 
							string += '</div>'
627 
							string += '<div class="pull-left media-body">'
628 
							string += '<span class="listtit">' + $data[i].resourceName + '</span>'
629 
							string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
630 
							string += '<p class="listtit3 resbrief">'
631 
							if($data[i].descp) {
632 
								string += $data[i].descp;
633 
							}
634 
							string += '</p></div></div></li>'
635 
							html.push(string);
636 
						}
637 
						document.getElementById("resourceList").innerHTML = html.join('');
638
639 
					}
640 
					/*获取个人信息*/
641 
				function personalMessage() {
642 
					$.ajax({
643 
						url: "/ajax/professor/info/" + professorId,
644 
						dataType: 'json', //数据格式类型
645 
						type: 'GET', //http请求类型
646 
						timeout: 10000, //超时设置
647 
						success: function(data) {
648 
							var $data = data.data;
649 
							personalMaterial[0].innerText = $data.name;
650 
							//基本信息
651 
							if($data.consultCount) {
652 
								document.getElementsByClassName("consultCount")[0].innerText = $data.consultCount;
653 
							} else {
654 
								document.getElementById("accessHistory").style.display = "none";
655 
							}
656 
							var startLeval = parseInt($data.starLevel);
657 
							var start = document.getElementsByClassName("start");
658 
							for(var i = 0; i < startLeval; i++) {
659 
								start[i].classList.add("icon-favorfill");
660 
								start[i].classList.remove("icon-favor");
661 
							}
662 
							if($data.hasHeadImage) {
663 
								document.getElementsByClassName("headimg1")[0].src = "../images/head/" + $data.id + "_l.jpg";
664 
							} else {
665 
								document.getElementsByClassName("headimg1")[0].src = "../images/default-photo.jpg";
666 
							}
667 
							if($data.authType) {
668 
								nameli.classList.add('icon-vip');
669 
								nameli.classList.add('authicon-cu');
670 
							} else {
671 
								if($data.authStatus) {
672 
									if($data.authentication == 1) {
673 
										nameli.classList.add('icon-renzheng');
674 
										nameli.classList.add('authicon-mana');
675 
										//nameli.innerHTML="<span>科研</span>";
676 
									} else if($data.authentication == 2) {
677 
										nameli.classList.add('icon-renzheng');
678 
										nameli.classList.add('authicon-staff');
679 
										//nameli.innerHTML="<span>企业</span>";
680 
									} else {
681 
										nameli.classList.add('icon-renzheng');
682 
										nameli.classList.add('authicon-stu');
683 
										//nameli.innerHTML="<span>学生</span>";
684 
									}
685 
								}
686 
							}
687 
							if($data.office) {
688 
								if($data.title) {
689 
									personalMaterial[1].innerText = $data.office + "，";
690 
								} else {
691 
									personalMaterial[1].innerText = $data.office;
692 
								}
693 
							}
694 
							if($data.title) {
695 
								personalMaterial[2].innerText = $data.title;
696 
							}
697 
							if($data.orgName) {
698 
								if($data.department) {
699 
									personalMaterial[3].innerText = $data.orgName + " , ";
700 
								} else {
701 
									if($data.address) {
702 
										personalMaterial[3].innerText = $data.orgName + " | ";
703 
									} else {
704 
										personalMaterial[3].innerText = $data.orgName;
705 
									}
706 
								}
707
708 
							}
709 
							if($data.department) {
710 
								if($data.address) {
711 
									personalMaterial[4].innerText = $data.department + " | ";
712 
								} else {
713 
									personalMaterial[4].innerText = $data.department;
714 
								}
715
716 
							}
717 
							if($data.address) {
718 
								personalMaterial[5].innerText = $data.address;
719 
							}
720 
							//个人简介
721
722 
							if($data.descp) {
723 
								personSummary.innerHTML = $data.descp;
724 
							} else {
725 
								document.getElementById("professorBreifinfo").style.display = "none";
726 
							}
727 
							//学术领域
728 
							if($data.subject) {
729 
								subjectShow($data.subject);
730 
							} else {
731 
								document.getElementById("professorInfosubject").style.display = "none";
732 
							}
733 
							//研究方向
734 
							if($data.researchAreas.length) {
735
736 
								researchAreaShow($data.researchAreas, $data.editResearchAreaLogs);
737 
							} else {
738 
								document.getElementById("professorReserachMess").style.display = "none";
739 
							}
740 
							//应用行业
741 
							if($data.industry) {
742 
								industryShow($data.industry);
743 
							} else {
744 
								document.getElementById("professorinfoapply").style.display = "none";
745 
							}
746 
							//专家资源
747 
							if($data.resources.length) {
748 
								professorResource($data.resources);
749 
							} else {
750 
								document.getElementById("professorresourceList").style.display = "none";
751 
							}
752 
							//如无详细内容数据，隐藏详细点击的按钮
753 
							if(!$data.edus.length && !$data.jobs.length && !$data.projects.length && !$data.papers.length && !$data.patents.length && !$data.honors.length) {
754 
								document.getElementById("detailProfessor").style.display = "none";
755 
							}
756 
						},
757 
						error: function(e) {
758 
							alert(JSON.stringify(e))
759 
							return;
760 
						}
761 
					});
762 
				}
763 
				personalMessage()
764 
			})
765 
		</script>
766
767 
	</body>
768
239 769 
</html>