portal html css js resource

searchNew.js 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517
  1. $(function() {
  2. loginStatus();//判断个人是否登录
  3. var userid = $.cookie("userid");
  4. var num = 1;
  5. var keyt,subject,industry,address;
  6. var authType = 1;
  7. var searchContent = $.trim(GetQueryString("searchContent"));
  8. var subjectText = $.trim(GetQueryString("subject"));
  9. if(subjectText==""){
  10. subject="";
  11. }else{
  12. subject=subjectText;
  13. }
  14. if(searchContent==""){
  15. keyt="";
  16. }else{
  17. keyt=searchContent;
  18. $(".searchsome").val(searchContent);
  19. }
  20. expertListVal(keyt,subject,industry,address,authType,20,1,true);
  21. articalListVal(20, 1,true);
  22. resourceListVal(20, 1,true);
  23. academicFieldVal(subjectText);
  24. applicationIndustryVal();
  25. cityVal();
  26. //切换搜索范围
  27. jquerytab("col-w-12");
  28. //筛选条件的选择
  29. $(".filterUl").on("click","li",function(){
  30. this.parentNode.querySelector('li.filterCurrent').classList.remove("filterCurrent");
  31. this.classList.add("filterCurrent");
  32. })
  33. //筛选条件的展开关闭
  34. $(".filterListNew").on("click",".rightbtn",function(){
  35. if(this.querySelector("em").className == "unfoldtr") {
  36. this.querySelector("em").classList.remove("unfoldtr");
  37. this.querySelector("em").classList.add("foldtr");
  38. this.parentNode.querySelector(".filterUl").classList.remove("filterUlactive");
  39. } else {
  40. this.querySelector("em").classList.add("unfoldtr");
  41. this.querySelector("em").classList.remove("foldtr");
  42. this.parentNode.querySelector(".filterUl").classList.add("filterUlactive");
  43. }
  44. })
  45. $(".searchblock").hide();
  46. $(document).scroll(function() {
  47. var top = $(document).scrollTop();
  48. if (top >= 80) {
  49. $(".searchblock").stop(true,false).fadeIn();
  50. }else{
  51. $(".searchblock").stop(true,false).fadeOut();
  52. }
  53. })
  54. $(".searchsome").keydown(function(e) {
  55. if(e.which == 13) {
  56. num = $(".liactive").attr("data-id");
  57. if(num==1){
  58. expertBox();
  59. }else if(num==2){
  60. resourceListVal(20, 1,true);
  61. }else if(num==3){
  62. articalListVal(20, 1,true);
  63. }
  64. }
  65. })
  66. $(".searchgo").on("click",function(e) {
  67. num = $(".liactive").attr("data-id");
  68. if(num==1){
  69. expertBox();
  70. }else if(num==2){
  71. resourceListVal(20, 1,true);
  72. }else if(num==3){
  73. articalListVal(20, 1,true);
  74. }
  75. })
  76. $("#academicField,#applicationIndustry,#cityList").on("click","li",function(e) {
  77. expertBox();
  78. })
  79. function expertBox(){
  80. keyt = $(".searchsome").val();
  81. var subjectVal= $("#academicField li.filterCurrent").text();
  82. if(subjectVal=="不限"){
  83. subject = "";
  84. }else{
  85. subject = subjectVal;
  86. }
  87. var industryVal= $("#applicationIndustry li.filterCurrent").text();
  88. if(industryVal=="不限"){
  89. industry = "";
  90. }else{
  91. industry = industryVal;
  92. }
  93. var addressVal= $("#cityList li.filterCurrent").text();
  94. if(addressVal=="不限"){
  95. address = "";
  96. }else{
  97. address = addressVal;
  98. }
  99. expertListVal(keyt,subject,industry,address,authType,20,1,true);
  100. }
  101. });
  102. function jquerytab(name){
  103. var oDome=$('.' + name);
  104. var oSpan=oDome.find('.filterdiv li');
  105. var oP=oDome.find('.listdiv .listbox');
  106. oSpan.click(function(){
  107. $(this).addClass('liactive').siblings().removeClass('liactive');
  108. var index =oSpan.index(this);
  109. oP.eq(index).show().siblings().hide();
  110. //$(".searchsome").val("");
  111. if(index==0){
  112. //expertListVal(keyt,subject,industry,address,authType,20,1,true);
  113. $(".searchsome").attr("placeholder","请输入专家姓名、机构、研究方向");
  114. }else if(index==1){
  115. //resourceListVal(20, 1,true);
  116. $(".searchsome").attr("placeholder","请输入资源名称、用途、机构");
  117. }else{
  118. //articalListVal(20, 1,true);
  119. $(".searchsome").attr("placeholder","请输入文章标题、作者");
  120. }
  121. });
  122. }
  123. //学术领域
  124. function academicFieldVal(subjectText){
  125. $.ajax({
  126. "url": "/ajax/dataDict/qaDictCode",
  127. "type": "get",
  128. "async": false,
  129. "data": {
  130. "dictCode":"SUBJECT",
  131. },
  132. "success": function(data) {
  133. console.log(data);
  134. if(data.success) {
  135. $("#academicField").html("");
  136. $("#academicField").append('<li class="filterCurrent">不限</li>');
  137. for(var i = 0; i < data.data.length; i++) {
  138. var itemlist = '<li class="ititle">'+data.data[i].caption+'</li>';
  139. $("#academicField").append(itemlist);
  140. if(i > 20)
  141. break;
  142. }
  143. $("#academicField li").each(function(i){
  144. var textt = $(this).text();
  145. if(textt == subjectText){
  146. $(this).addClass("filterCurrent").siblings().removeClass("filterCurrent");
  147. }
  148. });
  149. }
  150. },
  151. "error": function() {
  152. $.MsgBox.Alert('提示', '链接服务器超时')
  153. }
  154. });
  155. }
  156. //应用行业
  157. function applicationIndustryVal(){
  158. $.ajax({
  159. "url": "/ajax/dataDict/qaDictCode",
  160. "type": "get",
  161. "data": {
  162. "dictCode":"INDUSTRY",
  163. },
  164. "success": function(data) {
  165. console.log(data);
  166. if(data.success) {
  167. $("#applicationIndustry").html("");
  168. $("#applicationIndustry").append('<li class="filterCurrent">不限</li>');
  169. for(var i = 0; i < data.data.length; i++) {
  170. var itemlist = '<li class="ititle">'+data.data[i].caption+'</li>';
  171. $("#applicationIndustry").append(itemlist);
  172. if(i > 20)
  173. break;
  174. }
  175. }
  176. },
  177. "error": function() {
  178. $.MsgBox.Alert('提示', '链接服务器超时')
  179. }
  180. });
  181. }
  182. //所在城市
  183. function cityVal(){
  184. $.ajax({
  185. "url": "/ajax/dataDict/qaCity",
  186. "type": "get",
  187. "data": {
  188. "dictCode":"ADDRESS",
  189. },
  190. "success": function(data) {
  191. console.log(data);
  192. if(data.success) {
  193. $("#cityList").html("");
  194. $("#cityList").append('<li class="filterCurrent">不限</li>');
  195. for(var i = 0; i < data.data.length; i++) {
  196. var itemlist = '<li class="ititle">'+data.data[i].caption+'</li>';
  197. $("#cityList").append(itemlist);
  198. if(i > 20)
  199. break;
  200. }
  201. }
  202. },
  203. "error": function() {
  204. $.MsgBox.Alert('提示', '链接服务器超时')
  205. }
  206. });
  207. }
  208. //专家点击咨询
  209. $('#expertList').on("click",".rightop",function(){
  210. if (userid && userid != "null" && userid != null) {
  211. var professorId = $(this).attr("id");
  212. ConsultApply();
  213. //点击的发送
  214. $("#sendConsultBtn").click(function() {
  215. sendConsultHandler($(this).attr("proId"))
  216. });
  217. concultProInfo(professorId);
  218. }else{
  219. $.MsgBox.Alert('提示',"请先登录再进行咨询");
  220. $("#mb_btn_ok").val("去登录");
  221. var aele = document.createElement('a');
  222. $("#mb_btnbox").append(aele);
  223. $("#mb_btnbox a").css({
  224. 'display': "block",
  225. 'width': '100%',
  226. 'height': '40px',
  227. 'position': 'absolute',
  228. 'bottom': '-6px',
  229. 'left': '0'
  230. });
  231. aele.setAttribute('href', '../login.html');
  232. }
  233. })
  234. //专家
  235. function expertListVal(keyt,subject,industry,address,authType,pageSize,pageNo,isexpert) {
  236. $.ajax({
  237. "url": "/ajax/professor/pqBaseInfo",
  238. "type": "get",
  239. "data": {
  240. "key":keyt,
  241. "subject":subject,
  242. "industry":industry,
  243. "address":address,
  244. "authType":authType,
  245. "pageSize": pageSize,
  246. "pageNo": pageNo
  247. },
  248. "beforeSend": function() {
  249. $("#expertList").append('<img src="../images/loading.gif" class="loading" style="position: absolute;left: 50%; top: 50%;" />');
  250. },
  251. "success": function(data) {
  252. console.log(data);
  253. if(data.success) {
  254. if(data.data.data.length > 0){
  255. $("#expertList,.expertPageCode").show();
  256. $(".expertPage").hide();
  257. $("#expertList").html("");
  258. var itemlist = '';
  259. for(var i = 0; i < data.data.data.length; i++) {
  260. var itemlist = '<li class="flexCenter">';
  261. itemlist += '<a href="" class="expertUrl linkhref"><div class="lefthead userheadt userRadius" id="expertImg"></div>';
  262. itemlist += '<div class="centercon">';
  263. itemlist += '<p class="h1font">';
  264. itemlist += '<span class="nameSpan" id="Name"></span>';
  265. itemlist += '<em class="authiconNew" title="科袖认证专家"></em></p>';
  266. itemlist += '<p class="h2font ellipsisSty" id="ellipsisSty">职称/职位,所在机构</p>';
  267. itemlist += '<p class="h2font ellipsisSty" id="researchAreas"></p>';
  268. itemlist += '</div></a><span class="rightop" style="display:none" id="">咨询</span>';
  269. itemlist += '</li>';
  270. $itemlist = $(itemlist);
  271. $("#expertList").append($itemlist);
  272. var datalist = data.data.data[i];
  273. $itemlist.find(".expertUrl").attr("href", "information-brow.html?professorId=" + datalist.id );
  274. $itemlist.find("#Name").text(datalist.name);
  275. $itemlist.find(".rightop").attr("id",datalist.id);
  276. if(datalist.id != userid){
  277. $itemlist.find(".rightop").show();
  278. }
  279. var userType = autho(datalist.authType, datalist.orgAuth, datalist.authStatus);
  280. $itemlist.find(".authiconNew").attr("title", userType.title);
  281. $itemlist.find(".authiconNew").addClass(userType.sty);
  282. if(datalist.hasHeadImage) {
  283. $itemlist.find("#expertImg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
  284. }
  285. var title = datalist.title || "";
  286. var orgName = datalist.orgName || "";
  287. var office = datalist.office || "";
  288. if(title != "") {
  289. var ttitle = title + ",";
  290. }else{
  291. if(office!=""){
  292. var ttitle = office + ",";
  293. }else{
  294. var ttitle = office;
  295. }
  296. }
  297. if(orgName != "") {
  298. orgName = orgName;
  299. }
  300. $itemlist.find("#ellipsisSty").text(ttitle+orgName);
  301. /*获取研究方向信息*/
  302. var researchAreas = datalist.researchAreas;
  303. if( researchAreas.length > 0){
  304. var rlist = '研究方向:';
  305. for(var n = 0; n < researchAreas.length; n++) {
  306. //console.log(researchAreas[n].caption);
  307. rlist += researchAreas[n].caption
  308. if(n < researchAreas.length - 1) {
  309. rlist += ";"
  310. }
  311. }
  312. $itemlist.find("#researchAreas").text(rlist);
  313. }
  314. }
  315. //分页
  316. if(isexpert==true){
  317. $(".expertPageCode").createPage({
  318. pageCount: Math.ceil(data.data.total / 20),
  319. current: data.data.pageNo,
  320. backFn: function(p) {
  321. $("#expertList").html("");
  322. expertListVal(keyt,subject,industry,address,authType,20,p,false);
  323. document.body.scrollTop = document.documentElement.scrollTop = 0;
  324. }
  325. });
  326. }
  327. }else{
  328. $("#expertList,.expertPageCode").hide();
  329. $(".expertPage").show();
  330. }
  331. $(".loading").remove();
  332. }
  333. },
  334. "error": function() {
  335. $.MsgBox.Alert('提示', '链接服务器超时')
  336. }
  337. });
  338. }
  339. //文章
  340. function articalListVal(pageSize, pageNo,isbind) {
  341. $.ajax({
  342. "url": "/ajax/article/firstpq",
  343. "type": "get",
  344. "async": true,
  345. "data": {
  346. "key":$(".searchsome").val(),
  347. "pageSize": pageSize,
  348. "pageNo": pageNo
  349. },
  350. "beforeSend": function() {
  351. $("#articalList").append('<img src="../images/loading.gif" class="loading" style="position: absolute;left: 50%; top: 50%;" />');
  352. },
  353. "success": function(data) {
  354. console.log(data);
  355. if(data.success) {
  356. if(data.data.data.length > 0){
  357. $("#articalList,.articalPageCode").show();
  358. $(".articalPage").hide();
  359. var itemlist = '';
  360. $("#articalList").html("");
  361. for(var i = 0; i < data.data.data.length; i++) {
  362. var itemlist = '<li class="flexCenter">';
  363. itemlist += '<a href="" class="artivleUrl linkhref"><div class="lefthead articalhead" id="articleImg"></div>';
  364. itemlist += '<div class="centercon centercon2">';
  365. itemlist += '<p class="h1font ellipsisSty" id="articalTitle"></p>';
  366. itemlist += '<p class="h2font">';
  367. itemlist += '<span class="nameSpan" id="userName"></span>';
  368. itemlist += '<em class="authiconNew" title="科袖认证专家"></em>';
  369. itemlist += '</p></div></a></li>';
  370. $itemlist = $(itemlist);
  371. $("#articalList").append($itemlist);
  372. var datalist = data.data.data[i];
  373. var articleType = datalist.articleType;
  374. $itemlist.find("#articalTitle").text(datalist.articleTitle);
  375. $itemlist.find(".artivleUrl").attr("href", "articalShow.html?articleId=" + datalist.articleId );
  376. if(datalist.articleImg) {
  377. $itemlist.find("#articleImg").attr("style", "background-image: url(/data/article/" + datalist.articleImg + ");");
  378. }
  379. if(articleType == 1) { //个人文章
  380. $itemlist.find("#userName").text(datalist.professor.name);
  381. var userType = autho(datalist.professor.authType, datalist.professor.orgAuth, datalist.professor.authStatus);
  382. $itemlist.find(".authiconNew").attr("title", userType.title);
  383. $itemlist.find(".authiconNew").addClass(userType.sty);
  384. } else if(articleType == 2) { //企业文章
  385. $itemlist.find("#userName").text(datalist.editOrganization.name);
  386. if(datalist.editOrganization.authStatus==3){
  387. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "认证企业");;
  388. }
  389. }
  390. }
  391. //分页
  392. if(isbind==true){
  393. $(".articalPageCode").createPage({
  394. pageCount: Math.ceil(data.data.total / 20),
  395. current: data.data.pageNo,
  396. backFn: function(p) {
  397. $("#articalList").html("");
  398. articalListVal(20, p,false);
  399. document.body.scrollTop = document.documentElement.scrollTop = 0;
  400. }
  401. });
  402. }
  403. }else{
  404. $("#articalList,.articalPageCode").hide();
  405. $(".articalPage").show();
  406. }
  407. $(".loading").remove();
  408. }
  409. },
  410. "error": function() {
  411. $.MsgBox.Alert('提示', '链接服务器超时')
  412. }
  413. });
  414. }
  415. //资源
  416. function resourceListVal(pageSize, pageNo,isresource) {
  417. $.ajax({
  418. "url": "/ajax/resource/firstpq",
  419. "type": "get",
  420. "async": true,
  421. "data": {
  422. "key":$(".searchsome").val(),
  423. "pageSize": pageSize,
  424. "pageNo": pageNo
  425. },
  426. "beforeSend": function() {
  427. $("#resourceList").append('<img src="../images/loading.gif" class="loading" style="position: absolute;left: 50%; top: 50%;" />');
  428. },
  429. "success": function(data) {
  430. console.log(data);
  431. if(data.success) {
  432. if(data.data.data.length > 0){
  433. $("#resourceList,.resourcePageCode").show();
  434. $(".resourcePage").hide();
  435. var itemlist = '';
  436. $("#resourceList").html("");
  437. for(var i = 0; i < data.data.data.length; i++) {
  438. var itemlist = '<li class="flexCenter">';
  439. itemlist += '<a href="" class="resourceUrl linkhref"><div class="lefthead resouhead" id="resourceImg"></div>';
  440. itemlist += '<div class="centercon">';
  441. itemlist += '<p class="h1font" id="resourceName"></p>';
  442. itemlist += '<p class="h2font ellipsisSty" id="supportedServices"></p>';
  443. itemlist += '<p class="h2font">';
  444. itemlist += '<span class="nameSpan" id="username"></span>';
  445. itemlist += '<em class="authiconNew authicon-pro" title="科袖认证专家"></em>';
  446. itemlist += '</p></div></a></li>';
  447. $itemlist = $(itemlist);
  448. $("#resourceList").append($itemlist);
  449. var datalist = data.data.data[i];
  450. var resourceType = datalist.resourceType;
  451. $itemlist.find("#resourceName").text(datalist.resourceName);
  452. $itemlist.find("#supportedServices").text("用途:" + datalist.supportedServices);
  453. $itemlist.find(".resourceUrl").attr("href", "resourceShow.html?resourceId=" + datalist.resourceId );
  454. if(datalist.images.length > 0) {
  455. $itemlist.find("#resourceImg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
  456. }
  457. if(resourceType == 1) { //个人资源
  458. $itemlist.find("#username").text(datalist.editProfessor.name);
  459. var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
  460. $itemlist.find(".authiconNew").attr("title", userType.title);
  461. $itemlist.find(".authiconNew").addClass(userType.sty);
  462. } else if(resourceType == 2) { //企业资源
  463. $itemlist.find("#username").text(datalist.organization.name);
  464. if(datalist.organization.authStatus==3){
  465. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "认证企业");;
  466. }
  467. }
  468. }
  469. //分页
  470. if(isresource==true){
  471. $(".resourcePageCode").createPage({
  472. pageCount: Math.ceil(data.data.total / 20),
  473. current: data.data.pageNo,
  474. backFn: function(p) {
  475. $("#resourceList").html("");
  476. resourceListVal(20, p,false);
  477. document.body.scrollTop = document.documentElement.scrollTop = 0;
  478. }
  479. });
  480. }
  481. }else{
  482. $("#resourceList,.resourcePageCode").hide();
  483. $(".resourcePage").show();
  484. }
  485. $(".loading").remove();
  486. }
  487. },
  488. "error": function() {
  489. $.MsgBox.Alert('提示', '链接服务器超时')
  490. }
  491. });
  492. }