portal html css js resource

3.html 29KB

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>非专利-科袖网</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" href="../css/reset.css" /> <link rel="stylesheet" href="../css/common.css" /> <link rel="stylesheet" href="../css/share.css" /> <style> html, body { background: #FFFFFF; } </style> <script type="text/javascript" src="../js/jquery-1.11.1.js"></script> <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript" src="../js/public/baseUtil.js"></script> <script type="text/javascript" src="../js/public/shareCom.js"></script> <script type="text/javascript" src="../js/public/shareLeaveWord.js"></script> <script type="text/javascript" src="../js/public/openApp.js"></script> </head> <body> <div class="contentBody2"> <div class="showDetail"> <div class="h1Font hWeight" id="paperName"></div> <!--内容区--> <div class="showMain showMainP"> <ul class="paperList"> <li> <div class="showTit">行业领域:<span class="showCon" id="paperJournal"></span></div> </li> <li> <div class="showTit">应用领域:<span class="showCon" id="paperVolume"></span></div> </li> <li> <div class="showTit">成果简介:</div> <div class="showCon" id="paperAbstract"> </div> </li> <li> <div class="showTit">应用介绍:</div> <div class="showCon" id="applyDescp"> </div> </li> <li> <div class="showTit">技术优势:</div> <div class="showCon" id="advanTage"> </div> </li> <li> <div class="showTit">技术水平:</div> <div class="showCon" id="level"> </div> </li> <li> <div class="showTit">技术指标:</div> <div class="showCon" id="indicator"> </div> </li> <li> <div class="showTit">产业化前景:</div> <div class="showCon" id="prospect"> </div> </li> <li> <div class="showTit">经济和社会效益:</div> <div class="showCon" id="benefit"> </div> </li> <!-- <li> <div class="showTit">成果简介</div> <div class="showCon" id="paperAbstract"> </div> </li> --> </ul> </div> <!--标签模块--> <ul class="tagList"> </ul> <!-- 研发者 --> <div class="madiaBlock"> <div class="madiaTit">研发者</div> <ul class="mui-table-view" id="investigator"> </ul> </div> <!-- 研发机构 --> <!-- <div class="mainbox displayNone"> <div class="infocontit">研究机构</div> <div class="infocon madiaBlock"> <ul class="mui-table-view" id="researchOrganization"> </ul> </div> </div> --> <div class="madiaBlock"> <div class="madiaTit">研究机构</div> <ul class="mui-table-view" id="researchOrganization"> </ul> </div> <div class="madiaBlock displayNone" id="patentModule"> <div class="madiaTit">相关专利</div> <ul class="mui-table-view" id="patentList"> <!-- <li class="mui-table-view-cell"> <div class="flexCenter OflexCenter mui-clearfix"> <div class="madiaHead patentHead"></div> <div class="madiaInfo OmadiaInfo"> <p class="ellipsisSty h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p> <p class="ellipsisSty h2Font">作者:李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p> </div> </div> </li>--> </ul> </div> <div class="thumbBlock"> <!-- <span class="thumbBtn">赞 <span id="snum"></span></span> --> </div> <div class="madiaBlock displayNone" style="padding-bottom:50px;" id="leword"> <div class="madiaTit" id="olisten">留言</div> <ul class="mui-table-view commentBlock noactiveTab"> </ul> </div> </div> <div class="shareEcode"> <img class="Ecodecon" src="../images/ecordCard.jpg" /> <div class="Ecodeinfo"> <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { var imgUrl = "http://www.ekexiu.com/images/logo180.png"; var lineLink = document.location.href; var descContent; var shareTitle; var appid = ''; var serviceId = GetQueryString("id"); var othisInfo = document.getElementById("thisInfo"); //用户/企业信息 var othisName = document.getElementById("thisName"); //专家名称 var othisOther = document.getElementById("thisOther"); //专家职称/职位 var oauthFlag = document.getElementById("authFlag"); //专家认证 var othisPic = document.getElementById("thisPic"); //专家头像 var oresorcePic = document.getElementById("resorcePic"); //资源图片 var oresourceName = document.getElementById("resourceName"); //资源名称 var oapplication = document.getElementById("application"); //应用用途 var oremarkContent = document.getElementById("remarkContent"); //合作备注 var odetailDescp = document.getElementById("detailDescp"); //详细描述 var paperId = GetQueryString("id"); module.lWord(paperId, 2); pageViewLog(paperId, 5) isAgreeNum() function isAgreeNum() { var data = { "id": paperId } $.ajax({ url: "/ajax/ppaper/agreeCount", data: data, dataType: 'json', //数据格式类型 type: 'get', //http请求类型 timeout: 10000, async: true, success: function (data) { if (data.success) { $(".thumbBtn").html("赞 <span>" + data.data + "</span>"); } }, error: function () { //$.MsgBox.Alert('提示',"服务器链接超时"); } }); } var this_ = "../html/paperShow.html?paperId=" + paperId; wcFresh(this_); $("body").on("click", ".goSpan,.thumbBtn", function () { isInstalled(this_, true); $(this).addClass("activeThis"); }) $("#researchOrganization").on("click", "li", function () { location.href = "http://" + window.location.host + "/e/c.html?id=" + $(this).attr( "data-id"); }); $("#paperList").on("click", "li", function () { location.href = "http://" + window.location.host + "/e/l.html?id=" + $(this).attr( "data-id"); }); $("#patentList").on("click", "li", function () { location.href = "http://" + window.location.host + "/e/z.html?id=" + $(this).attr( "data-id"); }); // getRecourceMe(); /*获取信息*/ $("#aboutAuthors").on("click", "li", function () { var oDataId = $(this).attr("data-id"); if (oDataId.substring(0, 1) != "#") { location.href = "http://" + window.location.host + "/e/p.html?id=" + oDataId; $(this).addClass("activeThis"); } }) $(".tagList").on("click", "li", function () { var keyCon = $(this).find(".h2Font").text(); location.href = "http://" + window.location.host + "/e/search.html?flag=5&key=" + keyCon; }) $(".madiaTit").on("click", "li", function () { var keyCon = $(this).find(".h2Font").text(); location.href = "http://" + window.location.host + "/e/search.html?flag=5&key=" + keyCon; }) // $("#investigator").on("click", "li", function () { // var keyCon = $(this).find(".h2Font").text(); // location.href = "http://" + window.location.host + "/e/search.html?flag=7&key=" + // keyCon; // }) $('#investigator').on('click', 'li', function () { var id = this.getAttribute("data-id"); location.href = "http://" + window.location.host + "/e/p.html?id=" + id; $(this).addClass("activeThis"); }) getNotProfession() //获取非专信息 function getNotProfession() { $.ajax({ url: '/ajax/resResult/qo', data: { 'id': paperId, }, dataType: 'json', //服务器返回json格式数据 type: 'get', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function (data) { if (data.success) { paperHtml(data.data); //非专列表渲染 getpatentAuthors(data.data.id) //研究者数据渲染 relevantarticalList(data.data.orgId) //企业 } }, error: function (e) { return; } }); } //渲染主题内容 function paperHtml($da) { document.getElementById("paperName").innerHTML = $da.name; //名字 if ($da.industry) { document.getElementById("paperJournal").innerHTML = $da.industry; //行业领域 } else { $('#paperJournal').parent().parent().css('display', 'none') } if ($da.subject) { document.getElementById("paperVolume").innerHTML = $da.subject; //行业领域 } else { $('#paperVolume').parent().parent().css('display', 'none') } if ($da.descp) { document.getElementById("paperAbstract").innerHTML = $da.descp; //专利简介 } else { $('#paperAbstract').parent().css('display', 'none') } //applyDescp if ($da.applyDescp) { document.getElementById("applyDescp").innerHTML = $da.applyDescp; //应用介绍 } else { $('#applyDescp').parent().css('display', 'none') } if ($da.advantage) { document.getElementById("advanTage").innerHTML = $da.advantage; //技术优势 } else { $('#advanTage').parent().css('display', 'none') } if ($da.advantage) { document.getElementById("level").innerHTML = $da.level; // 技术水平 } else { $('#level').parent().css('display', 'none') } if ($da.indicator) { document.getElementById("indicator").innerHTML = $da.indicator; // 技术指标: } else { $('#indicator').parent().css('display', 'none') } if ($da.prospect) { document.getElementById("prospect").innerHTML = $da.prospect; // 产业化前景: } else { $('#prospect').parent().css('display', 'none') } if ($da.benefit) { document.getElementById("benefit").innerHTML = $da.prospect; // 经济和社会效益 } else { $('#benefit').parent().css('display', 'none') } } //获取研究人数据 function getpatentAuthors(stritrm) { // 成果id $.ajax({ "url": "/ajax/resResult/researcher", "type": "GET", "success": function (data) { if (data.success) { if (data.data.length > 0) { for (var i = 0; i < data.data.length; i++) { var authTy = "", authTit = "", baseInfo = "", imgbg = "../images/default-photo.jpg"; if (data.data[i].professorId.substring(0, 1) != "#") { $.ajax({ url: "../ajax/professor/editBaseInfo/" + data .data[i].professorId, type: "get", async: true, success: function ($proData) { console.log($proData) if ($proData.success) { var showPro = $proData.data; if (showPro.hasHeadImage == 1) { imgbg = "/images/head/" + showPro.id + "_l.jpg"; } else { imgbg = "../images/default-photo.jpg"; } //认证 var oSty = autho(showPro.authType, showPro.orgAuth, showPro .authStatus); authTy = oSty.sty; authTit = oSty.title; var title = showPro.title || ""; var orgName = showPro.orgName || ""; var office = showPro.office || ""; if (orgName != "") { if (title != "") { baseInfo = title + "," + orgName; } else { if (office != "") { baseInfo = office + "," + orgName; } else { baseInfo = orgName; } } } else { if (title != "") { baseInfo = title; } else { if (office != "") { baseInfo = office; } else { baseInfo = ""; } } } var liItem = document.createElement( "li"); liItem.setAttribute("data-id", showPro.id); liItem.className = "mui-table-view-cell" var oString = '<div class="flexCenter mui-clearfix">' oString += '<div class="madiaHead useHead" style="background-image:url(' + imgbg + ')"></div>' oString += '<div class="madiaInfo"><p><span class="h1Font">' + showPro.name + '</span></p>' // oString += // '<p class="ellipsisSty h2Font">' + // baseInfo + '</p>' // oString += // '</div><div class="goSpan"><span class="attenSpan" data-id="' + // showPro.id + // '">关注</span></div></div>' liItem.innerHTML = oString; document.getElementById( "investigator").appendChild( liItem); } } }) } else { var liItem = document.createElement("li"); liItem.setAttribute("data-id", data.data[i].professorId); liItem.className = "mui-table-view-cell" var oString = '<div class="flexCenter mui-clearfix">' oString += '<div class="madiaHead useHead" style="background-image:url(' + imgbg + ')"></div>' oString += '<div class="madiaInfo"><p><span class="h1Font">' + data .data[i].name + '</span></p>' oString += '</div></div>' liItem.innerHTML = oString; document.getElementById("investigator").appendChild(liItem); } } } } }, "data": { "id": stritrm }, dataType: "json", 'error': function () { //$.MsgBox.Alert('提示', '链接服务器超时') } }); } //研究机构 function relevantarticalList(id) { $.ajax({ "url": "/ajax/org/" + id, "type": "GET", "dataType": "json", "async": "false", "success": function (data) { console.log(data) if (data.success && data.data != "") { document.getElementById("researchOrganization").parentNode .classList.remove("displayNone"); document.getElementById("researchOrganization").innerHTML = ""; var StrData = data.data var imgL = "../images/default-artical.jpg"; if (StrData.hasOrgLogo) { imgL = '/images/org/' + StrData.id + '.jpg' } var add = document.createElement("li"); add.setAttribute("data-id", StrData.id); add.className = "mui-table-view-cell flexCenter OflexCenter"; var itemlist = '<div class="madiaHead artHead" style="background-image:url(' + imgL + ')"></div>'; itemlist += '<div class="madiaInfo OmadiaInfo">'; itemlist += '<p class="ellipsisSty-2 h1Font" id="usertitle">' + StrData.name + '</p>'; itemlist += '<p><span class="h2Font" style="margin-right:10px">' + '</span><span class="time">' + commenTime(StrData .createTime) + '</span></p>'; itemlist += '</div>'; add.innerHTML = itemlist; document.getElementById("researchOrganization").appendChild(add); } } }); } /*微信分享*/ $.ajax({ url: "../ajax/weixin/jsapiTicket", type: 'get', dataType: 'json', contentType: "application/x-www-form-urlencoded; charset=utf-8", data: { 'url': location.href.split('#')[0] }, success: function (data) { if (data.data) { wx.config({ debug: false, //调试模式好犀利 appId: data.data.appId, timestamp: data.data.timestamp, nonceStr: data.data.nonceStr, signature: data.data.signature, jsApiList: [ // 所有要调用的 API 都要加到这个列表中 "onMenuShareAppMessage", "onMenuShareTimeline", "onMenuShareQQ", "onMenuShareQZone", "scanQRCode", ] }); wx.ready(function () { // 在这里调用 API wx.onMenuShareAppMessage({ //分享给朋友 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareTimeline({ //分享到朋友圈 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareQQ({ //分享到QQ title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareQZone({ //分享到QQ空间 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); }); //分享成功后的回调函数 function share_success_callback() {} //用户取消分享后执行的回调函数 function share_cancel_callback() {} } } }); function patentRelatedList(array) { $.ajax({ "url": "/ajax/ppatent/assPatents", "type": "GET", "dataType": "json", "data": { "kws": array }, "traditional": true, //传数组必须加这个 "success": function (data) { if (data.success) { var $data = data.data; var lengthT; if ($data.length > 5) { lengthT = 5; } else { lengthT = $data.length } if ($data.length > 0) { document.getElementById("patentModule").style.display = "block"; for (var i = 0; i < lengthT; i++) { var li = document.createElement("li"); li.setAttribute("data-id", $data[i].id); li.className = "mui-table-view-cell"; li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' + '<div class="madiaHead patentHead"></div>' + '<div class="madiaInfo OmadiaInfo">' + '<p class="ellipsisSty-2 h1Font">' + $data[i].name + '</p>' + '<p class="ellipsisSty h2Font">作者:' + $data[i].authors .substring(0, $data[i].authors.length - 1) + '</p>' + '</div>' + '</div>' document.getElementById("patentList").appendChild(li); } } } }, "error": function () { plus.nativeUI.toast("服务器链接超时", toastStyle); } }); } }) </script> </body> </html>