portal html css js resource

p.html 35KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026
  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: #F4F6F8;}
  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/baseUtil.js"></script>
  16. <script type="text/javascript" src="../js/public/shareCom.js"></script>
  17. <script type="text/javascript" src="../js/public/openApp.js"></script>
  18. </head>
  19. <body>
  20. <div class="contentBody2">
  21. <div class="showCardI">
  22. <div class="cardTop">
  23. <div class="cardImg userCard" id="proHead"></div>
  24. <div class="cardInfo">
  25. <p><span class="h1Font" id="proName"></span><em class="authiconNew" title="" id="proAuth"></em></p>
  26. <p class="ellipsisSty h2Font"id="proOther"></p>
  27. <p class="h3Font" id="proAddress"></p>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="mainbox displayNone">
  32. <div class="infocon madiaBlock needList" style="border:none">
  33. <ul class="mui-table-view" id="demandShow">
  34. <!--<li class="mui-table-view-cell">
  35. <div class="madiaInfo">
  36. <p class="h1Font ellipsisSty-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
  37. <p class="h2Font ellipsisSty-5">需求内容:我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
  38. 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
  39. 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出</p>
  40. <div class="showli ellipsisSty">
  41. <span>北京市</span>
  42. <span>预期 1个月内</span>
  43. <span>预算 1万元以内</span>
  44. <span>有效期至 8月17日</span>
  45. </div>
  46. </div>
  47. </li>-->
  48. </ul>
  49. </div>
  50. </div>
  51. <div class="mainbox displayNone">
  52. <div class="infocontit">可提供服务</div>
  53. <div class="infocon infoconM madiaBlock">
  54. <ul class="mui-table-view" id="serviceShow">
  55. </ul>
  56. </div>
  57. <div class="seeMore displayNone" id="seeMoreService"><em>查看全部 <span id="serviceNum">0</span></em></div>
  58. </div>
  59. <div class="mainbox displayNone">
  60. <div class="infocontit">可共享资源</div>
  61. <div class="infocon madiaBlock">
  62. <ul class="mui-table-view" id="resourceShow">
  63. </ul>
  64. </div>
  65. <div class="seeMore displayNone" id="seeMoreResource"><em>查看全部 <span id="resourceNum">0</span></em></div>
  66. </div>
  67. <div class="mainbox" style="cursor: pointer;" id="goCmpBrief">
  68. <div class="infocontit mui-clearfix">个人介绍 <em></em></div>
  69. <div class="infocon">
  70. <span class="breifinfo" id="breifinfo">
  71. </span>
  72. </div>
  73. </div>
  74. <div class="mainbox">
  75. <div class="infocontit">学术领域</div>
  76. <div class="infocon listArea">
  77. <ul id="subjectShow">
  78. </ul>
  79. </div>
  80. </div>
  81. <div class="mainbox">
  82. <div class="infocontit">研究方向</div>
  83. <div class="infocon reserachMess" id="reserachMess">
  84. </div>
  85. </div>
  86. <div class="mainbox">
  87. <div class="infocontit">行业领域</div>
  88. <div class="infocon listArea">
  89. <ul id="industryShow">
  90. </ul>
  91. </div>
  92. </div>
  93. <div class="mainbox displayNone">
  94. <div class="infocontit">问答</div>
  95. <div class="infocon infoconM madiaBlock needList">
  96. <ul class="mui-table-view" id="QAShow">
  97. </ul>
  98. </div>
  99. <div class="seeMore displayNone" id="seeMoreQA"><em>查看全部 <span id="QANum">0</span></em></div>
  100. </div>
  101. <div class="mainbox displayNone">
  102. <div class="infocontit">文章</div>
  103. <div class="infocon madiaBlock">
  104. <ul class="mui-table-view" id="articelShow">
  105. </ul>
  106. </div>
  107. <div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部 <span id="articalNum">0</span></em></div>
  108. </div>
  109. <div class="mainbox displayNone">
  110. <div class="infocontit">专利</div>
  111. <div class="infocon madiaBlock">
  112. <ul class="mui-table-view" id="patentShow">
  113. </ul>
  114. </div>
  115. <div class="seeMore displayNone" id="seeMorePatent"><em>查看全部 <span id="patentNum">0</span></em></div>
  116. </div>
  117. <div class="mainbox displayNone">
  118. <div class="infocontit">论文</div>
  119. <div class="infocon madiaBlock">
  120. <ul class="mui-table-view" id="paperShow">
  121. </ul>
  122. </div>
  123. <div class="seeMore displayNone" id="seeMorePaper"><em>查看全部 <span id="paperNum">0</span></em></div>
  124. </div>
  125. <!--合作专家-->
  126. <div class="mainbox displayNone">
  127. <div class="infocontit">合作专家</div>
  128. <div class="infocon madiaBlock">
  129. <ul class="mui-table-view" id="relatePro">
  130. </ul>
  131. </div>
  132. </div>
  133. <!--相关文章-->
  134. <div class="mainbox displayNone">
  135. <div class="infocontit">相关文章</div>
  136. <div class="infocon madiaBlock">
  137. <ul class="mui-table-view" id="relateArt">
  138. </ul>
  139. </div>
  140. </div>
  141. <!--您可能感兴趣的专家-->
  142. <div class="mainbox displayNone">
  143. <div class="infocontit">您可能感兴趣的专家</div>
  144. <div class="infocon madiaBlock">
  145. <ul class="mui-table-view" id="likePro">
  146. </ul>
  147. </div>
  148. </div>
  149. <div class="shareEcode">
  150. <img class="Ecodecon" src="../images/ecordCard.jpg" />
  151. <div class="Ecodeinfo">
  152. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  153. </div>
  154. </div>
  155. </div>
  156. <script type="text/javascript">
  157. $(document).ready(function() {
  158. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  159. var lineLink = document.location.href;
  160. var descContent;
  161. var shareTitle;
  162. var appid = '';
  163. var proId = GetQueryString("id");
  164. function userMessage(id) {
  165. $.ajax({
  166. type:"get",
  167. url:"/ajax/professor/info/"+ proId,
  168. async:true,
  169. success: function(data) {
  170. var $info = data.data;
  171. if(data.success) {
  172. if($info.hasHeadImage){
  173. $("#proHead").css("background-image","url(/images/head/"+ $info.id +"_l.jpg)");
  174. }
  175. $("#proName").text($info.name);
  176. var oStyS=autho($info.authType,$info.orgAuth,$info.authStatus);
  177. $("#proAuth").addClass(oStyS.sty); $("#proAuth").attr("title",oStyS.title);
  178. if($info.address){
  179. $("#proAddress").html('<em class="mui-icon iconfontnew icon-address"></em> ' + $info.address);
  180. }
  181. var proOther="";
  182. if($info.orgName){
  183. if($info.department){
  184. if($info.title){
  185. proOther = $info.title + "," + $info.department + "," + $info.orgName
  186. }else{
  187. if($info.office){
  188. proOther = $info.office + "," + $info.department + "," + $info.orgName
  189. }else{
  190. proOther = $info.department + "," + $info.orgName
  191. }
  192. }
  193. }else{
  194. proOther = $info.orgName
  195. }
  196. }
  197. $("#proOther").text(proOther);
  198. var llqtitle=$info.name + "-" + proOther.replace(/,/gi,"-");//修改浏览器title信息
  199. document.title = llqtitle;
  200. //个人简介
  201. if($info.descp) {
  202. $("#breifinfo").text($info.descp);
  203. }else{
  204. document.getElementById("breifinfo").parentNode.style.display = "none";
  205. }
  206. //学术领域
  207. if($info.subject) {
  208. indu($info.subject, 'subjectShow')
  209. } else {
  210. document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  211. }
  212. //研究方向
  213. if($info.researchAreas.length) {
  214. researchAreaShow($info.researchAreas, $info.editResearchAreaLogs);
  215. } else {
  216. document.getElementById("reserachMess").parentNode.style.display = "none";
  217. }
  218. //行业领域
  219. if($info.industry) {
  220. indu($info.industry, 'industryShow')
  221. } else {
  222. document.getElementById("industryShow").parentNode.parentNode.style.display = "none";
  223. }
  224. //微信再次分享
  225. shareTitle = document.getElementById("proName").innerText;
  226. descContent = document.getElementById("subjectShow").innerText.substring(0,70);
  227. }
  228. },
  229. error: function() {
  230. }
  231. });
  232. }
  233. //查询研究方向
  234. function getRecords($researchAreaLogs, caption) {
  235. var ret = [];
  236. var t = 0;
  237. for(var i = 0; i < $researchAreaLogs.length; i++) {
  238. if(caption == $researchAreaLogs[i].caption) {
  239. ret[t] = {
  240. id: $researchAreaLogs[i].opreteProfessorId,
  241. img: $researchAreaLogs[i].hasHeadImage
  242. }
  243. t++;
  244. }
  245. }
  246. return ret;
  247. }
  248. var resear = "";
  249. function researchAreaShow($datas, $datarecords) {
  250. if($datas != undefined && $datas.length != 0) {
  251. var html = [];
  252. for(var i = 0; i < $datas.length; ++i) {
  253. var $data = $datas[i];
  254. var $photos = [];
  255. //获取头像
  256. if($datarecords.length > 0) {
  257. $photos = getRecords($datarecords, $data.caption);
  258. }
  259. var showDiv = "<div class='listbox'><div class='listbrowse ellipsisSty'dataCaption="+$data.caption+"><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum' dataCaption="+$data.caption+">"
  260. if($photos.length < 4) {
  261. for(var j = 0; j < $photos.length; ++j) {
  262. if($photos[j].img) {
  263. showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  264. } else {
  265. showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  266. }
  267. }
  268. } else {
  269. for(var j = $photos.length - 2; j < $photos.length; ++j) {
  270. if($photos[j].img) {
  271. showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/head/" + $photos[j].id + "_m.jpg'></span>";
  272. } else {
  273. showDiv += "<span class='likepeople userRadius'><img class='like-h' src='../images/default-photo.jpg'></span>";
  274. }
  275. }
  276. showDiv += "<span class='mui-icon iconfont icon-more likepeople likemore userRadius'></span>";
  277. }
  278. showDiv += "</div></div></div>";
  279. html.push(showDiv);
  280. resear += (i + 1) + "." + $data.caption + " ";
  281. }
  282. document.getElementById("reserachMess").innerHTML = html.join('')
  283. }
  284. }
  285. /*应用行业及领域及企业纸质*/
  286. function indu(oString, oSelector) {
  287. var arr = oString.split(",");
  288. var oArr = new Array();
  289. var i;
  290. for(i in arr) {
  291. oArr.push('<li>' + arr[i] + '</li>');
  292. }
  293. document.getElementById(oSelector).innerHTML = oArr.join("");
  294. }
  295. var rows = 1
  296. var oAjax = function(url, dataS, otype, oFun) {
  297. $.ajax({
  298. url:url,
  299. dataType: 'json',
  300. type: otype,
  301. data: dataS,
  302. traditional: true,
  303. success: function(res) {
  304. if(res.success) {
  305. oFun(res)
  306. }
  307. }
  308. });
  309. },
  310. demandListVal=function() {
  311. var aimId="demandShow"
  312. oAjax("/ajax/demand/pq",{
  313. "state":[1],
  314. "uid":proId,
  315. "pageSize":5
  316. }, "get", function(res){
  317. var obj = res.data.data;
  318. if(obj.length > 0) {
  319. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  320. for(var i = 0; i < obj.length; i++) {
  321. var li = document.createElement("li");
  322. li.setAttribute("data-id",obj[i].id);
  323. var needDate=obj[i].invalidDay;
  324. var lastDate=TimeTr(needDate);
  325. li.className = "mui-table-view-cell";
  326. var oString = '<div class="madiaInfo">'
  327. oString += '<p class="h1Font ellipsisSty-2">'+obj[i].title+'</p>';
  328. oString += '<p class="h2Font ellipsisSty-5">'+obj[i].descp+'</p>'
  329. oString += '<div class="showli ellipsisSty h3Font">'
  330. oString += '<span>'+obj[i].province+'</span>'
  331. if(obj[i].duration!=0){oString += '<span>预期 '+demandDuration[obj[i].duration]+'</span>'}
  332. if(obj[i].cost!=0){oString += '<span>预算 '+demandCost[obj[i].cost]+'</span>'}
  333. oString += '<span>有效期至'+lastDate+' </span>'
  334. oString += '</div>'
  335. oString += '</div>'
  336. li.innerHTML=oString
  337. document.getElementById(aimId).appendChild(li);
  338. }
  339. }
  340. })
  341. },
  342. articalListVal=function(){
  343. var aimId="articelShow"
  344. oAjax("/ajax/article/publish",{
  345. "category": "1",
  346. "owner":proId,
  347. "rows": rows
  348. }, "get", function(res){
  349. var obj = res.data;
  350. if(obj.length > 0) {
  351. // document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  352. for(var i = 0; i < obj.length; i++) {
  353. var hasImg="../images/default-artical.jpg"
  354. if(obj[i].articleImg) {
  355. hasImg="/data/article/" + obj[i].articleImg
  356. }
  357. var li = document.createElement("li");
  358. li.setAttribute("data-id", obj[i].articleId);
  359. li.className = "mui-table-view-cell";
  360. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  361. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  362. '<div class="madiaInfo OmadiaInfo">' +
  363. '<p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>' +
  364. '<p class="h2Font ellipsisSty"><span class="time">'+commenTime(obj[i].publishTime)+'</span></p>'+
  365. '</div>' +
  366. '</div>'
  367. document.getElementById(aimId).appendChild(li);
  368. }
  369. }
  370. })
  371. },
  372. resourceListVal=function(){
  373. var aimId="resourceShow"
  374. oAjax("/ajax/resource/publish",{
  375. "category": "1",
  376. "owner":proId,
  377. "rows": rows
  378. }, "get", function(res){
  379. var obj = res.data;
  380. if(obj.length > 0) {
  381. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  382. for(var i = 0; i < obj.length; i++) {
  383. var cnt="", hasImg="../images/default-resource.jpg"
  384. if(obj[i].images.length) {
  385. hasImg='/data/resource/' + obj[i].images[0].imageSrc
  386. }
  387. if(obj[i].supportedServices){
  388. cnt="用途:"+ obj[i].supportedServices
  389. }
  390. var li = document.createElement("li");
  391. li.setAttribute("data-id", obj[i].resourceId);
  392. li.className = "mui-table-view-cell";
  393. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  394. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  395. '<div class="madiaInfo OmadiaInfo">' +
  396. '<p class="ellipsisSty-2 h1Font">' + obj[i].resourceName + '</p>' +
  397. '<p class="ellipsisSty h2Font">' + cnt+ '</p>' +
  398. '</div>' +
  399. '</div>'
  400. document.getElementById(aimId).appendChild(li);
  401. }
  402. }
  403. })
  404. },
  405. serviceListVal=function(){
  406. var aimId="serviceShow"
  407. oAjax("/ajax/ware/publish",{
  408. "category":"1",
  409. "owner":proId,
  410. "rows": rows
  411. }, "get", function(res){
  412. var obj = res.data;
  413. if(obj.length > 0) {
  414. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  415. for(var i = 0; i < obj.length; i++) {
  416. var cnt="", hasImg="../images/default-service.jpg"
  417. if(obj[i].images) {
  418. var subs = strToAry(obj[i].images)
  419. if(subs.length > 0) {
  420. hasImg="/data/ware" + subs[0]
  421. }
  422. }
  423. if(obj[i].cnt){
  424. cnt="内容:"+obj[i].cnt
  425. }
  426. var li = document.createElement("li");
  427. li.setAttribute("data-id", obj[i].id);
  428. li.className = "mui-table-view-cell";
  429. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  430. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  431. '<div class="madiaInfo OmadiaInfo">' +
  432. '<p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>' +
  433. '<p class="ellipsisSty h2Font">' + cnt+ '</p>' +
  434. '</div>' +
  435. '</div>'
  436. document.getElementById(aimId).appendChild(li);
  437. }
  438. }
  439. })
  440. },
  441. patentListVal=function(){
  442. var aimId="patentShow"
  443. oAjax("/ajax/ppatent/professor",{
  444. "owner":proId,
  445. "rows": rows
  446. }, "get", function(res){
  447. var obj = res.data;
  448. if(obj.length > 0) {
  449. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  450. for(var i = 0; i < obj.length; i++) {
  451. var li = document.createElement("li");
  452. li.setAttribute("data-id", obj[i].id);
  453. li.className = "mui-table-view-cell";
  454. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  455. '<div class="madiaHead patentHead"></div>' +
  456. '<div class="madiaInfo OmadiaInfo">' +
  457. '<p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>' +
  458. '<p class="ellipsisSty h2Font">' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>' +
  459. '</div>' +
  460. '</div>'
  461. document.getElementById(aimId).appendChild(li);
  462. }
  463. }
  464. })
  465. },
  466. paperListVal=function(){
  467. var aimId="paperShow"
  468. oAjax("/ajax/ppaper/professor",{
  469. "owner":proId,
  470. "rows": rows
  471. }, "get", function(res){
  472. var obj = res.data;
  473. if(obj.length > 0) {
  474. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  475. for(var i = 0; i < obj.length; i++) {
  476. var li = document.createElement("li");
  477. li.setAttribute("data-id", obj[i].id);
  478. li.className = "mui-table-view-cell";
  479. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  480. '<div class="madiaHead paperHead"></div>' +
  481. '<div class="madiaInfo OmadiaInfo">' +
  482. '<p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>' +
  483. '<p class="ellipsisSty h2Font">' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>' +
  484. '</div>' +
  485. '</div>'
  486. document.getElementById(aimId).appendChild(li);
  487. }
  488. }
  489. })
  490. },
  491. answerListVal=function(){
  492. var aimId="QAShow"
  493. oAjax("/ajax/question/answer/bySelf",{
  494. "uid":proId,
  495. "rows":rows
  496. }, "get", function(res){
  497. var obj = res.data;
  498. if(obj.length > 0) {
  499. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  500. for(var i = 0; i < obj.length; i++) {
  501. var hd = "";
  502. if (obj[i].agree > 0) {
  503. hd = '<span>赞 ' + obj[i].agree + '</span>'
  504. }
  505. var li = document.createElement("li");
  506. li.setAttribute("data-id", obj[i].id);
  507. li.className = "mui-table-view-cell";
  508. li.innerHTML = '<div class="madiaInfo">' +
  509. '<p class="h1Font ellipsisSty-2 qa-question"></p>' +
  510. '<div class="flexCenter qa-owner"></div>' +
  511. '<div class="qa-con ellipsisSty-5">' + listConCut(obj[i].cnt) + '</div>' +
  512. '<div class="showliSpan ellipsisSty">' +
  513. '<span>' + commenTime(obj[i].createTime) + '</span>' + hd +'<span class="leaveMsgCount"></span>'+
  514. '</div>' +
  515. '</div>'
  516. document.getElementById(aimId).appendChild(li);
  517. var $str = $(li);
  518. questioninfo(obj[i].qid, $str);
  519. proinfo(obj[i].uid, $str);
  520. leaveMsgCount(obj[i].id,"4", $str);
  521. }
  522. }
  523. })
  524. },
  525. proinfo=function(pid, $str) {
  526. oAjax("/ajax/professor/baseInfo/" + pid,{}, "get", function(data){
  527. var dataStr = data.data
  528. var baImg = "../images/default-photo.jpg";
  529. if (dataStr.hasHeadImage == 1) {
  530. baImg = "/images/head/" + dataStr.id + "_l.jpg";
  531. }
  532. var userType = autho(dataStr.authType, dataStr.orgAuth, dataStr.authStatus);
  533. var os = "";
  534. if (dataStr.title) {
  535. if (dataStr.orgName) {
  536. os = dataStr.title + "," + dataStr.orgName;
  537. } else {
  538. os = dataStr.title;
  539. }
  540. } else {
  541. if (dataStr.office) {
  542. if (dataStr.orgName) {
  543. os = dataStr.office + "," + dataStr.orgName;
  544. } else {
  545. os = dataStr.office;
  546. }
  547. } else {
  548. if (dataStr.orgName) {
  549. os = dataStr.orgName;
  550. }
  551. }
  552. }
  553. var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
  554. '<div class="owner-info">' +
  555. '<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
  556. '<div class="owner-tit ellipsisSty h2Font">' + os + '</div>' +
  557. '</div>'
  558. $str.find(".qa-owner").html(str)
  559. });
  560. },
  561. questioninfo=function(qid, $str) {
  562. oAjax("/ajax/question/qo",{
  563. id:qid
  564. }, "get", function(data){
  565. $str.find(".qa-question").html(data.data.title);
  566. if(data.data.pageViews>0){
  567. $str.find(".qaPageview").html("阅读量 "+data.data.pageViews);
  568. }else{
  569. $str.find(".qaPageview").hide()
  570. }
  571. });
  572. },
  573. queryPubCount=function(){
  574. oAjax("/ajax/article/count/publish",{//文章总数
  575. "owner": proId,
  576. "category":"1"
  577. }, "GET", function(data){
  578. if(data.data>rows){
  579. $("#seeMoreArtical").removeClass("displayNone")
  580. $("#articalNum").text(data.data);
  581. }
  582. });
  583. oAjax("/ajax/resource/count/publish",{//资源总数
  584. "owner": proId,
  585. "category":"1"
  586. }, "GET", function(data){
  587. if(data.data>rows){
  588. $("#seeMoreResource").removeClass("displayNone")
  589. $("#resourceNum").text(data.data);
  590. }
  591. });
  592. oAjax("/ajax/ware/count/publish",{//服务总数
  593. "owner": proId,
  594. "category":"1"
  595. }, "GET", function(data){
  596. if(data.data>rows){
  597. $("#seeMoreService").removeClass("displayNone")
  598. $("#serviceNum").text(data.data);
  599. }
  600. });
  601. oAjax("/ajax/ppatent/count/publish",{//专利总数
  602. "owner": proId,
  603. }, "GET", function(data){
  604. if(data.data>rows){
  605. $("#seeMorePatent").removeClass("displayNone")
  606. $("#patentNum").text(data.data);
  607. }
  608. });
  609. oAjax("/ajax/ppaper/count/publish",{//论文总数
  610. "owner": proId,
  611. }, "GET", function(data){
  612. if(data.data>rows){
  613. $("#seeMorePaper").removeClass("displayNone")
  614. $("#paperNum").text(data.data);
  615. }
  616. });
  617. oAjax("/ajax/question/answer/bySelf/count",{//回答总数
  618. "uid": proId,
  619. }, "GET", function(data){
  620. if(data.data>rows){
  621. $("#seeMoreQA").removeClass("displayNone")
  622. $("#QANum").text(data.data);
  623. }
  624. });
  625. },
  626. bindClickFun=function(){
  627. var this_="../html/userInforShow.html?proid="+proId;
  628. wcFresh(this_);
  629. $("body").on("click",".seeMore,#goCmpBrief",function(){
  630. isInstalled(this_,true);
  631. $(this).addClass("activeThis");
  632. })
  633. $('#articelShow,#relateArt').on('click', 'li', function() {
  634. var id = this.getAttribute("data-id");
  635. location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  636. $(this).addClass("activeThis");
  637. })
  638. $('#resourceShow').on('click', 'li', function() {
  639. var id = this.getAttribute("data-id");
  640. location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  641. $(this).addClass("activeThis");
  642. })
  643. $('#paperShow').on('click', 'li', function() {
  644. var id = this.getAttribute("data-id");
  645. location.href="http://" + window.location.host + "/e/l.html?id=" + id;
  646. $(this).addClass("activeThis");
  647. })
  648. $('#patentShow').on('click', 'li', function() {
  649. var id = this.getAttribute("data-id");
  650. location.href="http://" + window.location.host + "/e/z.html?id=" + id;
  651. $(this).addClass("activeThis");
  652. })
  653. $('#demandShow').on('click', 'li', function() {
  654. var id = this.getAttribute("data-id");
  655. location.href="http://" + window.location.host + "/e/d.html?id=" + id;
  656. $(this).addClass("activeThis");
  657. })
  658. $('#serviceShow').on('click', 'li', function() {
  659. var id = this.getAttribute("data-id");
  660. location.href="http://" + window.location.host + "/e/s.html?id=" + id;
  661. $(this).addClass("activeThis");
  662. })
  663. }
  664. userMessage(proId);
  665. demandListVal()
  666. serviceListVal()
  667. resourceListVal()
  668. articalListVal()
  669. patentListVal()
  670. paperListVal()
  671. answerListVal()
  672. relevantExperts();//合作专家
  673. relevantarticalList();//相关文章
  674. likeExperts();//感兴趣专家
  675. bindClickFun()
  676. queryPubCount();
  677. pageViewLog(proId,1);
  678. //合作专家
  679. function relevantExperts(){
  680. $.ajax({
  681. "url": "/ajax/professor/coadjutant",
  682. "type": "get",
  683. "dataType" : "json",
  684. "data" :{"id":proId},
  685. "success": function(data) {
  686. if(data.success && data.data) {
  687. console.log(data)
  688. var lengthT;
  689. if(data.data.length>5){
  690. lengthT=5;
  691. }else{
  692. lengthT=data.data.length
  693. }
  694. for(var i = 0; i < lengthT; i++) {
  695. var ExpId = data.data[i].professorId;
  696. var paperN=data.data[i].paperCount;
  697. var patentN=data.data[i].patentCount;
  698. var liItem=document.createElement("li");
  699. liItem.className="mui-table-view-cell flexCenter";
  700. document.getElementById("relatePro").appendChild(liItem);
  701. relExpertsList(ExpId,paperN,patentN,liItem);
  702. }
  703. }
  704. },
  705. "error": function() {
  706. $.MsgBox.Alert('提示', '链接服务器超时')
  707. }
  708. });
  709. }
  710. function relExpertsList(Id,numL,numZ,liItem){
  711. $.ajax({
  712. "url" : "/ajax/professor/info/"+Id,
  713. "type" : "GET" ,
  714. "dataType" : "json",
  715. "success" : function(data) {
  716. if (data.success && data.data!=""){
  717. document.getElementById("relatePro").parentNode.parentNode.classList.remove("displayNone");
  718. var thisTit,thisImg,copNum=""
  719. if(data.data.hasHeadImage == 1) {
  720. thisImg="/images/head/" + data.data.id + "_l.jpg);"
  721. }else{
  722. thisImg="../images/default-photo.jpg);"
  723. }
  724. if(numL){
  725. if(numZ){
  726. copNum="合作:"+numZ+"项专利,"+numL+"篇论文"
  727. }else{
  728. copNum="合作:"+numL+"篇论文"
  729. }
  730. }else{
  731. if(numZ){
  732. copNum="合作:"+numZ+"项专利"
  733. }else{
  734. }
  735. }
  736. if(data.data.title) {
  737. if(data.data.orgName) {
  738. thisTit=data.data.title +","+ data.data.orgName;
  739. }else{
  740. thisTit=data.data.title;
  741. }
  742. }else{
  743. if(data.data.office) {
  744. if(data.data.orgName) {
  745. thisTit=data.data.office +","+ data.data.orgName;
  746. }else{
  747. thisTit=data.data.office;
  748. }
  749. }else{
  750. if(data.data.orgName) {
  751. thisTit=data.data.orgName;
  752. }
  753. }
  754. }
  755. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  756. var itemlist = '<a href="p.html?id='+data.data.id+'" class="urlgo"><div class="madiaHead useHead" style="background-image:url('+thisImg+')"></div>';
  757. itemlist += '<div class="madiaInfo">';
  758. itemlist += '<p class="ellipsisSty"><span class="h1Font" id="userName">'+data.data.name+'</span><em class="authiconNew '+userType.sty+'" title="'+userType.title+'"></em></p>';
  759. itemlist += '<p class="ellipsisSty h2Font">'+thisTit+'</p>';
  760. itemlist += '<p class="h2Font ellipsisSty">'+copNum+'</p>';
  761. itemlist += '</div></a>';
  762. liItem.innerHTML = itemlist
  763. liItem.setAttribute("data-id",data.data.id)
  764. }
  765. },
  766. "error":function(){
  767. $.MsgBox.Alert('提示','链接服务器超时')
  768. }
  769. });
  770. }
  771. //相关文章信息
  772. function relevantarticalList(){
  773. $.ajax({
  774. "url" : "/ajax/article/byAssProfessor",
  775. "type" : "GET" ,
  776. "dataType" : "json",
  777. "data" :{"id":proId},
  778. "async":"false",
  779. "traditional": true, //传数组必须加这个
  780. "success" : function(data) {
  781. console.log(data);
  782. if (data.success && data.data!=""){
  783. // document.getElementById("relateArt").parentNode.parentNode.classList.remove("displayNone");
  784. document.getElementById("relateArt").innerHTML="";
  785. var StrData = data.data
  786. var lengthT;
  787. if(data.data.length>5){
  788. lengthT=5;
  789. }else{
  790. lengthT=data.data.length
  791. }
  792. for(var i = 0; i < lengthT; i++) {
  793. (function(n) {
  794. var imgL="../images/default-artical.jpg";
  795. if(StrData[i].articleImg){
  796. imgL='../data/article/' + StrData[i].articleImg
  797. }
  798. var oURL;
  799. if(StrData[i].articleType==1) {
  800. oURL="/ajax/professor/baseInfo/"+StrData[i].ownerId;
  801. }else if(StrData[i].articleType==2){
  802. oURL="/ajax/org/" + StrData[i].ownerId;
  803. }else if(StrData[i].articleType==3){
  804. oURL="/ajax/platform/info";
  805. }
  806. $.ajax({
  807. "url":oURL,
  808. "data":{id:StrData[i].ownerId},
  809. "type": "GET",
  810. 'dataType': "json",
  811. "success": function(data) {
  812. var thisName,userType,thisAuth,thisTitle
  813. if(data.data.forShort){
  814. thisName=data.data.forShort;
  815. }else{
  816. thisName=data.data.name;
  817. }
  818. if(StrData[n].articleType==1) {
  819. userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  820. thisTitle = userType.title;
  821. thisAuth = userType.sty;
  822. }else if(StrData[n].articleType==2){
  823. if(data.data.authStatus==3) {
  824. thisTitle = "科袖认证企业";
  825. thisAuth = "authicon-com-ok";
  826. }
  827. }else if(StrData[n].articleType==3){
  828. }
  829. var add = document.createElement("li");
  830. add.className = "mui-table-view-cell flexCenter OflexCenter";
  831. add.setAttribute("data-id",StrData[n].articleId);
  832. var itemlist = '<div class="madiaHead artHead" style="background-image:url('+imgL+')"></div>';
  833. itemlist += '<div class="madiaInfo OmadiaInfo">';
  834. itemlist += '<p class="ellipsisSty-2 h1Font" id="usertitle">'+StrData[n].articleTitle+'</p>';
  835. itemlist += '<p><span class="h2Font" style="margin-right:10px">'+thisName+'</span><span class="time">'+commenTime(StrData[n].publishTime)+'</span></p>';
  836. itemlist += '</div>';
  837. add.innerHTML=itemlist;
  838. document.getElementById("relateArt").appendChild(add);
  839. },
  840. 'error': function() {
  841. $.MsgBox.Alert('提示', '服务器连接超时!');
  842. }
  843. });
  844. })(i);
  845. }
  846. }
  847. },
  848. "error":function(){
  849. $.MsgBox.Alert('提示','链接服务器超时')
  850. }
  851. });
  852. }
  853. //感兴趣
  854. function likeExperts(){
  855. $.ajax({
  856. "url": "/ajax/professor/ralateProfessors",
  857. "type": "get",
  858. "dataType" : "json",
  859. "data" :{"professorId":proId},
  860. "success": function(data) {
  861. if(data.success && data.data) {
  862. console.log(data)
  863. var lengthT;
  864. if(data.data.length>5){
  865. lengthT=5;
  866. }else{
  867. lengthT=data.data.length
  868. }
  869. for(var i = 0; i < lengthT; i++) {
  870. var ExpId = data.data[i].id;
  871. likeExpertsList(ExpId);
  872. }
  873. }
  874. },
  875. "error": function() {
  876. $.MsgBox.Alert('提示', '链接服务器超时')
  877. }
  878. });
  879. }
  880. function likeExpertsList(Id){
  881. $.ajax({
  882. "url" : "/ajax/professor/info/"+Id,
  883. "type" : "GET" ,
  884. "dataType" : "json",
  885. "success" : function(data) {
  886. if (data.success && data.data!=""){
  887. console.log(data)
  888. document.getElementById("likePro").parentNode.parentNode.classList.remove("displayNone");
  889. var itemlist = '<li class="flexCenter"><a href="" class="urlgo">';
  890. itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
  891. itemlist += '<div class="madiaInfo">';
  892. itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
  893. itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
  894. itemlist += '</div></a></li>';
  895. $itemlist = $(itemlist);
  896. $("#likePro").append($itemlist);
  897. if(data.data.title) {
  898. if(data.data.orgName) {
  899. $itemlist.find("#usertitle").text(data.data.title +","+ data.data.orgName);
  900. }else{
  901. $itemlist.find("#usertitle").text(data.data.title);
  902. }
  903. }else{
  904. if(data.data.office) {
  905. if(data.data.orgName) {
  906. $itemlist.find("#usertitle").text(data.data.office +","+ data.data.orgName);
  907. }else{
  908. $itemlist.find("#usertitle").text(data.data.office);
  909. }
  910. }else{
  911. if(data.data.orgName) {
  912. $itemlist.find("#usertitle").text(data.data.orgName);
  913. }
  914. }
  915. }
  916. $itemlist.find("#userName").text(data.data.name);
  917. $itemlist.find(".urlgo").attr("href", "p.html?id="+data.data.id);
  918. if(data.data.hasHeadImage == 1) {
  919. $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  920. }
  921. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  922. $itemlist.find(".authiconNew").attr("title", userType.title);
  923. $itemlist.find(".authiconNew").addClass(userType.sty);
  924. }
  925. },
  926. "error":function(){
  927. $.MsgBox.Alert('提示','链接服务器超时')
  928. }
  929. });
  930. }
  931. /*微信分享*/
  932. $.ajax({
  933. url: "../ajax/weixin/jsapiTicket",
  934. type: 'get',
  935. dataType: 'json',
  936. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  937. data: {
  938. 'url': location.href.split('#')[0]
  939. },
  940. success: function(data) {
  941. if(data.data) {
  942. wx.config({
  943. debug: false, //调试模式好犀利
  944. appId: data.data.appId,
  945. timestamp: data.data.timestamp,
  946. nonceStr: data.data.nonceStr,
  947. signature: data.data.signature,
  948. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  949. "onMenuShareAppMessage",
  950. "onMenuShareTimeline",
  951. "onMenuShareQQ",
  952. "onMenuShareQZone",
  953. "scanQRCode",
  954. ]
  955. });
  956. wx.ready(function() {
  957. // 在这里调用 API
  958. wx.onMenuShareAppMessage({ //分享给朋友
  959. title: shareTitle, // 分享标题
  960. desc: descContent, // 分享描述
  961. link: lineLink, // 分享链接
  962. imgUrl: imgUrl, // 分享图标
  963. success: share_success_callback,
  964. cancel: share_cancel_callback
  965. });
  966. wx.onMenuShareTimeline({ //分享到朋友圈
  967. title: shareTitle, // 分享标题
  968. desc: descContent, // 分享描述
  969. link: lineLink, // 分享链接
  970. imgUrl: imgUrl, // 分享图标
  971. success: share_success_callback,
  972. cancel: share_cancel_callback
  973. });
  974. wx.onMenuShareQQ({ //分享到QQ
  975. title: shareTitle, // 分享标题
  976. desc: descContent, // 分享描述
  977. link: lineLink, // 分享链接
  978. imgUrl: imgUrl, // 分享图标
  979. success: share_success_callback,
  980. cancel: share_cancel_callback
  981. });
  982. wx.onMenuShareQZone({ //分享到QQ空间
  983. title: shareTitle, // 分享标题
  984. desc: descContent, // 分享描述
  985. link: lineLink, // 分享链接
  986. imgUrl: imgUrl, // 分享图标
  987. success: share_success_callback,
  988. cancel: share_cancel_callback
  989. });
  990. });
  991. //分享成功后的回调函数
  992. function share_success_callback() {}
  993. //用户取消分享后执行的回调函数
  994. function share_cancel_callback() {}
  995. }
  996. }
  997. });
  998. })
  999. </script>
  1000. </body>
  1001. </html>