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

更换应用详情二维码

luyanan 8 years ago
parent
1eb551cb5e
commit
3f06f02171
6 changed files with 3 additions and 1305 deletions
Split View Show Diff Stats
  1. 1 1
      ekexiu/invitSucceed.html
  2. 1 1
      ekexiu/shareProinfor.html
  3. 1 1
      ekexiu/shareResinfor.html
  4. BIN
      images/app_android_code.jpg
  5. 0 768
      shareProinfor.html
  6. 0 534
      shareResinfor.html

+ 1 - 1
ekexiu/invitSucceed.html
View File 

@ -37,7 +37,7 @@ body{background: url(../images/frmPageBg.jpg) no-repeat;background-size: 100% 10
37 37 
		</div>
38 38 
	</div>
39 39 
	<div style="text-align: center;">
40 
		<a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.2.1.apk" class="btn canPoint" style="padding:8px 40px;font-size:15px;">点击下载科袖安卓版App</a>
40 
		<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn canPoint" style="padding:8px 40px;font-size:15px;">点击下载科袖安卓版App</a>
41 41 
		<div class="appcodeBox">
42 42 
            <img class="app_code" src="../images/weixin_code.jpg" width="100%">
43 43 
            <p>扫描关注科袖公众号</p>

+ 1 - 1
ekexiu/shareProinfor.html
View File 

@ -492,7 +492,7 @@
492 492 
				<div class="maincon alignCenter">
493 493 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
494 494 
					<div class="frmbox" style="margin:20px auto;">
495 
						<a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.1.1.apk"><button class="frmbtn frmactive">下载安卓客户端</button></a>
495 
						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载安卓客户端</button></a>
496 496 
					</div>
497 497 
					<div>
498 498 
						<img style="width:120px;" src="../images/weixin_code.jpg" />

+ 1 - 1
ekexiu/shareResinfor.html
View File 

@ -328,7 +328,7 @@
328 328 
				<div class="maincon alignCenter">
329 329 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
330 330 
					<div class="frmbox" style="margin:20px auto;">
331 
						<a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.1.1.apk"><button class="frmbtn frmactive">下载安卓客户端</button></a>
331 
						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载安卓客户端</button></a>
332 332 
					</div>
333 333 
					<div>
334 334 
						<img style="width:120px;" src="../images/weixin_code.jpg" />

BIN
images/app_android_code.jpg
View File


+ 0 - 768
shareProinfor.html
View File 

@ -1,768 +0,0 @@
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="contentBody2">
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 + "_m.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='/images/head/" + $photos[j].id + "_m.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('authicon');
669 
								nameli.classList.add('authicon-cu');
670 
							} else {
671 
								if($data.authStatus) {
672 
									if($data.authentication == 1) {
673 
										nameli.classList.add('authicon2');
674 
										nameli.classList.add('authicon-mana');
675 
										//nameli.innerHTML="<span>科研</span>";
676 
									} else if($data.authentication == 2) {
677 
										nameli.classList.add('authicon2');
678 
										nameli.classList.add('authicon-staff');
679 
										//nameli.innerHTML="<span>企业</span>";
680 
									} else {
681 
										nameli.classList.add('authicon2');
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 
							return;
759 
						}
760 
					});
761 
				}
762 
				personalMessage()
763 
			})
764 
		</script>
765
766 
	</body>
767
768 
</html>

+ 0 - 534
shareResinfor.html
View File 

@ -1,534 +0,0 @@
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 
		.pull-right {
57 
			float: right!important
58 
		}
59
60 
		.pull-left {
61 
			float: left!important
62 
		}
63
64 
		.alignCenter {
65 
			text-align: center;
66 
		}
67 
		/*圆角*/
68 
		/*头像、资源圆角*/
69
70 
		.headRadius {
71 
			border-radius: 4px;
72 
		}
73
74 
		.blockGroup {
75 
			background: #fff;
76 
		}
77
78 
		.mainbox {
79 
			width: 96%;
80 
			margin: 2% auto;
81 
		}
82
83 
		.maincon {
84 
			padding: 4% 2%;
85 
			overflow: hidden;
86 
		}
87
88 
		.listtit {
89 
			font-size: 14px;
90 
			line-height: 26px;
91 
			color: #333333;
92 
		}
