portal html css js resource

z.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>专利分享-科袖网</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/common.css" />
  9. <link rel="stylesheet" href="../css/share.css" />
  10. <style>
  11. html,body{margin:0;padding:0px;background: #FFFFFF;}
  12. </style>
  13. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  14. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  15. <script type="text/javascript" src="../js/public/shareCom.js"></script>
  16. </head>
  17. <body>
  18. <div class="contentBody2">
  19. <div class="showDetail">
  20. <div class="h1Font hWeight" id="patentName"></div>
  21. <!--内容区-->
  22. <div class="showMain showMainP">
  23. <ul>
  24. <li>
  25. <div class="showTit">专利号:<span class="showCon" id="Znum1"></span></div>
  26. </li>
  27. <li>
  28. <div class="showTit">公开日:<span class="showCon" id="Znum2"></span></div>
  29. </li>
  30. <li>
  31. <div class="showTit">申请日:<span class="showCon" id="Znum3"></span></div>
  32. </li>
  33. <li>
  34. <div class="showTit">申请号:<span class="showCon" id="Znum4"></span></div>
  35. </li>
  36. <li>
  37. <div class="showTit">申请人:<span class="showCon" id="Znum5"></span></div>
  38. </li>
  39. <li>
  40. <div class="showTit">摘要:</div>
  41. <div class="showCon" id="patentAbstract">
  42. </div>
  43. </li>
  44. </ul>
  45. </div>
  46. <!--标签模块-->
  47. <ul class="tagList">
  48. </ul>
  49. <div class="madiaBlock">
  50. <div class="madiaTit">发明人</div>
  51. <ul class="mui-table-view" id="aboutAuthors">
  52. </ul>
  53. </div>
  54. </div>
  55. <div class="shareEcode">
  56. <div class="Ecodebox">
  57. <div class="Ecodecon clearfix">
  58. <img src="../images/weixin_code.jpg" />
  59. <div class="codecon">
  60. <h1>「 科袖 」</h1>
  61. <h2>搭建企业与专家的桥梁</h2>
  62. <h3>长按识别科袖公众号</h3>
  63. </div>
  64. </div>
  65. </div>
  66. <div style="margin:20px auto;">
  67. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  68. </div>
  69. </div>
  70. </div>
  71. <script type="text/javascript">
  72. $(document).ready(function() {
  73. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  74. var lineLink = document.location.href;
  75. var descContent;
  76. var shareTitle;
  77. var appid = '';
  78. var patentId = GetQueryString("id");
  79. getRecourceMe();
  80. $.ajax({
  81. "url": "../ajax/ppatent/incPageViews",
  82. "type": "POST",
  83. "dataType": "json",
  84. "data": {
  85. "id": patentId
  86. },
  87. "success": function(data) {
  88. console.log(data);
  89. if(data.success) {}
  90. },
  91. "error": function() {
  92. //$.MsgBox.Alert('提示', '链接服务器超时')
  93. }
  94. });
  95. $("#aboutAuthors").on("click","li",function(){
  96. var oDataId = $(this).attr("data-id");
  97. if(oDataId.substring(0,1)!="#"){
  98. location.href="http://" + window.location.host + "/e/p.html?id=" + oDataId;
  99. $(this).addClass("activeThis");
  100. }
  101. })
  102. function getRecourceMe() {
  103. $.ajax({
  104. url:'../ajax/ppatent/qo',
  105. data: {
  106. 'id': patentId,
  107. },
  108. dataType: 'json', //服务器返回json格式数据
  109. type: 'get', //HTTP请求类型
  110. timeout: 10000, //超时时间设置为10秒;
  111. success: function(data) {
  112. if(data.success) {
  113. var mydata = data.data;
  114. patentHtml(data.data);
  115. getpatentAuthors(data.data.id)
  116. }
  117. },
  118. error: function(e) {
  119. return;
  120. }
  121. });
  122. }
  123. function patentHtml($da) {
  124. //微信再次分享配置
  125. shareTitle = $da.name;
  126. descContent = $da.summary.substring(0,40);
  127. document.title = $da.name;
  128. document.getElementById("patentName").innerHTML = $da.name; //名字
  129. document.getElementById("patentAbstract").innerHTML = $da.summary; //摘要内容
  130. document.getElementById("Znum1").innerHTML = $da.code;//专利号
  131. if($da.pubDay){
  132. document.getElementById("Znum2").innerHTML = TimeTr($da.pubDay);
  133. }else{
  134. document.getElementById("Znum2").parentNode.parentNode.style.display="none";
  135. }
  136. if($da.reqCode){
  137. document.getElementById("Znum4").innerHTML = $da.reqCode;
  138. }else{
  139. document.getElementById("Znum4").parentNode.parentNode.style.display="none";
  140. }
  141. if($da.reqDay){
  142. document.getElementById("Znum3").innerHTML = TimeTr($da.reqDay);
  143. }else{
  144. document.getElementById("Znum3").parentNode.parentNode.style.display="none";
  145. }
  146. if($da.reqDay){
  147. document.getElementById("Znum5").innerHTML = $da.reqPerson;
  148. }else{
  149. document.getElementById("Znum5").parentNode.parentNode.style.display="none";
  150. }
  151. if($da.keywords != undefined && $da.keywords.length != 0 ){
  152. var subs = new Array();
  153. if($da.keywords.indexOf(',')){
  154. subs = $da.keywords.split(',');
  155. }else{
  156. subs[0] = $da.keywords;
  157. }
  158. var pstr=""
  159. if(subs.length>0){
  160. for (var i = 0; i < subs.length; i++)
  161. {
  162. pstr+='<li><span class="h2Font">'+ subs[i] +'</span></li>'
  163. };
  164. $(".tagList").html(pstr);
  165. }else{
  166. $(".tagList").hide();
  167. }
  168. }
  169. }
  170. /*获取论文作者信息*/
  171. function getpatentAuthors(stritrm) {
  172. $.ajax({
  173. "url":"../ajax/ppatent/authors",
  174. "type": "GET",
  175. "success": function(data) {
  176. if(data.success) {
  177. if(data.data.length>0){
  178. for(var i=0;i<data.data.length;i++){
  179. var authTy="",authTit="",baseInfo="",imgbg="../images/default-photo.jpg";
  180. if(data.data[i].professorId.substring(0, 1) != "#"){
  181. $.ajax({
  182. url:"../ajax/professor/editBaseInfo/" + data.data[i].professorId,
  183. type:"get",
  184. async:true,
  185. success:function($proData){
  186. if($proData.success){
  187. var showPro = $proData.data;
  188. if(showPro.hasHeadImage == 1) {
  189. imgbg = "/images/head/" + showPro.id + "_l.jpg";
  190. } else {
  191. imgbg = "../images/default-photo.jpg";
  192. }
  193. //认证
  194. var oSty = autho(showPro.authType,showPro.orgAuth,showPro.authStatus);
  195. authTy = oSty.sty;
  196. authTit = oSty.title;
  197. var title = showPro.title || "";
  198. var orgName = showPro.orgName || "";
  199. var office = showPro.office || "";
  200. if(orgName!=""){
  201. if(title != "") {
  202. baseInfo = title + "," + orgName;
  203. }else{
  204. if(office!=""){
  205. baseInfo = office + "," + orgName;
  206. }else{
  207. baseInfo = orgName;
  208. }
  209. }
  210. }else{
  211. if(title != "") {
  212. baseInfo = title;
  213. }else{
  214. if(office!=""){
  215. baseInfo = office;
  216. }else{
  217. baseInfo = "";
  218. }
  219. }
  220. }
  221. var liItem = document.createElement("li");
  222. liItem.setAttribute("data-id",showPro.id);
  223. liItem.className = "mui-table-view-cell"
  224. var oString = '<div class="flexCenter mui-clearfix">'
  225. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  226. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authicon '+ authTy +'" title="'+ authTit +'"></em></p>'
  227. oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
  228. oString += '</div></div>'
  229. liItem.innerHTML = oString;
  230. document.getElementById("aboutAuthors").appendChild(liItem);
  231. }
  232. }
  233. })
  234. }else{
  235. var liItem = document.createElement("li");
  236. liItem.setAttribute("data-id",data.data[i].professorId);
  237. liItem.className = "mui-table-view-cell"
  238. var oString = '<div class="flexCenter mui-clearfix">'
  239. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  240. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ data.data[i].name +'</span></p>'
  241. oString += '</div></div>'
  242. liItem.innerHTML = oString;
  243. document.getElementById("aboutAuthors").appendChild(liItem);
  244. }
  245. }
  246. }
  247. }
  248. },
  249. "data": {
  250. "id": stritrm
  251. },
  252. dataType: "json",
  253. 'error':function() {
  254. //$.MsgBox.Alert('提示', '链接服务器超时')
  255. }
  256. });
  257. }
  258. /*微信分享*/
  259. $.ajax({
  260. url: "../ajax/weixin/jsapiTicket",
  261. type: 'get',
  262. dataType: 'json',
  263. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  264. data: {
  265. 'url': location.href.split('#')[0]
  266. },
  267. success: function(data) {
  268. if(data.data) {
  269. wx.config({
  270. debug: false, //调试模式好犀利
  271. appId: data.data.appId,
  272. timestamp: data.data.timestamp,
  273. nonceStr: data.data.nonceStr,
  274. signature: data.data.signature,
  275. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  276. "onMenuShareAppMessage",
  277. "onMenuShareTimeline",
  278. "onMenuShareQQ",
  279. "onMenuShareQZone",
  280. "scanQRCode",
  281. ]
  282. });
  283. wx.ready(function() {
  284. // 在这里调用 API
  285. wx.onMenuShareAppMessage({ //分享给朋友
  286. title: shareTitle, // 分享标题
  287. desc: descContent, // 分享描述
  288. link: lineLink, // 分享链接
  289. imgUrl: imgUrl, // 分享图标
  290. success: share_success_callback,
  291. cancel: share_cancel_callback
  292. });
  293. wx.onMenuShareTimeline({ //分享到朋友圈
  294. title: shareTitle, // 分享标题
  295. desc: descContent, // 分享描述
  296. link: lineLink, // 分享链接
  297. imgUrl: imgUrl, // 分享图标
  298. success: share_success_callback,
  299. cancel: share_cancel_callback
  300. });
  301. wx.onMenuShareQQ({ //分享到QQ
  302. title: shareTitle, // 分享标题
  303. desc: descContent, // 分享描述
  304. link: lineLink, // 分享链接
  305. imgUrl: imgUrl, // 分享图标
  306. success: share_success_callback,
  307. cancel: share_cancel_callback
  308. });
  309. wx.onMenuShareQZone({ //分享到QQ空间
  310. title: shareTitle, // 分享标题
  311. desc: descContent, // 分享描述
  312. link: lineLink, // 分享链接
  313. imgUrl: imgUrl, // 分享图标
  314. success: share_success_callback,
  315. cancel: share_cancel_callback
  316. });
  317. });
  318. //分享成功后的回调函数
  319. function share_success_callback() {}
  320. //用户取消分享后执行的回调函数
  321. function share_cancel_callback() {}
  322. }
  323. }
  324. });
  325. })
  326. </script>
  327. </body>
  328. </html>