资源文章分享

articalShow.html

						<p class="h2Font" id="ZorgName"></p>
					</div>
					<div class="goSpan displayNone">
						<span class="attenSpan"></span>
						<span class="attenSpan">关注</span>
					</div>
					<div class="form-item otherBlock currentBlock">
						<div class="aboutTit">最近文章</div>
						<p class="h2Font" id="QorgType"></p>
					</div>
					<div class="goSpan">
						<span class="attenSpan"></span>
						<span class="attenSpan">关注</span>
					</div>
					<div class="form-item otherBlock currentBlock">
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">最近文章</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">

css/genindex.css

.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
.rightconBox .conItem.conItemG .currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
.rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
.rightconBox .conItem.conItemG .currentBlock .madiaHead{width:50px;height: 50px;margin-top:-25px}
.conItem .otherBlock.currentBlock{border:none;margin-bottom: 0;padding-bottom: 0;}
.flexCenter{position: relative;width: 100%; min-height:90px;
		    display: -webkit-box;
.rightconBox .conItem.conItemG .madiaHead{width: 100px; height: 100px;border:1px solid #E5E5E5;margin:0 auto 10px;background-position:center;background-size:cover;}
.rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background:#fff;width: 200px;height:120px;}
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background:#fff;border:none;width: 200px;height:120px;}
.rightconBox .conItem.conItemG .madiaHead.cmpHead .boxBlock{width:198px;height:118px;}
.rightconBox .conItem.conItemG .h1Font{font-size:16px;}
.rightconBox .conItem.conItemG .h2Font{font-size:14px;color:#666;line-height:26px;}

css/share.css

.infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
.infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
.infocon.madiaBlock>ul{margin:-15px;}
.infocon.madiaBlock>ul>li{padding-left:15px;}
.infocon.madiaBlock>ul>li{padding:6px 15px;}
.infocon.madiaBlock .h1Font{font-size: 16px;margin: 0;line-height: 24px;color: #333333;}
.infocon.madiaBlock .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
.seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
.seeMore em{font-style: normal;position:absolute;left:50%;margin-left: -24px;padding-right:5px;}
.seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
.seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
.seeMore em{font-style: normal;position:relative;padding-right:5px;}
.seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 0;}
.seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 2px;}
.seeMore:active{background: none;}
.detailInfo>ul>li{color:#333;padding-left:0;}
.detailInfo>ul>li>span{color:#666}
.infoapply li{position: relative; padding-left:12px;padding-right:2px;}
.infoapply li:before{content:''; background: #999;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
/*星级*/
.infocon .starShow{position: absolute;right: 0;top:50%; margin-top:-8px;overflow: hidden;}
.infocon .starShow>li{float: left;margin:0 2px;display: inline-block;width: 14px;height: 14px;background-image: url(../images/favoricon.png);background-size: 100% auto;background-position:0 0;}
.infocon .starShow>li.evastar{background-position:0 -14px;} 
.commentsArea .madiaHead.useHeadMsg{top:10px;margin-top:0;}
/*下载按钮及公众二维码*/
.shareEcode{padding:20px 6px;}
.shareEcode{padding:20px 6px;background: #FFFFFF;}
.Ecodecon{width: 100%;margin-bottom: 40px;}
.Ecodebox{border-radius:4px;box-shadow: 0 2px 10px #ccc;padding:20px 10px;}
.Ecodebox .Ecodecon{position: relative;min-height:100px;margin: auto;max-width: 300px;}

e/a.html

				console.log($data);
				document.getElementById("articleName").innerHTML = $data.articleTitle;
				shareTitle=$data.articleTitle;
				$("#oTime").text(commenTime($data.createTime))
				document.title=$data.articleTitle;
				stt = $data.articleImg.substring(0, 9);
				imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";

e/p.html

			</div>
		</div>
		<div class="mainbox">
			<div class="infocontit">资源 (<span id="resourceNum">0</span>)</div>
			<div class="infocontit">资源</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="resourceShow">
			    </ul>
			</div>
			<div class="seeMore displayNone" id="seeMoreResource"><em>查看更多</em></div>
			<div class="seeMore displayNone" id="seeMoreResource"><em>查看全部<span id="resourceNum">0</span>个</em></div>
		</div>
		<div class="mainbox">
			<div class="infocontit">专利 (<span id="patentNum">0</span>)</div>
			<div class="infocontit">专利</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="patentShow">
			    </ul>
			</div>
			<div class="seeMore displayNone" id="seeMorePatent"><em>查看更多</em></div>
			<div class="seeMore displayNone" id="seeMorePatent"><em>查看全部<span id="patentNum">0</span>项</em></div>
		</div>
		<div class="mainbox">
			<div class="infocontit">论文 (<span id="paperNum">0</span>)</div>
			<div class="infocontit">论文</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="paperShow">
			    </ul>
			</div>
			<div class="seeMore displayNone" id="seeMorePaper"><em>查看更多</em></div>
			<div class="seeMore displayNone" id="seeMorePaper"><em>查看全部<span id="paperNum">0</span>篇</em></div>
		</div>
		<div class="mainbox">
			<div class="infocontit">文章 (<span id="articalNum">0</span>)</div>
			<div class="infocontit">文章</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="articelShow">
			    </ul>
			</div>
			<div class="seeMore displayNone" id="seeMoreArtical"><em>查看更多</em></div>
			<div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部<span id="articalNum">0</span>篇</em></div>
		</div>
	    <div class="shareEcode" style="background: #FFFFFF;">
	    	<div class="Ecodebox">
				<div class="Ecodecon clearfix">
					<img src="../images/weixin_code.jpg" />
					<div class="codecon">
						<h1>「 科袖 」</h1>
						<h2>搭建企业与专家的桥梁</h2>
						<h3>长按识别科袖公众号</h3>
					</div>
				</div>
		<!--合作评价-->
		<div class="mainbox">
			<div class="infocontit">合作评价</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view commentsArea" id="evaluateShow">
			    </ul>
			</div>
			<div class="seeMore displayNone" id="seeMoreEvaluate"><em>查看全部<span id="evaluateNum">0</span>条</em></div>
		</div>
		<!--合作专家-->
		<div class="mainbox">
			<div class="infocontit">合作专家</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="">
			    </ul>
			</div>
		</div>
		<!--相关文章-->
		<div class="mainbox">
			<div class="infocontit">相关文章</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="">
			    </ul>
			</div>
		</div>
		<!--您可能感兴趣的专家-->
		<div class="mainbox">
			<div class="infocontit">您可能感兴趣的专家</div>
			<div class="infocon madiaBlock">
				<ul class="mui-table-view" id="">
			    </ul>
			</div>
			<div style="margin:20px auto;">
		</div>
		
	    <div class="shareEcode">
			<img class="Ecodecon" src="../images/ecordCard.jpg" />
			<div style="margin:-50px 10px 20px;">
				<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
			</div>
	    </div>
	var appid = '';
	
	var proId = GetQueryString("id");
	//proId = "91E3F49CE63B43EEBA0C68B6DD7F0A19";
	userMessage(proId);
	historyEvaluate();
	getArticel();
	getResource();
	getPaper();
					//个人简介
					if($info.descp) {
						$("#breifinfo").text($info.descp);
					}else{
						document.getElementById("breifinfo").parentNode.style.display = "none";
					}
					//学术领域					
					if($info.subject) {
					if($info.researchAreas.length) {
						researchAreaShow($info.researchAreas, $info.editResearchAreaLogs);
					} else {
						document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
						document.getElementsByClassName("reserachMess")[0].parentNode.style.display = "none";
					}
					//行业领域	
					if($info.industry) {
		});
	}
	//查询研究方向	
	var getRecords = function($researchAreaLogs, caption) {
	function getRecords($researchAreaLogs, caption) {
		var ret = [];
		var t = 0;
		for(var i = 0; i < $researchAreaLogs.length; i++) {
		return ret;
	}
	var resear = "";
	var researchAreaShow = function($datas, $datarecords) {
	function researchAreaShow($datas, $datarecords) {
		if($datas != undefined && $datas.length != 0) {
			var html = [];
			for(var i = 0; i < $datas.length; ++i) {
		}
		document.getElementById(oSelector).innerHTML = oArr.join("");
	}
	//获取资源
	function getResource() {
		$.ajax({
			url: "../ajax/resource/pqProPublish",
			}
		})
	}
	/*企业文章html*/
	function getArticel() {
		$.ajax({
			url: "../ajax/article/pqProPublish", 
			}
		})
	}
    
    function historyEvaluate(){
		$.ajax({
			"url": "/ajax/consult/pqAssessHis",
			"type": "get",
			"data": {
				"professorId": proId
			},
			"async": false,
			"success": function(response) {
				if(response.success) {
					var $data = response.data.data;
					if($data.length>0){
						document.getElementById("evaluateNum").innerText = $data.length;
						if($data.length>2){
							$data.length =2;
							document.getElementById("seeMoreEvaluate").classList.remove("displayNone");
						}
						for(var i = 0; i < $data.length; i++) {
							var assessTime = commenTime($data[i].assessTime);
							var assessContant ="";
							if($data[i].assessContant) {
								assessContant = $data[i].assessContant;
							}
							var userhed='';
							if($data[i].professor.hasHeadImage) {
								userhed = 'background-image:url(/images/head/' + $data[i].professor.id + '_l.jpg)';
							} else {
								userhed = 'background-image:url(/images/default-photo.jpg)';
							}
							var add = "";
							add += '<li class="flexCenter">';
							add += '<a style="width:auto" href="p.html?id='+ $data[i].professor.id +'" class="userhref"><div class="madiaHead useHead useHeadMsg" style="'+ userhed +'"></div></a>'
							add += '<div class="madiaInfo"><div style="position: relative;">';			
							add += '<a href="p.html?id='+ $data[i].professor.id +'" class="userhref"><span class="h1Font messageName">'+ $data[i].professor.name +'</span></a>';
							add += '<em class="authiconNew authicon-pro" title=" "></em>';				
							add += '<ul class="starShow">';					
							add += '<li></li> <li></li> <li></li> <li></li> <li></li>';
							add += '</ul></div>';		
							add += '<p class="h2Font messageContent">'+ assessContant +'</p>';
							add += '<span class="commenttime">'+ assessTime +'</span>';
							add += '</div></li>';
							
							var $add = $(add);
							$("#evaluateShow").append($add);
							$add.find(".starShow>li:lt(" + $data[i].assessStar + ")").addClass('evastar');
						}
					}else{
						document.getElementById("evaluateShow").parentNode.parentNode.style.display="none";	
					}
					
				}
			}
		})
	}
    /*微信分享*/
	$.ajax({
		url: "../ajax/weixin/jsapiTicket",

e/r.html

							mgimg="/images/org/" + mydata.organization.id + ".jpg";
						}
						othisPic.classList.add("cmpHead");
						othisPic.innerHTML='<div class="boxBlock" style="width:50px;height:50px;"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
						othisPic.innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
						othisPic.parentNode.querySelector("madiaInfo").classList.add("OmadiaInfo");
						if(mydata.organization.authStatus==3){
							oauthFlag.classList.add("authicon-com-ok");	
						}

js/articalShow.js

				if (data.success){
					var $data=data.data;
					var only=false;
					var oLeng=$data.length<5?$data.length:5;
					for(var i=0;i<oLeng;i++) {
						if(articleId==$data[i].articleId) {
							only=true;
							continue;
						}
						if(only==true) {
							if(oLeng<5) {
					if($data.length>1){
						$(".recentlyList").parents(".currentBlock").removeClass("displayNone");
						var oLeng=$data.length<5?$data.length:5;
						for(var i=0;i<oLeng;i++) {
							if(articleId==$data[i].articleId) {
								only=true;
								continue;
							}
							if(only==true) {
								if(oLeng<5) {
									
								}else{
									oLeng=6;
								}
								
							}else{
								oLeng=6;
							}
							
							var str='<li>'+
								'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
								'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
							$(".recentlyList").append(str);	
						}
						var str='<li>'+
							'<a href="articalShow.html?articleId="'+$data[i].articleId+'><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p>'+
							'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
						$(".recentlyList").append(str);	
					}
				}
					

js/public/shareCom.js

//时间显示规则
function commenTime(startTime) {
	//console.log(startTime)
	var nowTimg = new Date();
	var startdate = new Date();
	startdate.setFullYear(parseInt(startTime.substring(0, 4)));
		}
	}
}
/*时间转换*/
function TimeTr(dealtime) {
	var myDate = new Date();

js/resourceShow.js

	ifcollectionAbout(resourceId,$("#attention").find("em"), 2)
	var professorId = "";
	getRecourceMe();
	
	//热门资源
	function recentlyRe(num,obj) {
		var ourl=num==1?"/ajax/resource/qaOrgPublish":"/ajax/resource/qaProPublish";
		$.ajax({
			"url" :ourl ,
			"type" :  "GET" ,
			"dataType" : "json",
			"data" :obj,
			"success" : function(data) {
				if (data.success){
					var $data=data.data;
					var only=false;
					if($data.length>1){
						$(".recentlyList").parents(".currentBlock").removeClass("displayNone");
						var oLeng=$data.length<5?$data.length:5;
						for(var i=0;i<oLeng;i++) {
							if(resourceId==$data[i].resourceId) {
								only=true;
								continue;
							}
							if(only==true) {
								if(oLeng<5) {
									
								}else{
									oLeng=6;
								}
								
							}
							var resIM="../images/default-resource.jpg";
							if($data[i].images.length) {
								resIM='/data/resource/' + $data[i].images[0].imageSrc;
							}
							var str='<li><a class="flexCenter" style="min-height:46px;" href="resourceShow.html?resourceId="'+$data[i].resourceId+'>'+
									'<div class="madiaHead resourceHead" style="width:50px;height:36px;margin-top:-18px;background-image: url('+ resIM +');"></div>'+
								'<div class="madiaInfo"><p class="h2Font ellipsisSty-2">'+$data[i].resourceName+'</p></div></a></li>'
							$(".recentlyList").append(str);	
						}
					}
				}
					
				
				
			},
			"error":function(){
				$.MsgBox.Alert('提示','链接服务器超时')
			}
		});
	}
	
	/*获取资源信息*/
	function getRecourceMe() {
		$.ajax({
			if($da.editProfessor.hasHeadImage == 1) {
				$("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
			}
			recentlyRe(2,{"professorId":professorId}) 
		}else{
			$("#enterprise,#resPerson").show();
			$("#enterprise").show();
			$(".qiyego").attr('dataid',$da.organization.id);
			$(".qiyego").attr("href","cmpInforShow.html?orgId="+$da.organization.id);
			if($da.organization.hasOrgLogo) {
			if(userid){
				ifcollectionAbout($da.organization.id,$("#enterprise").find(".attenSpan"), 6)
			}
			recentlyRe(1,{"orgId":$da.organization.id}) 
		}
		if($da.spec) { //厂商型号
			$("#modelNumber").text($da.spec).parents("li").show();

resourceShow.html

						<div class="Imagebox floatL">
		                    <div class="tb-booth tb-pic tb-s360">
		                        <a href="" target="_blank">
		                            <img src="" alt="美女" rel="" class="jqzoom" id="firstFigure"/>
		                            <img src="" class="jqzoom" id="firstFigure"/>
		                        </a>
		                    </div>
		                    <ul class="tb-thumb" id="thumblist">
				</div>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conItemG alignCenter displayNone" style="border:none;padding:30px;" id="person">
				<div class="conItem conItemG alignCenter displayNone" style="border:none;" id="person">
					<div class="madiaHead useHead" id="headImg" style="cursor:pointer"></div>
					<div class="proInfo">
						<div class="h3Font clearfix">
						<span class="consultSpan" id="consultin">咨询</span>
						<span class="attenSpan">关注</span>
					</div>
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">热门资源</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">
							</ul>
						</div>
					</div>	
				</div>
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;padding:30px;">
				<div class="conItem conItemG alignCenter displayNone" id="enterprise" style="border:none;">
					<a href="" class="qiyego">
						<div class="madiaHead cmpHead" id="Qimg">
							<div class="boxBlock">
					<div class="goSpan">
						<span class="attenSpan">关注</span>
					</div>
					<div class="form-item otherBlock currentBlock">
						<div class="aboutTit">联系人</div>
						<div class="form-result addexpertRe" style="margin-top:0">
							<ul class="addexpert" id="expertli">
								
							</ul>
						</div>
					</div>
					<div class="form-item otherBlock currentBlock displayNone">
						<div class="aboutTit">热门资源</div>
						<div class="form-result currentArt">
							<ul class="recentlyList">
							</ul>
						</div>
					</div>
				</div>
				<div class="conItem displayNone" id="resPerson">
				<!--<div class="conItem displayNone" id="resPerson">
					<div class="form-item otherBlock">
						<div class="aboutTit">负责人/联系人</div>
						<div class="form-result addexpertRe">
						</div>
					</div>
					
				</div>
				</div>-->
			</div>
		</div>
	</div>