搜索相关

app/css/app.css

.searchTab .h1Font{font-size:16px;color:#333;}
.searchTab .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
.searchTab .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
.searchTab .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
.searchTab .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;/*border:1px solid #E5E5E5;*/top:50%;background-position: center;background-size: cover;}
.searchTab .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.searchTab .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
.searchTab .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
.searchTab .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
.searchTab .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
.searchTab .madiaHead.companyHead{background:#fff;}
.searchTab .madiaHead.companyHead{background:#fff;border:none}
.searchTab .madiaHead.companyHead .boxBlock{width:88px;height:58px;}
.searchTab .madiaInfo{padding-left:62px; width: 100%;}
.searchTab .madiaInfo.OmadiaInfo{padding-left: 102px;}
/*****************************2017.05新版文章资源样式************************/
/*文章浏览*/
.showDetail{padding:15px;padding-top:10px;}
.showDetail .hWeight{font-weight:bold; word-break: break-all; -webkit-user-select:text;}
.showDetail .hWeight{font-weight:bold; word-break: break-word; -webkit-user-select:text;}
.showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
.showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333; -webkit-user-select:text;}
.showDetail .h2Font{font-size:14px;color:#666;}
.showDetail .invite.invite2{/*width:56px;*/}
.showDetail .showMain{font-size:15px;color:#333;line-height:28px;/*text-indent: 2em;*/}
.showDetail .showMain img{max-width: 100%;/*margin-left:-32px;*/}
.showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;}
.showDetail .showMain *{ -webkit-user-select:text; word-break: break-all;}
.showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;text-align:justify}
.showDetail .showMain *{ -webkit-user-select:text; word-break: break-word;}
ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
.madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
.madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
.madiaBlock .madiaHead.cmpHead{width:90px;height:60px;margin-top:-30px;background:#FFFFFF;border-radius:0;}
.madiaBlock .madiaHead.cmpHead{width:90px;height:60px;margin-top:-30px;background:#FFFFFF;border-radius:0;border:none}
.madiaBlock .madiaHead.cmpHead .boxBlock{width: 88px;height:58px;}
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;}
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;border:none}
.madiaBlock .madiaHead.cmpHead2 .boxBlock{width:48px;height:38px;}
.madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
.madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
.mui-slider.tab-slider .mui-slider-group .mui-slider-item .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -4px;}
.showMain>ul{margin:0;padding:0;}
.showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
.showMain.showRes .showCon{-webkit-user-select:text;}
.showMain.showRes .showCon{-webkit-user-select:text;text-align:justify}
.showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
.showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
.showMainP li{overflow: hidden;}
.showMainP .showTit{padding-left: 0;color: #666;}
.showMainP .showTit:before{content: none;}
.showMainP .showCon{color: #333;}
.showMainP .showCon{color: #333;text-align:justify}
/*新版用户和企业相关*/
.showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
		background: rgba(256,256,256,.6);background: linear-gradient( rgba(256,256,256,.6), rgba(256,256,256,.9));border-radius:6px;box-shadow: 0px 2px 4px 1px rgba(0,0,0,.1);}
.cardImg{position: absolute;margin-top:-15px;left:50%;margin-left: -40px;width:80px;height: 80px;overflow: hidden;background-size: cover;/*border:1px solid #E5E5E5;*/background-color: #fff;}
.cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
.cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background: #fff;}
.cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background:none;}
.cardImg.cmpCard .boxBlock{width:120px;height: 80px;}
.cardInfo{margin-top:82px;}
.cardInfo .h1Font{font-size:16px;}

app/html/searchListNew2.html

			<a class="mui-action-back mui-icon mui-icon-left-nav topback leftnav"></a>
			<div class="searchboxNew" id="searB">
				<form onsubmit="return false;">
					<input type="search" class="mui-input-clear searchtxtNew" placeholder="请输入专家姓名、机构、研究方向" id="searchval" />
					<input type="search" class="mui-input-clear searchtxtNew" placeholder="请输入关键词" id="searchval" />
				</form>
				<!--默认：搜索专家、资源、文章
			找专家：请输入专家姓名、机构、研究方向
			找资源：请输入资源名称、用途、机构
			找文章：请输入文章标题、作者-->
			</div>
			<div class="rightnav filtered displayNone" id="sele">
				<!--选择筛选条件之后添加 filtered-->

app/js/searchListNew2.js

						' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
						'<div class="madiaInfo OmadiaInfo">' +
						'<p class="mui-ellipsis h1Font">' + $data.resourceName + '</p>' +
						'<p class="mui-ellipsis h2Font">用途：' + $data.supportedServices + '</p>' +
						'<p><span class="h2Font">' + namepo + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
						'<p class="mui-ellipsis h2Font">用途：' + $data.supportedServices + '</p>' +
						'</div>' +
						'</div>'
					document.getElementById("resourceList").appendChild(li);
					var name = ""
					var li = document.createElement("li");
					if( of == 1) {
						var userType = autho($data[i].professor.authType, $data[i].professor.orgAuth, $data[i].professor.authStatus);
						li.setAttribute("owner-id", $data[i].professor.id);
						li.setAttribute("data-type", 1);
						name = $data[i].professor.name;
					} else {
						var userType = {};
						if($data[i].editOrganization.authStatus == 3) {
							userType.sty = 'authicon-com-ok'
						} else {
							userType.sty = "e"
						}
						li.setAttribute("owner-id", $data[i].editOrganization.id);
						li.setAttribute("data-type", 2);
						if($data[i].editOrganization.forShort){
						'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
						'<div class="madiaInfo OmadiaInfo">' +
						'<p class="mui-ellipsis-2 h1Font">' + title + '</p>' +
						'<p><span class="h2Font">' + name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
						'<p class="h2Font mui-ellipsis">'+
						'<span class="nameSpan" style="margin-right:10px">' + name + '</span>'+
						'<span class="time">'+commenTime($data[i].publishTime)+'</span>'
						'</p>'+
						'</div>' +
						'</div>'
					document.getElementById("articleList").appendChild(li);
					li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
						'<div class="madiaHead patentHead"></div>' +
						'<div class="madiaInfo OmadiaInfo">' +
						'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
						'<p class="mui-ellipsis-2 h1Font">' + $data[i].name + '</p>' +
						'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
						'</div>' +
						'</div>'
					li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
						'<div class="madiaHead paperHead"></div>' +
						'<div class="madiaInfo OmadiaInfo">' +
						'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
						'<p class="mui-ellipsis-2 h1Font">' + $data[i].name + '</p>' +
						'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
						'</div>' +
						'</div>'
			}
		}
		if(webview.qiFlag == 1) {
			document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
//			document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
			document.getElementById("sele").classList.remove("displayNone");
			document.getElementById("searB").classList.add("searchboxNewT");
			search.oAjaxGet(baseUrl + "/ajax/professor/pqAPP", {
				"pageNo": pageNo.ex
			}, "get", search.oExeprt);
		} else if(webview.qiFlag == 2) {
			document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
//			document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
			document.getElementById("sele").classList.add("displayNone");
			document.getElementById("searB").classList.remove("searchboxNewT");
			search.oAjaxGet(baseUrl + "/ajax/resource/firstpq", {
				"pageNo": pageNo.rs
			}, "get", search.resource);
		} else if(webview.qiFlag == 3) {
			document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
//			document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
			document.getElementById("sele").classList.add("displayNone");
			document.getElementById("searB").classList.remove("searchboxNewT");
			search.oAjaxGet(baseUrl + "/ajax/article/firstpq", {
				"pageNo": pageNo.ar
			}, "get", search.article);
		} else if(webview.qiFlag == 4) {
			document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
//			document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
			document.getElementById("sele").classList.add("displayNone");
			document.getElementById("searB").classList.remove("searchboxNewT");	
			
				"pageNo": pageNo.pt
			}, "get", search.patent);
		} else if(webview.qiFlag == 5) {
			document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
//			document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
			document.getElementById("sele").classList.add("displayNone");
			document.getElementById("searB").classList.remove("searchboxNewT");	
			search.oAjaxGet(baseUrl + "/ajax/ppaper/pq", {
				"pageNo": pageNo.pp
			}, "get", search.paper);
		} else if(webview.qiFlag == 6) {
			document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
//			document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
			document.getElementById("sele").classList.add("displayNone");
			document.getElementById("searB").classList.remove("searchboxNewT");	
			search.oAjaxGet(baseUrl + "/ajax/org/find/pq", {
				"pageNo": pageNo.co
			}, "get", search.company);
		}
		
		//跳转专家浏览页面
		mui("#list").on("tap", "li", function() {
			var id = this.getAttribute("data-id");
			var searchval = document.getElementById("searchval").value;
			if($this.innerHTML == "找专家") {
				tabFlag = 1;
				document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
				//document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
				document.getElementById("sele").classList.remove("displayNone");
				document.getElementById("searB").classList.add("searchboxNewT");
				if(key2[0] == 1) {
				}
			} else if($this.innerHTML == "找资源") {
				tabFlag = 2;
				document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
				//document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
				document.getElementById("sele").classList.add("displayNone");
				document.getElementById("searB").classList.remove("searchboxNewT");
				if(key2[2] == 1) {
				}
			} else if($this.innerHTML == "找文章") {
				tabFlag = 3;
				document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
				//document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
				document.getElementById("sele").classList.add("displayNone");
				document.getElementById("searB").classList.remove("searchboxNewT");
				if(key2[5] == 1) {
				}
			} else if($this.innerHTML == "找专利") {
				tabFlag = 4;
				document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
				//document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
				document.getElementById("sele").classList.add("displayNone");
				document.getElementById("searB").classList.remove("searchboxNewT");
				if(key2[3] == 1) {
				}
			} else if($this.innerHTML == "找论文") {
				tabFlag = 5;
				document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
				//document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
				document.getElementById("sele").classList.add("displayNone");
				document.getElementById("searB").classList.remove("searchboxNewT");
				if(key2[4] == 1) {
				}
			}else if($this.innerHTML == "找企业") {
				tabFlag = 6;
				document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
				//document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
				document.getElementById("sele").classList.add("displayNone");
				document.getElementById("searB").classList.remove("searchboxNewT");
				if(key2[1] == 1) {