portal html css js resource

a.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750
  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/swiper.min.css" />
  10. <link rel="stylesheet" href="../css/share.css" />
  11. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  12. <script type="text/javascript" src="../js/public/swiper.min.js"></script>
  13. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  14. <script type="text/javascript" src="../js/public/baseUtil.js"></script>
  15. <script type="text/javascript" src="../js/public/shareCom.js"></script>
  16. <script type="text/javascript" src="../js/public/shareLeaveWord.js"></script>
  17. <script type="text/javascript" src="../js/public/openApp.js"></script>
  18. <script type="text/javascript">
  19. addscript("ad_article_h5_a");
  20. addscript("ad_article_h5_b");
  21. addscript("ad_article_h5_c");
  22. </script>
  23. <style>
  24. html,body {background: #FFFFFF;}
  25. </style>
  26. </head>
  27. <body>
  28. <div class="contentBody2">
  29. <div class="topFu clearfix">
  30. <div class="topLogo floatL"></div>
  31. <div class="goSpan floatR">
  32. <span class="openSpan">打开</span>
  33. </div>
  34. </div>
  35. <div class="showDetail" style="padding-top:56px;">
  36. <div class="h1Font hWeight" id="articleName"></div>
  37. <div class="madiaBlock">
  38. <ul class="mui-table-view noactiveTab">
  39. <li class="plat">
  40. <div class="flexCenter clearfix">
  41. <a id="personAL">
  42. <div class="madiaHead useHead" id="messImg"></div>
  43. <div class="madiaInfo">
  44. <p><span class="h1Font ellipsisSty" id="name"></span><em class="authiconNew" title="" id="auth"></em></p>
  45. <p class="h3Font" id="oTime"></p>
  46. </div>
  47. </a>
  48. <div class="goSpan">
  49. <span class="attenSpan">关注</span>
  50. </div>
  51. </div>
  52. </li>
  53. </ul>
  54. </div>
  55. <!--广告模块-->
  56. <div class="madiaBlock advertItem advertItem-A"></div>
  57. <!--文章内容区-->
  58. <div class="showMain" id="articleContent">
  59. </div>
  60. <!--附件模块-->
  61. <div class="atachList displayNone">
  62. 本文章包含的附件内容需登录PC端科袖网进行下载
  63. </div>
  64. <!--标签模块-->
  65. <ul class="tagList displayNone">
  66. <!--<li>
  67. <span class="h2Font">金属材料工程与腐</span>
  68. </li>-->
  69. </ul>
  70. <div class="madiaBlock displayNone" id="correlationExpert">
  71. <div class="madiaTit">相关专家</div>
  72. <ul class="mui-table-view" id="expertList">
  73. </ul>
  74. </div>
  75. <div class="madiaBlock displayNone" id="correlationProduct">
  76. <div class="madiaTit">相关产品</div>
  77. <ul class="mui-table-view" id="productList">
  78. </ul>
  79. </div>
  80. <div class="madiaBlock displayNone" id="correlationService">
  81. <div class="madiaTit">相关服务</div>
  82. <ul class="mui-table-view" id="serviceList">
  83. </ul>
  84. </div>
  85. <div class="madiaBlock displayNone" id="resource">
  86. <div class="madiaTit">相关资源</div>
  87. <ul class="mui-table-view" id="resourceList">
  88. </ul>
  89. </div>
  90. <div class="madiaBlock displayNone" id="correlationCompany">
  91. <div class="madiaTit">相关企业</div>
  92. <ul class="mui-table-view" id="companyList">
  93. </ul>
  94. </div>
  95. <!--点赞模块-->
  96. <div class="thumbBlock">
  97. <span class="thumbBtn"><span id="snum"></span></span>
  98. </div>
  99. <!--广告模块-->
  100. <div class="madiaBlock swiper-container advertItem advertItem-B" style="margin:30px 0 10px"></div>
  101. <!--您可能感兴趣的文章-->
  102. <div class="madiaBlock displayNone" id="article">
  103. <div class="madiaTit">您可能感兴趣的文章</div>
  104. <ul class="mui-table-view" id="articleList">
  105. </ul>
  106. </div>
  107. <!--您可能感兴趣的文章-->
  108. <div class="madiaBlock displayNone" id="newarticle">
  109. <div class="madiaTit">最新文章</div>
  110. <ul class="mui-table-view" id="newarticleList">
  111. </ul>
  112. </div>
  113. <!--留言-->
  114. <div class="madiaBlock displayNone">
  115. <div class="madiaTit" id="olisten">留言</div>
  116. <ul class="mui-table-view commentBlock commentsArea">
  117. </ul>
  118. </div>
  119. </div>
  120. <div class="shareEcode">
  121. <!--广告模块-->
  122. <div class="madiaBlock swiper-container advertItem advertItem-C" style="margin:0 9px"></div>
  123. <img class="Ecodecon" src="../images/ecordCard.jpg" />
  124. </div>
  125. </div>
  126. <script type="text/javascript">
  127. $(document).ready(function() {
  128. var imgUrl ="http://www.ekexiu.com/images/logo180.png";
  129. var lineLink = document.location.href;
  130. var descContent="";
  131. var shareTitle;
  132. var appid = '';
  133. var articleId = GetQueryString("id");
  134. module.lWord(articleId,1);
  135. pageViewLog(articleId,3)
  136. wlog("article", articleId, '3')
  137. //进入发布者详情页面
  138. $("#personAL").on("click", function() {
  139. var reType = this.getAttribute("data-type");
  140. if(reType=="1"){
  141. var proId=this.getAttribute("data-id");
  142. location.href="http://" + window.location.host + "/e/p.html?id=" + proId;
  143. }else if(reType=="2"){
  144. var cmpId=this.getAttribute("data-id");
  145. location.href="http://" + window.location.host + "/e/c.html?id=" + cmpId;
  146. }
  147. })
  148. var this_="../html/professorArticle.html?articleId="+articleId;
  149. wcFresh(this_);
  150. $("body").on("click",".goSpan,.thumbBtn",function(){
  151. isInstalled(this_,true);
  152. $(this).addClass("activeThis");
  153. })
  154. $("#articleList,#newarticleList").on("click","li", function() {
  155. var OdataId=this.getAttribute("data-id");
  156. location.href="http://" + window.location.host + "/e/a.html?id=" + OdataId;
  157. })
  158. $("#resourceList").on("click","li", function() {
  159. var OdataId=this.getAttribute("data-id");
  160. location.href="http://" + window.location.host + "/e/r.html?id=" + OdataId;
  161. })
  162. $("#expertList").on("click","li", function() {
  163. var OdataId=this.getAttribute("data-id");
  164. location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
  165. })
  166. $("#companyList").on("click","li", function() {
  167. var OdataId=this.getAttribute("data-id");
  168. location.href="http://" + window.location.host + "/e/c.html?id=" + OdataId;
  169. })
  170. $("#productList").on("click","li", function() {
  171. var OdataId=this.getAttribute("data-id");
  172. location.href="http://" + window.location.host + "/e/pr.html?id=" + OdataId;
  173. })
  174. $(".tagList").on("click", "li", function() {
  175. var keyCon=$(this).find(".h2Font").text();
  176. location.href="http://" + window.location.host + "/e/search.html?flag=3&key=" + keyCon;
  177. })
  178. var oArticleModule = {
  179. articleId: GetQueryString("id"),
  180. oAjaxGet: function(url, obj, oType, oFun) {
  181. $.ajax(url,{
  182. data: obj,
  183. dataType: 'json', //服务器返回json格式数据
  184. type: oType, //HTTP请求类型
  185. timeout: 10000, //超时时间设置为10秒;
  186. traditional: true,
  187. success: function(data) {
  188. if(data.success) {
  189. oFun(data.data);
  190. }
  191. },
  192. error: function(e) {
  193. return;
  194. }
  195. });
  196. },
  197. queryFileAtach:function(){
  198. oArticleModule.oAjaxGet("/ajax/article/files/byArticleId",{
  199. "id":oArticleModule.articleId
  200. }, "get", function(data){
  201. if(data){
  202. if(data.length>0){
  203. document.getElementsByClassName('atachList')[0].style.display='block';
  204. }
  205. }
  206. });
  207. },
  208. articleMess: function($data) {
  209. document.getElementById("articleName").innerHTML = $data.articleTitle;
  210. shareTitle=$data.articleTitle;
  211. document.title=$data.articleTitle;
  212. stt = $data.articleImg.substring(0, 9);
  213. imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
  214. if($data.articleContent) {
  215. document.getElementById("articleContent").innerHTML = $data.articleContent;
  216. descContent=document.getElementById("articleContent").innerText.substr(0,70);
  217. }
  218. if($data.subject) {
  219. document.getElementsByClassName("tagList")[0].style.display = "block";
  220. var arr = $data.subject.split(",");
  221. for(var i in arr) {
  222. var oLi = document.createElement("li");
  223. oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
  224. document.getElementsByClassName("tagList")[0].appendChild(oLi);
  225. }
  226. }
  227. document.getElementById("snum").innerHTML = $data.articleAgree;
  228. document.getElementById("oTime").innerHTML = commenTime($data.publishTime);
  229. document.getElementById("personAL").setAttribute("data-type",$data.articleType);
  230. if($data.articleType == 1) {
  231. oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  232. "keys": arr,
  233. "professorId": oArticleModule.oWner,
  234. "articleId": oArticleModule.articleId,
  235. "rows": 5
  236. }, "get", oArticleModule.correlationArticle);
  237. document.getElementById("personAL").setAttribute("data-id",$data.ownerId);
  238. oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.ownerId, "", "get", oArticleModule.professorMess);
  239. } else if($data.articleType == 2){
  240. oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  241. "keys": arr,
  242. "orgId": oArticleModule.oWner,
  243. "articleId": oArticleModule.articleId,
  244. "rows": 5
  245. }, "get", oArticleModule.correlationArticle);
  246. document.getElementById("personAL").setAttribute("data-id",$data.ownerId);
  247. oArticleModule.oAjaxGet("../ajax/org/" + $data.ownerId, "", "get", oArticleModule.business);
  248. }else if($data.articleType == 3){
  249. oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  250. "keys": arr,
  251. "orgId": oArticleModule.oWner,
  252. "articleId": oArticleModule.articleId,
  253. "rows": 5
  254. }, "get", oArticleModule.correlationArticle);
  255. document.getElementById("personAL").setAttribute("data-id",$data.ownerId);
  256. oArticleModule.oAjaxGet("../ajax/platform/info", {id:$data.ownerId}, "get", oArticleModule.platform);
  257. }
  258. },
  259. professorMess: function($data) {
  260. document.getElementById('name').innerHTML = $data.name;
  261. if($data.hasHeadImage == 1) {
  262. document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
  263. }
  264. var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  265. document.getElementById("auth").classList.add(userType.sty);
  266. },
  267. business: function($data) {
  268. if($data.forShort) {
  269. document.getElementById('name').innerHTML = $data.forShort;
  270. }else{
  271. document.getElementById('name').innerHTML = $data.name;
  272. }
  273. var mgimg="../images/default-icon.jpg";
  274. if($data.hasOrgLogo) {
  275. mgimg="/images/org/" + $data.id + ".jpg";
  276. }
  277. document.getElementById("messImg").classList.add("cmpHead2");
  278. document.getElementById("messImg").innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
  279. if($data.authStatus == 3) {
  280. document.getElementById("auth").classList.add("authicon-com-ok");
  281. }
  282. if(!$data.colMgr && !$data.resMgr) {
  283. oArticleModule.correlationProduct();
  284. }
  285. if($data.colMgr) {
  286. oArticleModule.queryFileAtach();
  287. }
  288. },
  289. platform: function($data) {
  290. document.getElementById('name').innerHTML = $data.name;
  291. var mgimg="../images/default-icon.jpg";
  292. if($data.logo!=null) {
  293. mgimg="/data/platform" + $data.logo;
  294. }
  295. $(".plat").css("cursor","default");
  296. $(".goSpan").hide();
  297. document.getElementById("messImg").classList.add("cmpHead2");
  298. document.getElementById("messImg").innerHTML='<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
  299. },
  300. correlationExpert: function($data) {
  301. if($data.length == 0) {
  302. return;
  303. }
  304. document.getElementById("correlationExpert").classList.remove("displayNone");
  305. for(var i = 0; i < $data.length; i++) {
  306. (function(n) {
  307. oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data[n].professorId, "", "get", oArticleModule.expertList);
  308. })(i)
  309. }
  310. },
  311. expertList: function($data) {
  312. var os = "";
  313. if($data.title) {
  314. if($data.orgName) {
  315. os = $data.title + "," + $data.orgName;
  316. } else {
  317. os = $data.title;
  318. }
  319. } else {
  320. if($data.office) {
  321. if($data.orgName) {
  322. os = $data.office + "," + $data.orgName;
  323. } else {
  324. os = $data.office;
  325. }
  326. } else {
  327. if($data.orgName) {
  328. os = $data.orgName;
  329. }
  330. }
  331. }
  332. var baImg = "../images/default-photo.jpg";
  333. if($data.hasHeadImage == 1) {
  334. baImg = "/images/head/" + $data.id + "_l.jpg";
  335. }
  336. var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  337. var li = document.createElement("li");
  338. li.setAttribute("data-id", $data.id);
  339. li.innerHTML = '<div class="flexCenter clearfix">' +
  340. '<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
  341. '<div class="madiaInfo">' +
  342. '<p><span class="h1Font">' + $data.name + '</span><em class="authiconNew ' + userType.sty + '"></em></p>' +
  343. '<p class="ellipsisSty h2Font">' + os + '</p>' +
  344. '</div>' +
  345. '</div>'
  346. document.getElementById("expertList").appendChild(li);
  347. },
  348. correlationResource: function($data) {
  349. if($data.length == 0) {
  350. return;
  351. }
  352. document.getElementById("resource").classList.remove("displayNone");
  353. for(var i = 0; i < $data.length; i++) {
  354. oArticleModule.oAjaxGet( "../ajax/resource/queryOne", {
  355. "resourceId": $data[i].resourceId
  356. }, "get", oArticleModule.rsourceList);
  357. }
  358. },
  359. rsourceList: function($data) {
  360. var namepo, userType;
  361. if($data.resourceType == 1) {
  362. namepo = $data.editProfessor.name;
  363. userType = autho($data.editProfessor.authType, $data.editProfessor.orgAuth, $data.editProfessor.authStatus);
  364. } else {
  365. userType = {};
  366. if($data.organization.forShort){
  367. namepo = $data.organization.forShort;
  368. }else{
  369. namepo = $data.organization.name;
  370. }
  371. if($data.organization.authStatus == 3) {
  372. userType.sty = "authicon-com-ok"
  373. }
  374. }
  375. var rImg = "../images/default-resource.jpg";
  376. if($data.images.length>0){
  377. rImg = "/data/resource/" + $data.images[0].imageSrc;
  378. }
  379. var li = document.createElement("li");
  380. li.setAttribute("data-id", $data.resourceId);
  381. li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  382. ' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
  383. '<div class="madiaInfo OmadiaInfo">' +
  384. '<p class="ellipsisSty h1Font">' + $data.resourceName + '</p>' +
  385. '<p><span class="h2Font">' + namepo + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  386. //'<p class="ellipsisSty-2 h2Font">用途:' + $data.supportedServices + '</p>' +
  387. '</div>' +
  388. '</div>'
  389. document.getElementById("resourceList").appendChild(li);
  390. },
  391. correlationService: function() {
  392. oArticleModule.oAjaxGet("/ajax/ware/byArticle",{
  393. "id": oArticleModule.articleId,
  394. "rows":5
  395. }, "get", function(res){
  396. var $data=res
  397. if($data.length == 0) {
  398. return;
  399. }
  400. document.getElementById("correlationService").style.display = "block";
  401. for(var i = 0; i < $data.length; i++) {
  402. var cnt="", rImg="../images/default-service.jpg"
  403. if($data[i].images) {
  404. var subs = strToAry($data[i].images)
  405. if(subs.length > 0) {
  406. rImg="/data/ware" + subs[0]
  407. }
  408. }
  409. if($data.cnt){
  410. cnt="内容:"+$data.cnt
  411. }
  412. var li = document.createElement("li");
  413. li.setAttribute("data-id",$data[i].id);
  414. li.className = "mui-table-view-cell";
  415. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  416. ' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
  417. '<div class="madiaInfo OmadiaInfo">' +
  418. '<p class="ellipsisSty-2 h1Font">' + $data[i].name + '</p>' +
  419. '<p><span class="h2Font ownerName"></span><em class="authiconNew ownerSty"></em></p>' +
  420. //'<p class="ellipsisSty h2Font">' + cnt + '</p>' +
  421. '</div>' +
  422. '</div>'
  423. document.getElementById("serviceList").appendChild(li);
  424. var $li=$(li)
  425. if($data[i].category==1){
  426. oArticleModule.proSigInfo($data[i].owner,$li)
  427. }else{
  428. oArticleModule.orgSigInfo($data[i].owner,$li)
  429. }
  430. }
  431. });
  432. },
  433. correlationArticle: function($data) {
  434. if($data.total) {
  435. if($data.data.length == 0) {
  436. return;
  437. }
  438. }else{
  439. if($data.length == 0) {
  440. return;
  441. }
  442. }
  443. var oo=1;
  444. if($data.total) {
  445. var $data=$data.data;
  446. document.getElementById('newarticle').style.display = "block";
  447. oo=0;
  448. }else{
  449. document.getElementById('article').style.display = "block";
  450. }
  451. for(var i = 0; i < $data.length; i++) {
  452. var ourl, of ;
  453. if($data[i].articleType == 1) {
  454. ourl = "/ajax/professor/editBaseInfo/" + $data[i].ownerId; of = 1;
  455. } else if($data[i].articleType == 2) {
  456. ourl = "/ajax/org/" + $data[i].ownerId; of = 2;
  457. } else if($data[i].articleType == 3) {
  458. ourl = "/ajax/platform/info"; of = 3;
  459. }
  460. var arImg = "../images/default-artical.jpg";
  461. if($data[i].articleImg) {
  462. arImg = "/data/article/" + $data[i].articleImg
  463. }
  464. var title = $data[i].articleTitle;
  465. $.ajax({
  466. url:ourl,
  467. data:{id:$data[i].ownerId},
  468. dataType: 'json', //服务器返回json格式数据
  469. type: "get", //HTTP请求类型
  470. timeout: 10000, //超时时间设置为10秒;
  471. async: false,
  472. traditional: true,
  473. success: function(data) {
  474. if(data.success) {
  475. var namepo=""
  476. var li = document.createElement("li");
  477. if( of == 1) {
  478. namepo = data.data.name;
  479. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  480. li.setAttribute("owner-id", data.data.id);
  481. li.setAttribute("data-type", 1);
  482. } else if( of == 2){
  483. if(data.data.forShort){
  484. namepo = data.data.forShort;
  485. }else{
  486. namepo = data.data.name;
  487. }
  488. var userType = {};
  489. if(data.data.authStatus == 3) {
  490. userType.sty = 'authicon-com-ok'
  491. } else {
  492. userType.sty = "e"
  493. }
  494. li.setAttribute("owner-id", data.data.id);
  495. li.setAttribute("data-type", 2);
  496. }else if( of == 3){
  497. namepo = data.data.name;
  498. li.setAttribute("owner-id", data.data.id);
  499. li.setAttribute("data-type", 3);
  500. }
  501. li.setAttribute("data-id", $data[i].articleId);
  502. li.className = "mui-table-view-cell";
  503. li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  504. '<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
  505. '<div class="madiaInfo OmadiaInfo">' +
  506. '<p class="ellipsisSty-2 h1Font">' + title + '</p>' +
  507. '<p><span class="h2Font" style="margin-right:10px">'+namepo+'</span><span class="time">'+commenTime($data[i].publishTime)+'</span></p>'+
  508. '</div>' +
  509. '</div>'
  510. if(oo==0){
  511. document.getElementById("newarticleList").appendChild(li)
  512. }else{
  513. document.getElementById("articleList").appendChild(li);
  514. }
  515. }
  516. },
  517. error: function() {
  518. }
  519. });
  520. }
  521. },
  522. correlationCompany: function($data) {
  523. if($data.length == 0) {
  524. return;
  525. }
  526. document.getElementById("correlationCompany").classList.remove("displayNone");
  527. for(var i = 0; i < $data.length; i++) {
  528. oArticleModule.oAjaxGet( "../ajax/org/"+ $data[i].orgId, {
  529. }, "get", oArticleModule.companyList);
  530. }
  531. },
  532. companyList: function($data) {
  533. var baImg = "../images/default-icon.jpg";
  534. if($data.hasHeadImage == 1) {
  535. baImg = "/images/org/" + $data.id + "_l.jpg";
  536. }
  537. var namepo,userType=""
  538. if($data.authStatus == 3){
  539. userType= "authicon-com-ok"
  540. }
  541. if($data.forShort){
  542. namepo = $data.forShort;
  543. }else{
  544. namepo = $data.name;
  545. }
  546. /*应用行业*/
  547. var proOther = "";
  548. if($data.industry) {
  549. proOther = $data.industry.replace(/,/gi, " | ");
  550. }
  551. var li = document.createElement("li");
  552. li.setAttribute("data-id", $data.id);
  553. li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  554. '<div class="madiaHead cmpHead">'+
  555. '<div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="'+ baImg +'"></div>'+
  556. '</div>' +
  557. '<div class="madiaInfo OmadiaInfo">' +
  558. '<p><span class="h1Font">' + namepo + '</span><em class="authiconNew ' + userType + '"></em></p>' +
  559. '<p class="ellipsisSty h2Font">' + proOther + '</p>' +
  560. '</div>' +
  561. '</div>'
  562. document.getElementById("companyList").appendChild(li);
  563. },
  564. correlationProduct: function() {
  565. oArticleModule.oAjaxGet("/ajax/article/product",{
  566. "id": oArticleModule.articleId,
  567. "rows":5
  568. }, "get", function(res){
  569. var $data=res
  570. if($data.length == 0) {
  571. return;
  572. }
  573. document.getElementById("correlationProduct").style.display = "block";
  574. for(var i = 0; i < $data.length; i++) {
  575. oArticleModule.oAjaxGet("/ajax/product/qo", {
  576. "id": $data[i].product
  577. }, "get", oArticleModule.productList);
  578. }
  579. });
  580. },
  581. productList: function($data) {
  582. var cnt="", rImg="../images/default-product.jpg"
  583. if($data.images) {
  584. var subs = strToAry($data.images)
  585. if(subs.length > 0) {
  586. rImg="/data/product" + subs[0]
  587. }
  588. }
  589. if($data.cnt){
  590. cnt="简介:"+$data.cnt
  591. }
  592. var li = document.createElement("li");
  593. li.setAttribute("data-id",$data.id);
  594. li.className = "mui-table-view-cell";
  595. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  596. ' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
  597. '<div class="madiaInfo OmadiaInfo">' +
  598. '<p class="mui-ellipsis-2 h1Font">' + $data.name + '</p>' +
  599. '<p><span class="h2Font ownerName"></span><em class="authicon ownerSty"></em></p>' +
  600. '</div>' +
  601. '</div>'
  602. document.getElementById("productList").appendChild(li);
  603. var $li=$(li)
  604. oArticleModule.orgSigInfo($data.owner,$li)
  605. },
  606. proSigInfo:function(id,$list){
  607. oArticleModule.oAjaxGet( "/ajax/professor/baseInfo/"+id,{
  608. }, "get", function(data){
  609. var datas=data
  610. var userType = autho(datas.authType, datas.orgAuth, datas.authStatus);
  611. $list.find(".ownerName").html(datas.name)
  612. $list.find(".ownerSty").addClass(userType.sty)
  613. });
  614. },
  615. orgSigInfo:function(id,$list){
  616. oArticleModule.oAjaxGet( "/ajax/org/" + id,{
  617. }, "get", function(data){
  618. var datas=data
  619. var name=datas.name;
  620. if(datas.forShort){
  621. name=datas.forShort
  622. }
  623. $list.find(".ownerName").html(name)
  624. if(datas.authStatus == 3){
  625. $list.find(".ownerSty").addClass("authicon-com-ok")
  626. }
  627. });
  628. }
  629. }
  630. /*文章详细内容*/
  631. oArticleModule.oAjaxGet("../ajax/article/query", {
  632. articleId: oArticleModule.articleId
  633. }, "get", oArticleModule.articleMess);
  634. oArticleModule.oAjaxGet("../ajax/article/ralatePro", {
  635. "articleId": oArticleModule.articleId
  636. }, "get", oArticleModule.correlationExpert);
  637. oArticleModule.oAjaxGet("../ajax/article/ralateRes", {
  638. "articleId": oArticleModule.articleId
  639. }, "get", oArticleModule.correlationResource);
  640. oArticleModule.oAjaxGet("../ajax/article/ralateOrg", {
  641. "articleId": oArticleModule.articleId
  642. }, "get", oArticleModule.correlationCompany);
  643. oArticleModule.oAjaxGet("/ajax/article/find", {
  644. "pageSize":5,
  645. "exclude":oArticleModule.articleId
  646. }, "get", oArticleModule.correlationArticle);
  647. oArticleModule.correlationService()
  648. oArticleModule.correlationProduct()
  649. /*微信分享*/
  650. $.ajax({
  651. url: "../ajax/weixin/jsapiTicket",
  652. type: 'get',
  653. dataType: 'json',
  654. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  655. data: {
  656. 'url': location.href.split('#')[0]
  657. },
  658. success: function(data) {
  659. if(data.data) {
  660. wx.config({
  661. debug: false, //调试模式好犀利
  662. appId: data.data.appId,
  663. timestamp: data.data.timestamp,
  664. nonceStr: data.data.nonceStr,
  665. signature: data.data.signature,
  666. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  667. "onMenuShareAppMessage",
  668. "onMenuShareTimeline",
  669. "onMenuShareQQ",
  670. "onMenuShareQZone",
  671. "scanQRCode",
  672. ]
  673. });
  674. wx.ready(function() {
  675. // 在这里调用 API
  676. wx.onMenuShareAppMessage({ //分享给朋友
  677. title: shareTitle, // 分享标题
  678. desc: descContent, // 分享描述
  679. link: lineLink, // 分享链接
  680. imgUrl: imgUrl, // 分享图标
  681. success: share_success_callback,
  682. cancel: share_cancel_callback
  683. });
  684. wx.onMenuShareTimeline({ //分享到朋友圈
  685. title: shareTitle, // 分享标题
  686. desc: descContent, // 分享描述
  687. link: lineLink, // 分享链接
  688. imgUrl: imgUrl, // 分享图标
  689. success: share_success_callback,
  690. cancel: share_cancel_callback
  691. });
  692. wx.onMenuShareQQ({ //分享到QQ
  693. title: shareTitle, // 分享标题
  694. desc: descContent, // 分享描述
  695. link: lineLink, // 分享链接
  696. imgUrl: imgUrl, // 分享图标
  697. success: share_success_callback,
  698. cancel: share_cancel_callback
  699. });
  700. wx.onMenuShareQZone({ //分享到QQ空间
  701. title: shareTitle, // 分享标题
  702. desc: descContent, // 分享描述
  703. link: lineLink, // 分享链接
  704. imgUrl: imgUrl, // 分享图标
  705. success: share_success_callback,
  706. cancel: share_cancel_callback
  707. });
  708. });
  709. //分享成功后的回调函数
  710. function share_success_callback() {}
  711. //用户取消分享后执行的回调函数
  712. function share_cancel_callback() {}
  713. }
  714. }
  715. });
  716. })
  717. </script>
  718. </body>
  719. </html>