Browse Source

搜索相关

luyanan 7 years ago
parent
commit
92dda65d72
3 changed files with 31 additions and 39 deletions
  1. 10 10
      app/css/app.css
  2. 1 5
      app/html/searchListNew2.html
  3. 20 24
      app/js/searchListNew2.js

+ 10 - 10
app/css/app.css

@ -980,13 +980,13 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
980 980
.searchTab .h1Font{font-size:16px;color:#333;}
981 981
.searchTab .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
982 982
.searchTab .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
983
.searchTab .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
983
.searchTab .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;/*border:1px solid #E5E5E5;*/top:50%;background-position: center;background-size: cover;}
984 984
.searchTab .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
985 985
.searchTab .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
986 986
.searchTab .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
987 987
.searchTab .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
988 988
.searchTab .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
989
.searchTab .madiaHead.companyHead{background:#fff;}
989
.searchTab .madiaHead.companyHead{background:#fff;border:none}
990 990
.searchTab .madiaHead.companyHead .boxBlock{width:88px;height:58px;}
991 991
.searchTab .madiaInfo{padding-left:62px; width: 100%;}
992 992
.searchTab .madiaInfo.OmadiaInfo{padding-left: 102px;}
@ -1066,7 +1066,7 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
1066 1066
/*****************************2017.05新版文章资源样式************************/
1067 1067
/*文章浏览*/
1068 1068
.showDetail{padding:15px;padding-top:10px;}
1069
.showDetail .hWeight{font-weight:bold; word-break: break-all; -webkit-user-select:text;}
1069
.showDetail .hWeight{font-weight:bold; word-break: break-word; -webkit-user-select:text;}
1070 1070
.showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
1071 1071
.showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333; -webkit-user-select:text;}
1072 1072
.showDetail .h2Font{font-size:14px;color:#666;}
@ -1079,8 +1079,8 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
1079 1079
.showDetail .invite.invite2{/*width:56px;*/}
1080 1080
.showDetail .showMain{font-size:15px;color:#333;line-height:28px;/*text-indent: 2em;*/}
1081 1081
.showDetail .showMain img{max-width: 100%;/*margin-left:-32px;*/}
1082
.showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;}
1083
.showDetail .showMain *{ -webkit-user-select:text; word-break: break-all;}
1082
.showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;text-align:justify}
1083
.showDetail .showMain *{ -webkit-user-select:text; word-break: break-word;}
1084 1084
ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
1085 1085
ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
1086 1086
ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
@ -1097,9 +1097,9 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
1097 1097
.madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
1098 1098
.madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
1099 1099
.madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
1100
.madiaBlock .madiaHead.cmpHead{width:90px;height:60px;margin-top:-30px;background:#FFFFFF;border-radius:0;}
1100
.madiaBlock .madiaHead.cmpHead{width:90px;height:60px;margin-top:-30px;background:#FFFFFF;border-radius:0;border:none}
1101 1101
.madiaBlock .madiaHead.cmpHead .boxBlock{width: 88px;height:58px;}
1102
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;}
1102
.madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:#FFFFFF;border-radius:0;border:none}
1103 1103
.madiaBlock .madiaHead.cmpHead2 .boxBlock{width:48px;height:38px;}
1104 1104
.madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
1105 1105
.madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
@ -1143,7 +1143,7 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
1143 1143
.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;}
1144 1144
.showMain>ul{margin:0;padding:0;}
1145 1145
.showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
1146
.showMain.showRes .showCon{-webkit-user-select:text;}
1146
.showMain.showRes .showCon{-webkit-user-select:text;text-align:justify}
1147 1147
.showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
1148 1148
.showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
1149 1149

@ -1167,7 +1167,7 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
1167 1167
.showMainP li{overflow: hidden;}
1168 1168
.showMainP .showTit{padding-left: 0;color: #666;}
1169 1169
.showMainP .showTit:before{content: none;}
1170
.showMainP .showCon{color: #333;}
1170
.showMainP .showCon{color: #333;text-align:justify}
1171 1171

1172 1172
/*新版用户和企业相关*/
1173 1173
.showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
@ -1175,7 +1175,7 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
1175 1175
		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);}
1176 1176
.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;}
1177 1177
.cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
1178
.cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background: #fff;}
1178
.cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background:none;}
1179 1179
.cardImg.cmpCard .boxBlock{width:120px;height: 80px;}
1180 1180
.cardInfo{margin-top:82px;}
1181 1181
.cardInfo .h1Font{font-size:16px;}

+ 1 - 5
app/html/searchListNew2.html

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

+ 20 - 24
app/js/searchListNew2.js