93 
		/*中标题*/
94
95 
		.listtit2 {
96 
			font-size: 13px;
97 
			line-height: 20px;
98 
			color: #666666;
99 
		}
100 
		/*较小标题*/
101
102 
		.listtit3 {
103 
			font-size: 12px;
104 
			line-height: 18px;
105 
			color: #888888;
106 
		}
107 
		/*小标题*/
108
109 
		.mui-ellipsis {
110 
			overflow: hidden;
111 
			white-space: nowrap;
112 
			text-overflow: ellipsis;
113 
		}
114 
		/*资源图片*/
115
116 
		.ResImgBox {
117 
			display: inline-block;
118 
			text-align: center;
119 
			max-width: 64px;
120 
			width: 64px;
121 
			height: 60px;
122 
			padding: 1px;
123 
			background: #FAFAFA;
124 
			border: 1px solid #F8F8F8;
125 
			overflow: hidden;
126 
			padding: 2px;
127 
			margin: 6px 0;
128 
			border-radius: 4px;
129 
		}
130
131 
		.ResImgBox2 {
132 
			margin: 6px 0 6px 10px;
133 
		}
134
135 
		.ResImgBox .resImg {
136 
			max-width: 100%;
137 
			max-height: 100%;
138 
			vertical-align: middle;
139 
			position: relative;
140 
		}
141
142 
		.ResImgBox:before {
143 
			content: ' ';
144 
			display: inline-block;
145 
			vertical-align: middle;
146 
			width: 0;
147 
			height: 100%;
148 
			overflow: hidden;
149 
			margin-left: -6px;
150 
		}
151 
		/*专家相关信息*/
152
153 
		.personinfo .listtit3 {
154 
			font-size: 14px;
155 
			line-height: 24px;
156 
			color: #AAAAAA;
157 
			margin: 0;
158 
		}
159
160 
		.personinfo .listtit {
161 
			font-size: 18px;
162 
			line-height: 30px;
163 
			color: #333333;
164 
		}
165
166 
		.personinfo .listtit3 {
167 
			font-size: 14px;
168 
			line-height: 24px;
169 
			color: #AAAAAA;
170 
			margin: 0;
171 
		}
172
173 
		.headbox .headimg {
174 
			width: 100px;
175 
			overflow: hidden;
176 
			margin: auto;
177 
		}
178
179 
		.infocontit {
180 
			font-size: 14px;
181 
			position: relative;
182 
		}
183
184 
		.infocon {
185 
			padding: 6px 10px;
186 
			/*text-align: justify;*/
187 
			font-size: 13px;
188 
			line-height: 27px;
189 
			color: #888888;
190 
		}
191
192 
		.infocon ul {
193 
			padding: 0;
194 
			margin: 0;
195 
			overflow: hidden;
196 
		}
197
198 
		.infocon .infoapply li {
199 
			padding:0;
200 
			margin:0;
201 
			padding-left: 6px;
202 
			padding-right: 2px;
203 
			list-style: disc inside;
204 
			width: 46%;
205 
			float: left;
206 
		}
207
208 
		.infocon .infosubject li {
209 
			list-style: none;
210 
			padding: 2px 16px;
211 
			margin: 4px;
212 
			border: 1px solid #BBBBBB;
213 
			border-radius: 6px;
214 
			float: left;
215 
		}
216 
		.personblock {
217 
			position: absolute;
218 
			left: 198px;
219 
			padding: 0 3%;
220 
			text-align: center;
221 
		}
222 
		.personbox{
223 
			margin:auto;
224 
			width:80%;
225 
			position:relative;
226 
		}
227 
		.authicon {
228 
			width: 16px;
229 
			height: 16px;
230 
		}
231
232 
		.authicon2{
233 
		    width: 48px;
234 
		    height: 16px;
235 
		}
