portal html css js resource

z.html 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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. shareWays();//分享方式
  81. $.ajax({
  82. "url": "../ajax/ppatent/incPageViews",
  83. "type": "POST",
  84. "dataType": "json",
  85. "data": {
  86. "id": patentId
  87. },
  88. "success": function(data) {
  89. console.log(data);
  90. if(data.success) {}
  91. },
  92. "error": function() {
  93. //$.MsgBox.Alert('提示', '链接服务器超时')
  94. }
  95. });
  96. $("#aboutAuthors").on("click","li",function(){
  97. var oDataId = $(this).attr("data-id");
  98. if(oDataId.substring(0,1)!="#"){
  99. location.href="http://" + window.location.host + "/e/p.html?id=" + oDataId;
  100. }else{
  101. location.href="javascrip:;";
  102. }
  103. })
  104. function getRecourceMe() {
  105. $.ajax({
  106. url:'../ajax/ppatent/qo',
  107. data: {
  108. 'id': patentId,
  109. },
  110. dataType: 'json', //服务器返回json格式数据
  111. type: 'get', //HTTP请求类型
  112. timeout: 10000, //超时时间设置为10秒;
  113. success: function(data) {
  114. if(data.success) {
  115. var mydata = data.data;
  116. patentHtml(data.data);
  117. getpatentAuthors(data.data.id)
  118. }
  119. },
  120. error: function(e) {
  121. return;
  122. }
  123. });
  124. }
  125. function patentHtml($da) {
  126. //微信再次分享配置
  127. shareTitle = $da.name;
  128. descContent = $da.summary.substring(0,20);
  129. document.title = $da.name;
  130. document.getElementById("patentName").innerHTML = $da.name; //名字
  131. document.getElementById("patentAbstract").innerHTML = $da.summary; //摘要内容
  132. document.getElementById("Znum1").innerHTML = $da.code;//专利号
  133. if($da.pubDay){
  134. document.getElementById("Znum2").innerHTML = TimeTr($da.pubDay);
  135. }else{
  136. document.getElementById("Znum2").parentNode.parentNode.style.display="none";
  137. }
  138. if($da.reqCode){
  139. document.getElementById("Znum4").innerHTML = $da.reqCode;
  140. }else{
  141. document.getElementById("Znum4").parentNode.parentNode.style.display="none";
  142. }
  143. if($da.reqDay){
  144. document.getElementById("Znum3").innerHTML = TimeTr($da.reqDay);
  145. }else{
  146. document.getElementById("Znum3").parentNode.parentNode.style.display="none";
  147. }
  148. if($da.reqDay){
  149. document.getElementById("Znum5").innerHTML = $da.reqPerson;
  150. }else{
  151. document.getElementById("Znum5").parentNode.parentNode.style.display="none";
  152. }
  153. if($da.keywords != undefined && $da.keywords.length != 0 ){
  154. var subs = new Array();
  155. if($da.keywords.indexOf(',')){
  156. subs = $da.keywords.split(',');
  157. }else{
  158. subs[0] = $da.keywords;
  159. }
  160. var pstr=""
  161. if(subs.length>0){
  162. for (var i = 0; i < subs.length; i++)
  163. {
  164. pstr+='<li><span class="h2Font">'+ subs[i] +'</span></li>'
  165. };
  166. $(".tagList").html(pstr);
  167. }else{
  168. $(".tagList").hide();
  169. }
  170. }
  171. }
  172. /*获取论文作者信息*/
  173. function getpatentAuthors(stritrm) {
  174. $.ajax({
  175. "url":"../ajax/ppatent/authors",
  176. "type": "GET",
  177. "success": function(data) {
  178. if(data.success) {
  179. if(data.data.length>0){
  180. for(var i=0;i<data.data.length;i++){
  181. var authTy="",authTit="",baseInfo="",imgbg="../images/default-photo.jpg";
  182. if(data.data[i].professorId.substring(0, 1) != "#"){
  183. $.ajax({
  184. url:"../ajax/professor/editBaseInfo/" + data.data[i].professorId,
  185. type:"get",
  186. async:true,
  187. success:function($proData){
  188. if($proData.success){
  189. var showPro = $proData.data;
  190. if(showPro.hasHeadImage == 1) {
  191. imgbg = "/images/head/" + showPro.id + "_l.jpg";
  192. } else {
  193. imgbg = "../images/default-photo.jpg";
  194. }
  195. //认证
  196. var oSty = autho(showPro.authType,showPro.orgAuth,showPro.authStatus);
  197. authTy = oSty.sty;
  198. authTit = oSty.title;
  199. var title = showPro.title || "";
  200. var orgName = showPro.orgName || "";
  201. var office = showPro.office || "";
  202. if(orgName!=""){
  203. if(title != "") {
  204. baseInfo = title + "," + orgName;
  205. }else{
  206. if(office!=""){
  207. baseInfo = office + "," + orgName;
  208. }else{
  209. baseInfo = orgName;
  210. }
  211. }
  212. }else{
  213. if(title != "") {
  214. baseInfo = title;
  215. }else{
  216. if(office!=""){
  217. baseInfo = office;
  218. }else{
  219. baseInfo = "";
  220. }
  221. }
  222. }
  223. var liItem = document.createElement("li");
  224. liItem.setAttribute("data-id",showPro.id);
  225. liItem.className = "mui-table-view-cell"
  226. var oString = '<div class="flexCenter mui-clearfix">'
  227. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  228. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ showPro.name +'</span><em class="authicon '+ authTy +'" title="'+ authTit +'"></em></p>'
  229. oString += '<p class="ellipsisSty h2Font">'+ baseInfo +'</p>'
  230. oString += '</div></div>'
  231. liItem.innerHTML = oString;
  232. document.getElementById("aboutAuthors").appendChild(liItem);
  233. }
  234. }
  235. })
  236. }else{
  237. var liItem = document.createElement("li");
  238. liItem.setAttribute("data-id",data.data[i].professorId);
  239. liItem.className = "mui-table-view-cell"
  240. var oString = '<div class="flexCenter mui-clearfix">'
  241. oString += '<div class="madiaHead useHead" style="background-image:url('+ imgbg +')"></div>'
  242. oString += '<div class="madiaInfo"><p><span class="h1Font">'+ data.data[i].name +'</span></p>'
  243. oString += '</div></div>'
  244. liItem.innerHTML = oString;
  245. document.getElementById("aboutAuthors").appendChild(liItem);
  246. }
  247. }
  248. }
  249. }
  250. },
  251. "data": {
  252. "id": stritrm
  253. },
  254. dataType: "json",
  255. 'error':function() {
  256. //$.MsgBox.Alert('提示', '链接服务器超时')
  257. }
  258. });
  259. }
  260. })
  261. </script>
  262. </body>
  263. </html>