@ -287,8 +287,8 @@ for(var n=0;n<6;n++) {
287 287
						' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
288 288
						'<div class="madiaInfo OmadiaInfo">' +
289 289
						'<p class="mui-ellipsis h1Font">' + $data.resourceName + '</p>' +
290
						'<p class="mui-ellipsis h2Font">用途:' + $data.supportedServices + '</p>' +
291 290
						'<p><span class="h2Font">' + namepo + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
291
						'<p class="mui-ellipsis h2Font">用途:' + $data.supportedServices + '</p>' +
292 292
						'</div>' +
293 293
						'</div>'
294 294
					document.getElementById("resourceList").appendChild(li);
@ -370,17 +370,10 @@ for(var n=0;n<6;n++) {
370 370
					var name = ""
371 371
					var li = document.createElement("li");
372 372
					if( of == 1) {
373
						var userType = autho($data[i].professor.authType, $data[i].professor.orgAuth, $data[i].professor.authStatus);
374 373
						li.setAttribute("owner-id", $data[i].professor.id);
375 374
						li.setAttribute("data-type", 1);
376 375
						name = $data[i].professor.name;
377 376
					} else {
378
						var userType = {};
379
						if($data[i].editOrganization.authStatus == 3) {
380
							userType.sty = 'authicon-com-ok'
381
						} else {
382
							userType.sty = "e"
383
						}
384 377
						li.setAttribute("owner-id", $data[i].editOrganization.id);
385 378
						li.setAttribute("data-type", 2);
386 379
						if($data[i].editOrganization.forShort){
@ -396,7 +389,10 @@ for(var n=0;n<6;n++) {
396 389
						'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
397 390
						'<div class="madiaInfo OmadiaInfo">' +
398 391
						'<p class="mui-ellipsis-2 h1Font">' + title + '</p>' +
399
						'<p><span class="h2Font">' + name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
392
						'<p class="h2Font mui-ellipsis">'+
393
						'<span class="nameSpan" style="margin-right:10px">' + name + '</span>'+
394
						'<span class="time">'+commenTime($data[i].publishTime)+'</span>'
395
						'</p>'+
400 396
						'</div>' +
401 397
						'</div>'
402 398
					document.getElementById("articleList").appendChild(li);
@ -473,7 +469,7 @@ for(var n=0;n<6;n++) {
473 469
					li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
474 470
						'<div class="madiaHead patentHead"></div>' +
475 471
						'<div class="madiaInfo OmadiaInfo">' +
476
						'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
472
						'<p class="mui-ellipsis-2 h1Font">' + $data[i].name + '</p>' +
477 473
						'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
478 474
						'</div>' +
479 475
						'</div>'
@ -549,7 +545,7 @@ for(var n=0;n<6;n++) {
549 545
					li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
550 546
						'<div class="madiaHead paperHead"></div>' +
551 547
						'<div class="madiaInfo OmadiaInfo">' +
552
						'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
548
						'<p class="mui-ellipsis-2 h1Font">' + $data[i].name + '</p>' +
553 549
						'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
554 550
						'</div>' +
555 551
						'</div>'
@ -642,7 +638,7 @@ for(var n=0;n<6;n++) {
642 638
			}
643 639
		}
644 640
		if(webview.qiFlag == 1) {
645
			document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
641
//			document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
646 642
			document.getElementById("sele").classList.remove("displayNone");
647 643
			document.getElementById("searB").classList.add("searchboxNewT");
648 644
			search.oAjaxGet(baseUrl + "/ajax/professor/pqAPP", {
@ -655,7 +651,7 @@ for(var n=0;n<6;n++) {
655 651
				"pageNo": pageNo.ex
656 652
			}, "get", search.oExeprt);
657 653
		} else if(webview.qiFlag == 2) {
658
			document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
654
//			document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
659 655
			document.getElementById("sele").classList.add("displayNone");
660 656
			document.getElementById("searB").classList.remove("searchboxNewT");
661 657
			search.oAjaxGet(baseUrl + "/ajax/resource/firstpq", {
@ -664,7 +660,7 @@ for(var n=0;n<6;n++) {
664 660
				"pageNo": pageNo.rs
665 661
			}, "get", search.resource);
666 662
		} else if(webview.qiFlag == 3) {
667
			document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
663
//			document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
668 664
			document.getElementById("sele").classList.add("displayNone");
669 665
			document.getElementById("searB").classList.remove("searchboxNewT");
670 666
			search.oAjaxGet(baseUrl + "/ajax/article/firstpq", {
@ -673,7 +669,7 @@ for(var n=0;n<6;n++) {
673 669
				"pageNo": pageNo.ar
674 670
			}, "get", search.article);
675 671
		} else if(webview.qiFlag == 4) {
676
			document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
672
//			document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
677 673
			document.getElementById("sele").classList.add("displayNone");
678 674
			document.getElementById("searB").classList.remove("searchboxNewT");	
679 675
			
@ -683,7 +679,7 @@ for(var n=0;n<6;n++) {
683 679
				"pageNo": pageNo.pt
684 680
			}, "get", search.patent);
685 681
		} else if(webview.qiFlag == 5) {
686
			document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
682
//			document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
687 683
			document.getElementById("sele").classList.add("displayNone");
688 684
			document.getElementById("searB").classList.remove("searchboxNewT");	
689 685
			search.oAjaxGet(baseUrl + "/ajax/ppaper/pq", {
@ -692,7 +688,7 @@ for(var n=0;n<6;n++) {
692 688
				"pageNo": pageNo.pp
693 689
			}, "get", search.paper);
694 690
		} else if(webview.qiFlag == 6) {
695
			document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
691
//			document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
696 692
			document.getElementById("sele").classList.add("displayNone");
697 693
			document.getElementById("searB").classList.remove("searchboxNewT");	
698 694
			search.oAjaxGet(baseUrl + "/ajax/org/find/pq", {
@ -701,7 +697,7 @@ for(var n=0;n<6;n++) {
701 697
				"pageNo": pageNo.co
702 698
			}, "get", search.company);
703 699
		}
704

700
		
705 701
		//跳转专家浏览页面
706 702
		mui("#list").on("tap", "li", function() {
707 703
			var id = this.getAttribute("data-id");
@ -895,7 +891,7 @@ for(var n=0;n<6;n++) {
895 891
			var searchval = document.getElementById("searchval").value;
896 892
			if($this.innerHTML == "找专家") {
897 893
				tabFlag = 1;
898
				document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
894
				//document.getElementById("searchval").setAttribute("placeholder", "请输入专家姓名、机构、研究方向");
899 895
				document.getElementById("sele").classList.remove("displayNone");
900 896
				document.getElementById("searB").classList.add("searchboxNewT");
901 897
				if(key2[0] == 1) {
@ -935,7 +931,7 @@ for(var n=0;n<6;n++) {
935 931
				}
936 932
			} else if($this.innerHTML == "找资源") {
937 933
				tabFlag = 2;
938
				document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
934
				//document.getElementById("searchval").setAttribute("placeholder", "输入资源名称、用途、机构或相关关键词");
939 935
				document.getElementById("sele").classList.add("displayNone");
940 936
				document.getElementById("searB").classList.remove("searchboxNewT");
941 937
				if(key2[2] == 1) {
@ -966,7 +962,7 @@ for(var n=0;n<6;n++) {
966 962
				}
967 963
			} else if($this.innerHTML == "找文章") {
968 964
				tabFlag = 3;
969
				document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
965
				//document.getElementById("searchval").setAttribute("placeholder", "输入文章标题、作者或相关关键词");
970 966
				document.getElementById("sele").classList.add("displayNone");
971 967
				document.getElementById("searB").classList.remove("searchboxNewT");
972 968
				if(key2[5] == 1) {
@ -997,7 +993,7 @@ for(var n=0;n<6;n++) {
997 993
				}
998 994
			} else if($this.innerHTML == "找专利") {
999 995
				tabFlag = 4;
1000
				document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
996
				//document.getElementById("searchval").setAttribute("placeholder", "输入专利名称、发明人、专利号或相关关键词");
1001 997
				document.getElementById("sele").classList.add("displayNone");
1002 998
				document.getElementById("searB").classList.remove("searchboxNewT");
1003 999
				if(key2[3] == 1) {
@ -1028,7 +1024,7 @@ for(var n=0;n<6;n++) {
1028 1024
				}
1029 1025
			} else if($this.innerHTML == "找论文") {
1030 1026
				tabFlag = 5;
1031
				document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
1027
				//document.getElementById("searchval").setAttribute("placeholder", "输入论文题目、作者或相关关键词");
1032 1028
				document.getElementById("sele").classList.add("displayNone");
1033 1029
				document.getElementById("searB").classList.remove("searchboxNewT");
1034 1030
				if(key2[4] == 1) {
@ -1059,7 +1055,7 @@ for(var n=0;n<6;n++) {
1059 1055
				}
1060 1056
			}else if($this.innerHTML == "找企业") {
1061 1057
				tabFlag = 6;
1062
				document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
1058
				//document.getElementById("searchval").setAttribute("placeholder", "输入企业名称、产品名称或相关关键词");
1063 1059
				document.getElementById("sele").classList.add("displayNone");
1064 1060
				document.getElementById("searB").classList.remove("searchboxNewT");
1065 1061
				if(key2[1] == 1) {