236 
		.authicon-mana{background-position: 0 -4px;background-size:100% auto;color:#ff9900;}/*认证科研*/
237 
		.authicon-staff{background-position:0 -19px;background-size:100% auto;color:#19AFFF;}/*认证企业*/
238 
		.authicon-stu{background-position: 0 -34px;background-size:100% auto;color:#03CE30}/*认证在读学生*/
239 
		@media only screen and (min-width: 100px) and (max-width: 360px) {
240 
			div[class="personbox"]{width:100%;}
241 
		}
242 
	</style>
243
244 
	<body>
245 
		<div class="contentBody2">
246 
			<div class="blockGroup mainbox">
247 
				<div class="maincon" style="position: relative;">
248 
					<div class="ResImgBox resouimgbox pull-left" style="height:180px;width:180px;max-width:180px;margin:0 6px 0 8px;">
249 
						<img class="resImg headRadius" src="images/default-resource.jpg" id="ziyuanimg" data-preview-src data-preview-group="1" />
250 
					</div>
251 
					<div class="personblock pull-left" id="fess">
252 
						<div class="personbox">
253 
							<img class="headRadius" style="width: 64px;height:64px;" src="images/default-photo.jpg" id="proimg">
254 
							<p class="listtit clearfix" style="display: inline-block;margin:0 0 0 10px;"><span class="floatL" id="proname"></span><em class="authicon authicon-cu" style="margin:5px 0 0 -2px;" id="promodify"></em></p>
255 
						</div>
256 
						<p class="listtit2"><span id="protitle"></span> <span id="prooffice"></span></p>
257 
						<p class="listtit3"><span id="proorgName"></span></p>
258 
						<p class="listtit3"><span id="proadress"></span></p>
259 
					</div>
260 
				</div>
261 
			</div>
262 
			<div class="blockGroup mainbox">
263 
				<div class="maincon">
264 
					<ul class="resouinfobox">
265 
						<li>
266 
							<div class="infocontit">基本信息</div>
267 
						</li>
268 
						<li>
269 
							<div class="infocon">
270 
								<p style="color:#666666;">
271 
									<span>资源名称：</span>
272 
									<span class="listtit2" id='resourceName'></span>
273 
								</p>
274 
								<p style="color:#666666;">
275 
									<span>应用用途：</span>
276 
									<span class="listtit2" id="yongtu"></span>
277 
								</p>
278 
							</div>
279 
						</li>
280 
					</ul>
281 
				</div>
282 
			</div>
283 
			<div class="blockGroup mainbox" id="fielddiv">
284 
				<div class="maincon">
285 
					<div class="infocontit">学术领域</div>
286 
					<div class="infocon">
287 
						<ul class="infosubject" id="field">
288 
						</ul>
289 
					</div>
290 
				</div>
291 
			</div>
292 
			<div class="blockGroup mainbox" id="applydiv">
293 
				<div class="maincon">
294 
					<div class="infocontit">应用行业</div>
295 
					<div class="infocon">
296 
						<ul id="apply" class="infoapply">
297 
						</ul>
298 
					</div>
299 
				</div>
300 
			</div>
301 
			<div class="blockGroup mainbox" id="hezuodiv">
302 
				<div class="maincon">
303 
					<ul class="resouinfobox">
304 
						<li>
305 
							<div class="infocontit">合作备注</div>
306 
							<div class="infocon">
307 
								<p class="listtit3" id="hezuo"></p>
308 
							</div>
309 
						</li>
310 
					</ul>
311 
				</div>
312 
			</div>
313 
			<div class="blockGroup mainbox" id="detaildiv">
314 
				<div class="maincon">
315 
					<ul class="resouinfobox">
316 
						<li>
317 
							<div class="infocontit">详细描述</div>
318 
							<div class="infocon">
319 
								<p class="listtit3" id="detail">
320
321 
								</p>
322 
							</div>
323 
						</li>
324 
					</ul>
325 
				</div>
326 
			</div>
327 
			<div class="blockGroup mainbox" style="padding-bottom:40px;">
328 
				<div class="maincon alignCenter">
329 
					<p style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">[ 科袖 ]</span><br />搭建企业与专家的桥梁</p>
330 
					<div class="frmbox" style="margin:20px auto;">
331 
						<a href="http://www.ekexiu.com/download/com.ekexiu.app_V1.1.1.apk"><button class="frmbtn frmactive">下载安卓客户端</button></a>
332 
					</div>
333 
					<div>
334 
						<img style="width:120px;" src="images/weixin_code.jpg" />
335 
						<p style="color:#CCCCCC;font-size:13px;">关注科袖公众号</p>
336 
					</div>
337 
				</div>
338 
			</div>
339 
		</div>
340 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
341 
		<script>
342 
			$(document).ready(function() {
343 
				var resourceId = GetQueryString("resourceId");
344
345 
				function GetQueryString(name) {
346 
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
347 
					var r = window.location.search.substr(1).match(reg);
348 
					var context = "";
349 
					if(r != null)
350 
						context = r[2];
351 
					reg = null;
352 
					r = null;
353 
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
354 
				}
355 
				var oproname = document.getElementById("proname"); //专家名称
356 
				var oprotitle = document.getElementById("protitle"); //专家职称
357 
				var oprooffice = document.getElementById("prooffice"); //专家职务
358 
				var oproorgName = document.getElementById("proorgName"); //专家所属机构
359 
				var oproadress = document.getElementById("proadress"); //专家所在地
360 
				var opromodify = document.getElementById("promodify"); //专家认证
361 
				var oproimg = document.getElementById("proimg"); //专家头像
362
363 
				var oresourceName = document.getElementById("resourceName"); //资源名称
364 
				var oyongtu = document.getElementById("yongtu"); //应用用途
365 
				var oziyuanimg = document.getElementById("ziyuanimg"); //资源图片
366 
				var ofield = document.getElementById("field"); //学术领域
367 
				var oapply = document.getElementById("apply"); //应用行业
368 
				var odetail = document.getElementById("detail"); //详细描述
369 
				var ohezuo = document.getElementById("hezuo"); //合作备注
370 
				var oEnter = document.getElementById("fess");
371 
				var ofielddiv = document.getElementById("fielddiv"); //学术领域容器
372 
				var oapplydiv = document.getElementById("applydiv"); //应用行业容器
373 
				var odetaildiv = document.getElementById("detaildiv"); //详细描述容器
374 
				var ohezuodiv = document.getElementById("hezuodiv"); //合作备注容器
375
376 
				function ziyuaninfo(resourceId) {
377 
					$.ajax({
378 
						url: '/ajax/resource/resourceInfo',
379 
						data: {
380 
							'resourceId': resourceId
381 
						},
382 
						dataType: 'json', //服务器返回json格式数据
383 
						type: 'get', //HTTP请求类型
384 
						timeout: 10000, //超时时间设置为10秒；
385 
						success: function(data) {
386 
							if(data.success) {
387 
								console.log(JSON.stringify(data));
388
389 
								var mydata = data.data;
390 
								//资源名称
391 
								professorId = mydata['editProfessor']['id'];
392 
								var userid = GetQueryString('userid');
393 
								if(professorId == userid) {
394 
									document.getElementsByClassName("footbox")[0].style.display = "none";
395 
								}
396 
								(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = '';
397
398 
								//专家信息
399 
								proId = mydata['editProfessor']['id']; //专家id
400 
								//专家名字
401 
								(mydata['editProfessor']["name"]) ? oproname.innerText = mydata['editProfessor']["name"]: oproname.innerText = '';
402 
								//职称
403 
								(mydata['editProfessor']["title"]) ? oprotitle.innerHTML = mydata['editProfessor']["title"]: oprotitle.innerHTML = '';
404 
								//职位
405 
								if(mydata['editProfessor']["office"] == null || mydata['editProfessor']["office"] == undefined) {
406 
									oprooffice.innerHTML = '';
407 
								} else {
408 
									if(mydata['editProfessor']["title"]) {
409 
										oprooffice.innerHTML = '，' + mydata['editProfessor']["office"]; //职位
410 
									}
411 
									oprooffice.innerHTML = mydata['editProfessor']["office"]; //职位
412 
								};
413 
								//所在机构
414 
								(mydata['editProfessor']["orgName"]) ? oproorgName.innerHTML = mydata['editProfessor']["orgName"]: oproorgName.innerHTML = '';
415 
								//所在地
416 
								(mydata['editProfessor']["address"]) ? oproadress.innerHTML = mydata['editProfessor']["address"]: oproadress.innerHTML = '';
417 
								/*是否认证*/
418 
								//(mydata['editProfessor']["authentication"] == true) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon');
419 
								if(mydata['editProfessor']["authType"]) {
420 
									opromodify.classList.add('authicon')
421 
									opromodify.classList.add('authicon-cu');
422 
									opromodify.style.margin = "5px 0 0 3px";
423 
								} else {
424 
									if(mydata['editProfessor']["authStatus"]) {
425 
										if(mydata['editProfessor']["authentication"] == 1) {
426 
											opromodify.classList.add('authicon2');
427 
											opromodify.classList.add('authicon-mana');
428 
										} else if(mydata['editProfessor']["authentication"] == 2) {
429 
											opromodify.classList.add('authicon2');
430 
											opromodify.classList.add('authicon-staff');
431 
										} else {
432 
											opromodify.classList.add('authicon2');
433 
											opromodify.classList.add('authicon-stu');
434 
										}
435 
									}
436 
								}
437 
								/*专家头像*/
438 
								(mydata['editProfessor']["hasHeadImage"] == 0) ? oproimg.setAttribute('src', '/images/default-photo.jpg'): oproimg.setAttribute('src', '/images/head/' + mydata['editProfessor']['id'] + '_m.jpg');
439
440 
								//资源基本信息
441 
								//(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
442
443 
								var imgRes = "/images/resource/" + mydata.resourceId + ".jpg";
444 
								if(mydata['images'].length) {
445 
									oziyuanimg.setAttribute('src', imgRes)
446 
								} else {
447 
									oziyuanimg.setAttribute('src', '../images/default-resource.jpg')
448 
								}
449 
								(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
450
451 
								//学术领域
452 
								if(mydata['subject']) {
453 
									if(mydata['subject'].indexOf(',') != -1) { //字符串是否包含,
454 
										var fieldlist = mydata['subject'].split(",");
455 
										console.log(fieldlist.length);
456 
										for(var i = 0; i < fieldlist.length; i++) {
457 
											var oli = document.createElement('li');
458 
											oli.innerText = fieldlist[i];
459 
											ofield.appendChild(oli);
460 
										}
461 
									} else {
462 
										var oli = document.createElement('li');
463 
										oli.innerText = mydata['subject'];
464 
										ofield.appendChild(oli);
465 
									}
466
467 
								} else {
468 
									ofielddiv.style.display = 'none';
469 
								}
470
471 
								//应用行业
472 
								if(mydata['industry']) {
473 
									if(mydata['industry'].indexOf(',') != -1) { //字符串是否包含,
474 
										var applylist = mydata['industry'].split(",");
475 
										console.log(applylist.length);
476 
										for(var i = 0; i < applylist.length; i++) {
477 
											var oli = document.createElement('li');
478 
											oli.innerText = applylist[i];
479 
											oapply.appendChild(oli);
480 
										}
481 
									} else {
482 
										var oli = document.createElement('li');
483 
										oli.innerText = mydata['industry'];
484 
										oapply.appendChild(oli);
485 
									}
486 
								} else {
487 
									oapplydiv.style.display = 'none';
488 
								}
489
490 
								//详细描述
491 
								if(mydata['descp']) {
492 
									odetail.innerHTML = mydata['descp'];
493 
									var pWidth = $("#detail").find("p").width();
494 
									var leng = $("#detail").find("img").length;
495 
									for(var i = 0; i < leng; i++) {
496 
										(function(i) {
497 
											$("#detail").find("img").eq(i).load(function() {
498 
												var imgWidth = $("#detail").find("img").eq(i).width();
499 
												if(imgWidth > pWidth) {
500 
													$("#detail").find("img").eq(i).css({
501 
														"width": "100%"
502 
													})
503 
												}
504 
											})
505 
										})(i);
506 
									}
507 
								} else {
508 
									odetaildiv.style.display = 'none';
509
510 
								}
511
512 
								//合作备注
513 
								if(mydata['cooperationNotes']) {
514 
									ohezuo.innerHTML = mydata['cooperationNotes'];
515 
								} else {
516 
									ohezuodiv.style.display = 'none';
517 
								}
518
519 
							}
520 
						},
521 
						error: function(e) {
522 
							return;
523 
						}
524 
					});
525 
				}
526 
				//资源信息
527 
				ziyuaninfo(resourceId);
528
529 
			});
530 
		</script>
531
532 
	</body>
533
534 
</html>