portal html css js resource

resourceShow.js 6.9KB

    $(document).ready(function() { $(".jqzoom").imagezoom(); $("#thumblist").on("click", "li a", function() { $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected"); $(".jqzoom").attr('src', $(this).find("img").attr("src")); $(".jqzoom").attr('rel', $(this).find("img").attr("src")); }); $('.shareWeixin').hover(function() { $('.shareCode').stop(true, false).fadeToggle(); }); var resourceId = GetQueryString("resourceId"); var professorId = ""; getRecourceMe(); /*获取资源信息*/ function getRecourceMe() { $.ajax({ "url": "/ajax/resource/queryOne", "type": "GET", "success": function(data) { console.log(data); if(data.success) { resourceHtml(data.data); } }, "data": { "resourceId": resourceId }, dataType: "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } /*合作备注及性能参数存储换行格式*/ function outHTML(selecter) { var getValue = selecter; var aa = ""; if(getValue) { var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|"); var cc = endValue.split("|"); for(var i = 0; i < cc.length; i++) { aa += cc[i] + '<br/>' } } return aa; } /*处理资源html代码*/ function resourceHtml($da) { $("#resourceName").text($da.resourceName); //名字 $("#application").text($da.supportedServices); //应用用途 if($da.orgName) { //所属机构 $("#organizationName").text($da.orgName).parents("li").show(); } $("#nameS").text($da.editProfessor.name); if($da.editProfessor.title) { $("#titleOffice").text($da.editProfessor.title); } else { if($da.editProfessor.office) { $("#titleOffice").text($da.editProfessor.office); } } if($da.editProfessor.orgName) { $("#orgType").text($da.editProfessor.orgName); } professorId = $da.editProfessor.id; var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus); $("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title); if($da.editProfessor.hasHeadImage == 1) { $("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)'); } if($da.spec) { //厂商型号 $("#modelNumber").text($da.spec).parents("li").show(); } if($da.parameter) { //性能参数 $("#performancePa").html(outHTML($da.parameter)).parents("li").show(); } if($da.cooperationNotes) { //合作备注 $("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show(); } if($da.subject) { var oSub = $da.subject.split(","); interestingResources(oSub); var oSt = ""; for(var i = 0; i < oSub.length; i++) { oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>' } $(".tagList").html(oSt); } if($da.descp) { //编辑器 $("#descp").html($da.descp).parents("li").show(); } //return; if($da.images.length) { $("#firstFigure").attr({ "src": "/data/resource/" + $da.images[0].imageSrc, "rel": "/data/resource/" + $da.images[0].imageSrc }).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc); var arr = ""; for(var i = 0; i < $da.images.length; i++) { if($da.images[i] == $da.images[0]) { var oString = '<li class="tb-selected">' + '<div class="tb-pic tb-s66">' + '<a href="javascript:void(0);">' + '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' + '</a>' + '</div>' + '</li>' } else { var oString = '<li >' + '<div class="tb-pic tb-s66">' + '<a href="javascript:void(0);">' + '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' + '</a>' + '</div>' + '</li>' } arr += oString; } $("#thumblist").html(arr); } } /*点击名字及头像跳转个人浏览页面*/ $("#nameS,#headImg").click(function() { location.href = "information-brow.html?professorId=" + professorId; }) /*资源里面相关文章*/ function relatedArticles() { $.ajax({ "url": "/ajax/resource/articles", "type": "GET", "success": function(data) { console.log(data); if(data.success) { relatedArticlesHtml(data.data); } }, "data": { "resourceId": resourceId, "rows": 5 }, dataType: "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } relatedArticles(); /*资源相关文章html*/ function relatedArticlesHtml($html) { for(var i = 0; i < $html.length; i++) { (function(n) { $.ajax({ "url": "/ajax/professor/baseInfo/" + $html[i].article.professorId, "type": "GET", "success": function(data) { if(data.success) { var stl = autho(data.data.authType, data.data.orgAuth, data.data.authStatus); var str = "" str += '<li>' if($html[n].article.articleImg) { str += '<div class="madiaHead artHead" style="background-image: url(/data/article/' + $html[n].article.articleImg + ')"></div>' } else { str += '<div class="madiaHead artHead"></div>' } str += '<div class="madiaInfo">' str += '<p class="h1Font ellipsisSty-2">' + $html[n].article.articleTitle + '</p>' str += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>' str += '</div></li>' $("#oArticle").append(str); } }, 'dataType': "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); })(i); } } /*感兴趣的资源*/ function interestingResources(arry) { $.ajax({ "url": "/ajax/resource/ralateRes", "type": "GET", "success": function(data) { console.log(data); if(data.success) { interestingResourcesHtml(data.data); } }, "data": { "keys": arry }, "traditional":true, dataType: "json", 'error': function() { $.MsgBox.Alert('提示', '服务器连接超时!'); } }); } /*感兴趣资源的html*/ function interestingResourcesHtml($respond) { for(var i=0;i<$respond.length;i++) { var oStr=''; if($respond[i].images.length) { oStr+='<li><div class="madiaHead resouseHead"style="background-image: url(/data/resource/'+$respond[i].images[0].imageSrc+')"></div>' }else { oStr+='<li><div class="madiaHead resouseHead"></div>' } oStr+='<div class="madiaInfo">' oStr+='<p class="h1Font">'+$respond[i].resourceName+'</p>' oStr+='<p class="h2Font ellipsisSty">用途:<span>'+$respond[i].supportedServices+'</span></p>' //oStr += '<p><span class="h1Font">' + data.data.name + '</span><em class="authiconNew ' + stl.sty + '" title="' + stl.title + '"></em></p>' oStr+='</div></li>' $("#resourceList").append(oStr); } } })