portal html css js resource

shareResinfor.html 11KB

    <!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{margin:0;padding:0px;background: #FFFFFF;} </style> <script type="text/javascript" src="../js/jquery-1.11.1.js"></script> <script type="text/javascript" src="../js/public/swiper.min.js"></script> </head> <body> <div class="contentBody2"> <!--焦点图 start--> <div data-editor="topslider"> <div id="index-container"> <ul class="swiper-wrapper"> <!--<li class="swiper-slide"><a class="tab-re"><img src="../images/banner/banner01.jpg" /></a></li>--> </ul> <div class="swiper-pagination" id="index-pagination"></div> </div> </div> <div class="showDetail"> <div class="h1Font hWeight" id="resourceName"></div> <div class="showFont" id="application"></div> <div class="madiaBlock"> <ul class="mui-table-view noactiveTab infoBlock"> <li class="mui-table-view-cell"> <div class="flexCenter mui-clearfix" id="thisInfo"> <div class="madiaHead" id="thisPic"></div> <div class="madiaInfo"> <p><span class="h1Font mui-ellipsis" id="thisName"></span><em class="authiconNew" title="" id="authFlag"></em></p> <p class="h3Font mui-ellipsis" id="thisOther"></p> </div> </div> </li> </ul> </div> <!--内容区--> <div class="showMain showRes"> <ul> <li> <div class="showTit">所属机构</div> <div class="showCon" id="resorceOrg"></div> </li> <li> <div class="showTit">厂商型号</div> <div class="showCon" id="modelNumber"></div> </li> <li> <div class="showTit">性能参数</div> <div class="showCon" id="performancePa"></div> </li> <li> <div class="showTit">合作备注</div> <div class="showCon" id="remarkContent"></div> </li> <li> <div class="showTit">详细介绍</div> <div class="showCon" id="detailDescp"></div> </li> </ul> </div> <!--标签模块--> <ul class="tagList"> <!--<li> <span class="h2Font"></span> </li>--> </ul> </div> <div class="shareEcode"> <div class="Ecodebox"> <div class="Ecodecon clearfix"> <img src="../images/weixin_code.jpg" /> <div class="codecon"> <h1>「 科袖 」</h1> <h2>搭建企业与专家的桥梁</h2> <h3>长按识别科袖公众号</h3> </div> </div> </div> <div style="margin:20px auto;"> <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 resourceId = GetQueryString("resourceId"); 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 oresorceOrg = document.getElementById("resorceOrg"); //资源所属机构 var omodelNumber = document.getElementById("modelNumber"); //厂商型号 var operformancePa = document.getElementById("performancePa"); //性能参数 var oremarkContent = document.getElementById("remarkContent"); //合作备注 var odetailDescp = document.getElementById("detailDescp"); //详细描述 getRecourceMe();/*获取资源信息*/ function getRecourceMe() { $.ajax({ url:'../ajax/resource/queryOne', data: { 'resourceId': resourceId, }, dataType: 'json', //服务器返回json格式数据 type: 'get', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function(data) { if(data.success) { var mydata = data.data; var resourceName = mydata.resourceName + "-科袖网"; document.title = resourceName; oresourceName.innerHTML = mydata.resourceName; oapplication.innerHTML = "用途:"+ mydata.supportedServices; //微信再次分享配置 shareTitle = oresourceName.innerHTML; descContent = oapplication.innerHTML; if(mydata.editProfessor) { othisInfo.setAttribute("data-id",mydata.editProfessor.id); othisInfo.setAttribute("data-type",mydata.resourceType); professorId = othisInfo.getAttribute("data-id"); if(mydata.orgName) { //所属机构 oresorceOrg.innerText = mydata.orgName; oresorceOrg.parentNode.style.display="block"; } //用户个人信息 othisName.innerHTML = mydata.editProfessor.name; var otitleInfo=""; var oOrgInfo=""; if(mydata.editProfessor.title) { otitleInfo = mydata.editProfessor.title + ","; } else { if(mydata.editProfessor.office) { otitleInfo = mydata.editProfessor.office + ","; }else{ otitleInfo = ""; } } if(mydata.editProfessor.orgName) { oOrgInfo = mydata.editProfessor.orgName; } othisOther.innerHTML = otitleInfo + oOrgInfo; var professorFlag = autho(mydata.editProfessor.authType, mydata.editProfessor.orgAuth, mydata.editProfessor.authStatus); oauthFlag.classList.add(professorFlag.sty); othisPic.classList.add("useHead"); if(mydata.editProfessor.hasHeadImage == 1) { othisPic.style.backgroundImage = 'url(../images/head/' + mydata.editProfessor.id + '_l.jpg)'; } }else{ othisInfo.setAttribute("data-id",mydata.organization.id); othisInfo.setAttribute("data-status",mydata.organization.authStatus); othisInfo.setAttribute("data-type",mydata.resourceType); othisName.innerHTML = mydata.organization.name; othisOther.innerHTML = (mydata.organization.subject).replace(/,/, " | "); othisPic.classList.add("cmpHead"); if(mydata.organization.hasOrgLogo) { othisPic.style.backgroundImage = 'url(../images/org/' + mydata.organization.id + '.jpg)'; } if(mydata.organization.authStatus==3){ oauthFlag.classList.add("authicon-com-ok"); } } if(mydata.spec) { //厂商型号 omodelNumber.innerText = mydata.spec; omodelNumber.parentNode.style.display="block"; } if(mydata.parameter) { //性能参数 operformancePa.innerHTML = mydata.parameter; operformancePa.parentNode.style.display="block"; } if(mydata.cooperationNotes) { //合作备注 oremarkContent.innerHTML = mydata.cooperationNotes; oremarkContent.parentNode.style.display="block"; } if(mydata.descp) { //详细描述 odetailDescp.innerHTML = mydata.descp; odetailDescp.parentNode.style.display="block"; } if(mydata.subject) { var oSub = mydata.subject.split(","); var oSt = ""; for(var i = 0; i < oSub.length; i++) { oSt += '<li><span class="h2Font">' + oSub[i] + '</span></li>' } $(".tagList").innerHTML = oSt; } if(mydata.images.length) { var rPdiv =''; for(var i = 0; i < mydata.images.length; i++) { rPdiv +='<li class="swiper-slide"><a class="tab-re"><img src="../data/resource/' + mydata.images[i].imageSrc + '" /></a></li>' } $("#index-container ul").append(rPdiv); //轮换图片滚动 var swiper = new Swiper('#index-container', { pagination: '#index-pagination', slidesPerView: 1, paginationClickable: true, loop: true, autoplay: 5000, autoplayDisableOnInteraction: false }); } } }, error: function(e) { return; } }); } /*微信分享*/ $.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 GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); var context = ""; if(r != null) context = r[2]; reg = null; r = null; return context == null || context == "" || context == "undefined" ? "" : decodeURI(context); } /*标志*/ function autho() { if(arguments[0] == 1) { return { "sty": "authicon-pro", "title": "科袖认证专家" } } else { if(arguments[1] == 1) { return { "sty": "authicon-staff-ok", "title": "企业认证员工" } } else { if(arguments[2] == 3) { return { "sty": "authicon-real", "title": "实名认证用户" } } else { return { "sty": "e", "title": " " } } } } } }) </script> </body> </html>