jiapeng
/
portal-front


			
				
					
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/share.css" />
	</head>
	<style>
		@media only screen and (min-width: 100px) and (max-width: 360px) {
			div[class="personbox"]{width:100%;}
		}
	</style>
	<body>
		<div class="contentBody2">
			<div class="blockGroup mainbox">
				<div class="maincon" style="position: relative;">
					<div class="ResImgBox resouimgbox pull-left" style="height:180px;width:180px;max-width:180px;margin:0 6px 0 8px;">
						<img class="resImg headRadius" src="../images/default-resource.jpg" id="ziyuanimg" data-preview-src data-preview-group="1" />
					</div>
					<div class="personblock pull-left" id="fess">
						<div class="personbox">
							<img class="userRadius" style="width: 64px;height:64px;" src="../images/default-photo.jpg" id="proimg">
							<p class="listtit clearfix" style="display: inline-block;margin:0 0 0 10px;"><span class="floatL" id="proname"></span><em class="authiconNew" id="promodify"></em></p>
						</div>
						<p class="listtit2"><span id="protitle"></span> <span id="prooffice"></span></p>
						<p class="listtit3"><span id="proorgName"></span></p>
						<p class="listtit3"><span id="proadress"></span></p>
					</div>
				</div>
			</div>
			<div class="blockGroup mainbox">
				<div class="maincon">
					<ul class="resouinfobox">
						<li>
							<div class="infocontit">基本信息</div>
						</li>
						<li>
							<div class="infocon">
								<p style="color:#666666;">
									<span>资源名称：</span>
									<span class="listtit2" id='resourceName'></span>
								</p>
								<p style="color:#666666;">
									<span>应用用途：</span>
									<span class="listtit2" id="yongtu"></span>
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="blockGroup mainbox" id="fielddiv">
				<div class="maincon">
					<div class="infocontit">学术领域</div>
					<div class="infocon">
						<ul class="infosubject" id="field">
						</ul>
					</div>
				</div>
			</div>
			<div class="blockGroup mainbox" id="applydiv">
				<div class="maincon">
					<div class="infocontit">应用行业</div>
					<div class="infocon">
						<ul id="apply" class="infoapply">
						</ul>
					</div>
				</div>
			</div>
			<div class="blockGroup mainbox" id="hezuodiv">
				<div class="maincon">
					<ul class="resouinfobox">
						<li>
							<div class="infocontit">合作备注</div>
							<div class="infocon">
								<p class="listtit3" id="hezuo"></p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="blockGroup mainbox" id="detaildiv">
				<div class="maincon">
					<ul class="resouinfobox">
						<li>
							<div class="infocontit">详细描述</div>
							<div class="infocon">
								<p class="listtit3" id="detail">
									
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="blockGroup mainbox" style="padding-bottom:40px;">
				<div class="maincon alignCenter">
					<div style="margin-top: 30px;"><span style="color:#ff9900; font-size: 16px;line-height: 32px;">「 科袖 」</span><br />搭建企业与专家的桥梁</div>
					<div class="frmbox" style="margin:20px auto;">
						<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
					</div>
					<div>
						<img style="width:120px;" src="../images/weixin_code.jpg" />
						<div style="color:#CCCCCC;font-size:13px;">关注科袖公众号</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
		<script>
			$(document).ready(function() {
				var imgUrl = "http://www.ekexiu.com/images/logo180.png";
				var lineLink = document.location.href;
				var descContent;
				var shareTitle;
				var appid = '';
				var resourceId = GetQueryString("resourceId");
				function GetQueryString(name) {
					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
					var r = window.location.search.substr(1).match(reg);
					var context = "";
					if(r != null)
						context = r[2];
					reg = null;
					r = null;
					return context == null || context == "" || context == "undefined" ? "" : decodeURI(context);
				}
				var oproname = document.getElementById("proname"); //专家名称
				var oprotitle = document.getElementById("protitle"); //专家职称
				var oprooffice = document.getElementById("prooffice"); //专家职务
				var oproorgName = document.getElementById("proorgName"); //专家所属机构
				var oproadress = document.getElementById("proadress"); //专家所在地
				var opromodify = document.getElementById("promodify"); //专家认证
				var oproimg = document.getElementById("proimg"); //专家头像
				var oresourceName = document.getElementById("resourceName"); //资源名称
				var oyongtu = document.getElementById("yongtu"); //应用用途
				var oziyuanimg = document.getElementById("ziyuanimg"); //资源图片
				var ofield = document.getElementById("field"); //学术领域
				var oapply = document.getElementById("apply"); //应用行业
				var odetail = document.getElementById("detail"); //详细描述
				var ohezuo = document.getElementById("hezuo"); //合作备注
				var oEnter = document.getElementById("fess");
				var ofielddiv = document.getElementById("fielddiv"); //学术领域容器
				var oapplydiv = document.getElementById("applydiv"); //应用行业容器
				var odetaildiv = document.getElementById("detaildiv"); //详细描述容器
				var ohezuodiv = document.getElementById("hezuodiv"); //合作备注容器
				function ziyuaninfo(resourceId) {
					$.ajax({
						url: '../ajax/resource/resourceInfo',
						data: {
							'resourceId': resourceId
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'get', //HTTP请求类型
						async:false,
						timeout: 10000, //超时时间设置为10秒；
						success: function(data) {
							if(data.success) {
								console.log(JSON.stringify(data));
								var mydata = data.data;
								//资源名称
								professorId = mydata['editProfessor']['id'];
								var userid = GetQueryString('userid');
								if(professorId == userid) {
									document.getElementsByClassName("footbox")[0].style.display = "none";
								}
								(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = '';
								//title标题栏
								shareTitle = "【科袖资源】" + mydata['resourceName'];
								window.setInterval(function() {
									document.title = "【科袖资源】" + mydata['resourceName'];
								}, 500);
								
								//专家信息
								proId = mydata['editProfessor']['id']; //专家id
								//专家名字
								(mydata['editProfessor']["name"]) ? oproname.innerText = mydata['editProfessor']["name"]: oproname.innerText = '';
								//职称
								(mydata['editProfessor']["title"]) ? oprotitle.innerHTML = mydata['editProfessor']["title"]: oprotitle.innerHTML = '';
								//职位
								if(mydata['editProfessor']["office"] == null || mydata['editProfessor']["office"] == undefined) {
									oprooffice.innerHTML = '';
								} else {
									if(mydata['editProfessor']["title"]) {
										oprooffice.innerHTML = '，' + mydata['editProfessor']["office"]; //职位
									}
									oprooffice.innerHTML = mydata['editProfessor']["office"]; //职位
								};
								//所在机构
								(mydata['editProfessor']["orgName"]) ? oproorgName.innerHTML = mydata['editProfessor']["orgName"]: oproorgName.innerHTML = '';
								//所在地
								(mydata['editProfessor']["address"]) ? oproadress.innerHTML = mydata['editProfessor']["address"]: oproadress.innerHTML = '';
								/*是否认证*/
								var oStyT=autho(mydata['editProfessor'].authType,mydata['editProfessor'].orgAuth,mydata['editProfessor'].authStatus);
								opromodify.classList.add(oStyT.sty);
								opromodify.setAttribute("title",oStyT.title);
								
								/*专家头像*/
								(mydata['editProfessor']["hasHeadImage"] == 0) ? oproimg.setAttribute('src', '../images/default-photo.jpg'): oproimg.setAttribute('src', '../images/head/' + mydata['editProfessor']['id'] + '_m.jpg');
								//资源基本信息
								//(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
								var imgRes = "../images/resource/" + mydata.resourceId + ".jpg";
								if(mydata['images'].length) {
									oziyuanimg.setAttribute('src', imgRes)
								} else {
									oziyuanimg.setAttribute('src', '../images/default-resource.jpg')
								}
								(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
								descContent = "应用用途：" + mydata['supportedServices'];
								//学术领域
								if(mydata['subject']) {
									if(mydata['subject'].indexOf(',') != -1) { //字符串是否包含,
										var fieldlist = mydata['subject'].split(",");
										console.log(fieldlist.length);
										for(var i = 0; i < fieldlist.length; i++) {
											var oli = document.createElement('li');
											oli.innerText = fieldlist[i];
											ofield.appendChild(oli);
										}
									} else {
										var oli = document.createElement('li');
										oli.innerText = mydata['subject'];
										ofield.appendChild(oli);
									}
								} else {
									ofielddiv.style.display = 'none';
								}
								//应用行业
								if(mydata['industry']) {
									if(mydata['industry'].indexOf(',') != -1) { //字符串是否包含,
										var applylist = mydata['industry'].split(",");
										console.log(applylist.length);
										for(var i = 0; i < applylist.length; i++) {
											var oli = document.createElement('li');
											oli.innerText = applylist[i];
											oapply.appendChild(oli);
										}
									} else {
										var oli = document.createElement('li');
										oli.innerText = mydata['industry'];
										oapply.appendChild(oli);
									}
								} else {
									oapplydiv.style.display = 'none';
								}
								//详细描述
								if(mydata['descp']) {
									odetail.innerHTML = mydata['descp'];
									var pWidth = $("#detail").find("p").width();
									var leng = $("#detail").find("img").length;
									for(var i = 0; i < leng; i++) {
										(function(i) {
											$("#detail").find("img").eq(i).load(function() {
												var imgWidth = $("#detail").find("img").eq(i).width();
												if(imgWidth > pWidth) {
													$("#detail").find("img").eq(i).css({
														"width": "100%"
													})
												}
											})
										})(i);
									}
								} else {
									odetaildiv.style.display = 'none';
									
								}
								//合作备注
								if(mydata['cooperationNotes']) {
									ohezuo.innerHTML = mydata['cooperationNotes'];
								} else {
									ohezuodiv.style.display = 'none';
								}
							}
						},
						error: function(e) {
							return;
						}
					});
				}
				//资源信息
				ziyuaninfo(resourceId);
				
				/*微信分享*/
				$.ajax({
					url: "../ajax/weixin/jsapiTicket",
					type: 'get',
					dataType: 'json',
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
					data: {
						'url': location.href.split('#')[0]
					},
					success: function(data) {
						if(data.data) {
							wx.config({
								debug: false, //调试模式好犀利
								appId: data.data.appId,
								timestamp: data.data.timestamp,
								nonceStr: data.data.nonceStr,
								signature: data.data.signature,
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
									"onMenuShareAppMessage",
									"onMenuShareTimeline",
									"onMenuShareQQ",
									"onMenuShareQZone",
									"scanQRCode",
								]
							});
							wx.ready(function() {
								// 在这里调用 API
								wx.onMenuShareAppMessage({ //分享给朋友
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareTimeline({ //分享到朋友圈
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareQQ({ //分享到QQ
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
								wx.onMenuShareQZone({ //分享到QQ空间
									title: shareTitle, // 分享标题
									desc: descContent, // 分享描述
									link: lineLink, // 分享链接
									imgUrl: imgUrl, // 分享图标
									success: share_success_callback,
									cancel: share_cancel_callback
								});
							});
							//分享成功后的回调函数	
							function share_success_callback() {}
							//用户取消分享后执行的回调函数	
							function share_cancel_callback() {}
						}
					}
				});
				/*标志*/
				function autho() {
					if(arguments[0] == 1) {
						return {
							"sty": "authicon-pro",
							"title": "科袖认证专家"
						}
					} else {
						if(arguments[1] == 1) {
							return {
								"sty": "authicon-staff-ok",
								"title": "企业认证员工"
							}
						} else {
							if(arguments[2] == 3) {
								return {
									"sty": "authicon-real",
									"title": "实名认证用户"
								}
							} else {
								return {
									"sty": "e ",
									"title": " "
								}
							}
						}
					}
				}
			
			
			});
		</script>
	</body>
</html>