portal html css js resource

articalInfo.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. $(document).ready(function() {
  2. var articleId = GetQueryString("articleId");
  3. var professorId = GetQueryString("professorId");
  4. var userid = $.cookie("userid");
  5. if(userid == "null") {
  6. $(".goMsgbox").hide();
  7. } else {
  8. $("#login").hide();
  9. }
  10. var industryShow = function(data, $id) {
  11. if(data != undefined && data.length != 0) {
  12. var subs = new Array();
  13. if(data.indexOf(',')) {
  14. subs = data.split(',');
  15. } else {
  16. subs[0] = data;
  17. }
  18. if(subs.length > 0) {
  19. var html = [];
  20. for(var i = 0; i < subs.length; i++) {
  21. html.push("<li>" + subs[i] + "</li>");
  22. };
  23. document.getElementById($id).innerHTML = html.join('');
  24. }
  25. }
  26. }
  27. function proInfoMain() {
  28. $.ajax({
  29. url: "/ajax/article/query",
  30. dataType: 'json', //数据格式类型
  31. type: 'GET', //http请求类型
  32. data: {
  33. "articleId": articleId
  34. },
  35. timeout: 10000, //超时设置
  36. success: function(data) {
  37. var $info = data.data || {};
  38. if(data.success && data.data) {
  39. var oTime = $info.createTime.substring(0, 4) + "." + $info.createTime.substring(4, 6) + "." + $info.createTime.substring(6, 8)
  40. $("#creTime").text(oTime);
  41. $profesor = data.data.professor;
  42. $("#articleName").text($info.articleTitle);
  43. $("#nameS,#proName").text($profesor.name);
  44. $("#orgName").text($profesor.orgName);
  45. $("#lineId").attr("href","information-brow.html?professorId="+$profesor.id);
  46. if($profesor.title) {
  47. if($profesor.office) {
  48. $("#title").text($profesor.title + " , ");
  49. } else {
  50. $("#title").text($profesor.title);
  51. }
  52. }
  53. if($profesor.office) {
  54. $("#office").text($profesor.office);
  55. }
  56. if($profesor.department) {
  57. $("#department").text($profesor.department);
  58. }
  59. if($profesor.address) {
  60. $("#address").text($profesor.address);
  61. }
  62. if($profesor.hasHeadImage) {
  63. $("#headImg,#proHead").attr("src", "/images/head/" + $info.professorId + "_l.jpg")
  64. }
  65. if($info.subject) {
  66. industryShow($info.subject, "subjectList");
  67. } else {
  68. $("#subjectList").parent().hide();
  69. }
  70. if($info.industry) {
  71. industryShow($info.industry, "industryList");
  72. } else {
  73. $("#industryList").parent().hide();
  74. }
  75. if(!$info.subject&&!$info.industry){
  76. $(".resAbout").hide();
  77. }
  78. var proTitle = document.getElementById("proTitle");
  79. var proOffice = document.getElementById("proOffice");
  80. var proOrg = document.getElementById("proOrg");
  81. var proAddress = document.getElementById("proAddress");
  82. if($info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
  83. proTitle.innerText = $info.professor.title + ",";
  84. proOffice.innerText = $info.professor.office + ",";
  85. proOrg.innerText = $info.professor.orgName + " | ";
  86. proAddress.innerText = $info.professor.address;
  87. } else if(!$info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
  88. proOffice.innerText = $info.professor.office + ",";
  89. proOrg.innerText = $info.professor.orgName + " | ";
  90. proAddress.innerText = $info.professor.address;
  91. } else if($info.professor.title && !$info.professor.office && $info.professor.orgName && $info.professor.address) {
  92. proTitle.innerText = $info.professor.title + ",";
  93. proOrg.innerText = $info.professor.orgName + " | ";
  94. proAddress.innerText = $info.professor.address;
  95. } else if($info.professor.title && $info.professor.office && !$info.professor.orgName && $info.professor.address) {
  96. proTitle.innerText = $info.professor.title + ",";
  97. proOffice.innerText = $info.professor.office + " | ";
  98. proAddress.innerText = $info.professor.address;
  99. } else if($info.professor.title && $info.professor.office && $info.professor.orgName && !$info.professor.address) {
  100. proTitle.innerText = $info.professor.title + ",";
  101. proOffice.innerText = $info.professor.office + ",";
  102. proOrg.innerText = $info.professor.orgName;
  103. } else if(!$info.professor.title && !$info.professor.office && $info.professor.orgName && $info.professor.address) {
  104. proOrg.innerText = $info.professor.orgName + " | ";
  105. proAddress.innerText = $info.professor.address;
  106. } else if(!$info.professor.title && $info.professor.office && !$info.professor.orgName && $info.professor.address) {
  107. proOffice.innerText = $info.professor.office + " | ";
  108. proAddress.innerText = $info.professor.address;
  109. } else if(!$info.professor.title && $info.professor.office && $info.professor.orgName && !$info.professor.address) {
  110. proOffice.innerText = $info.professor.office + ",";
  111. proOrg.innerText = $info.professor.orgName;
  112. } else if($info.professor.title && !$info.professor.office && !$info.professor.orgName && $info.professor.address) {
  113. proTitle.innerText = $info.professor.title + " | ";
  114. proAddress.innerText = $info.professor.address;
  115. } else if($info.professor.title && !$info.professor.office && $info.professor.orgName && !$info.professor.address) {
  116. proOffice.innerText = $info.professor.title + ",";
  117. proAddress.innerText = $info.professor.orgName;
  118. } else if($info.professor.title && $info.professor.office && !$info.professor.orgName && !$info.professor.address) {
  119. proTitle.innerText = $info.professor.title + ",";
  120. proOffice.innerText = $info.professor.office;
  121. } else if(!$info.professor.title && !$info.professor.office && !$info.professor.orgName && $info.professor.address) {
  122. proAddress.innerText = $info.professor.address;
  123. } else if(!$info.professor.title && !$info.professor.office && $info.professor.orgName && !$info.professor.address) {
  124. proOrg.innerText = $info.professor.orgName;
  125. } else if(!$info.professor.title && $info.professor.office && !$info.professor.orgName && !$info.professor.address) {
  126. proOffice.innerText = $info.professor.office;
  127. } else if($info.professor.title && !$info.professor.office && !$info.professor.orgName && !$info.professor.address) {
  128. proTitle.innerText = $info.professor.title;
  129. }
  130. if($info.articleContent) {
  131. $("#main_content").html($info.articleContent);
  132. var oImg = $("#main_content").find("img");
  133. for(var i = 0; i < oImg.length; i++) {
  134. (function(n) {
  135. $("#main_content").find("img").eq(n).load(function() {
  136. var imgWidth = $("#main_content").find("img").eq(n).width();
  137. var pWidth = $("#main_content").find("p").width();
  138. if(imgWidth > pWidth) {
  139. $("#main_content").find("img").eq(n).css({
  140. "width": "100%"
  141. });
  142. }
  143. })
  144. })(i);
  145. }
  146. }
  147. }
  148. // //留言分享操作栏
  149. // var height=$(".resTop").height()-$(window).height();
  150. // var mainH = $("body");
  151. // $(window).scroll( function() {
  152. // //console.log(height,mainH.scrollTop())
  153. // if(mainH.scrollTop()>=height){
  154. // $('.share-nav').removeClass('fixed');
  155. // }
  156. // if(mainH.scrollTop()<height){
  157. // $('.share-nav').addClass('fixed');
  158. // }
  159. // } );
  160. },
  161. error: function() {
  162. return;
  163. }
  164. });
  165. }
  166. var proArticle = function() {
  167. /*科研文章*/
  168. $.ajax({
  169. url: "/ajax/article/qaPro",
  170. dataType: 'json', //数据格式类型
  171. type: 'GET', //http请求类型
  172. data: {
  173. "professorId": professorId
  174. },
  175. timeout: 10000, //超时设置
  176. success: function(data) {
  177. if(data.success) {
  178. var $data = data.data;
  179. if($data.length == 1) {
  180. $("div:contains('相关文章')").parents(".rightBlock").hide();
  181. return;
  182. }
  183. for(var i = 0; i < data.data.length; i++) {
  184. if(articleId != $data[i].articleId) {
  185. var articleImg = $data[i].articleImg;
  186. (!articleImg) ? articleImg = "../images/default-artical.jpg": articleImg = '/data/article/' + $data[i].articleImg;
  187. if($data[i].industry) {
  188. var subs = new Array();
  189. if($data[i].industry.indexOf(',')) {
  190. subs = $data[i].industry.split(',');
  191. } else {
  192. subs[0] = $data[i].industry;
  193. }
  194. if(subs.length > 0) {
  195. var indu = "";
  196. for(var n = 0; n < subs.length; n++) {
  197. indu += "<span>" + subs[n] + "</span>";
  198. }
  199. }
  200. } else {
  201. var indu = "";
  202. }
  203. var add = '<li>'
  204. add += '<a href="articalInfo.html?articleId=' + $data[i].articleId + '&professorId=' + professorId + '">'
  205. add += '<div class="art_topicBox">'
  206. add += '<div class="art_img"style="background:url(' + articleImg + ') center center no-repeat"></div>'
  207. add += '<div class="art_tbox">'
  208. add += '<h6 id="artical_topic" >' + $data[i].articleTitle + '</h6>'
  209. add += '</div>'
  210. add += '</div>'
  211. add += '<div class="tagsBox">'
  212. add += indu
  213. add += '</div>'
  214. add += '</a>'
  215. add += '</li>'
  216. $(".otherRes").append(add);
  217. }
  218. }
  219. }
  220. },
  221. error: function() {
  222. return;
  223. }
  224. });
  225. }
  226. function message() {
  227. $.ajax({
  228. url: "/ajax/leaveWord/ql",
  229. dataType: 'json', //数据格式类型
  230. type: 'GET', //http请求类型
  231. data: {
  232. "articleId": articleId
  233. },
  234. timeout: 10000, //超时设置
  235. success: function(data) {
  236. var $info = data.data || {};
  237. if(data.success && data.data) {
  238. $(".commentList").html("");
  239. $(".message").text($info.length);
  240. for(var i = 0; i < $info.length; i++) {
  241. var time = $info[i].createTime.substring(0, 4) + "年" + $info[i].createTime.substring(4, 6) + "月" + $info[i].createTime.substring(6, 8) + "日 " + $info[i].createTime.substring(8, 10) + ":" + $info[i].createTime.substring(10, 12);
  242. if($info[i].professor.hasHeadImage){
  243. var img='/images/head/' + $info[i].professor.id + '_l.jpg'
  244. }else{
  245. var img='../images/default-photo.jpg'
  246. }
  247. var string = '<li>'
  248. string += '<a class="proinfor clearfix">'
  249. string += '<div class="headblock floatL" style="width: 60px;"><img class="headimg headRadius" src="'+img+'" width="100%"></div>'
  250. string += '<div class="media-body floatL">'
  251. string += '<div><span class="listtit">'+$info[i].professor.name+'</span><span class="thistime">'+time+'</span></div>'
  252. string += '<p class="listtit3">'+$info[i].content+'</p>'
  253. string += '</div></a></li>'
  254. $(".commentList").append(string);
  255. }
  256. }
  257. },
  258. error: function() {
  259. return;
  260. }
  261. });
  262. }
  263. function userInformation(){
  264. $.ajax({
  265. url: "/ajax/professor/editBaseInfo/"+userid,
  266. dataType: 'json', //数据格式类型
  267. type: 'GET', //http请求类型
  268. timeout: 10000, //超时设置
  269. success: function(data) {
  270. console.log(data);
  271. if(data.success && data.data) {
  272. if(data.data.hasHeadImage==1){
  273. $("#limg").attr("src","/images/head/" + data.data.id + "_l.jpg")
  274. }
  275. }
  276. },
  277. error: function(XMLHttpRequest) {
  278. console.log(XMLHttpRequest)
  279. }
  280. });
  281. }
  282. function article() {
  283. $.ajax({
  284. url:"/ajax/leaveWord",
  285. dataType: 'json', //数据格式类型
  286. type: 'POST', //http请求类型
  287. data: {
  288. "articleId": articleId,
  289. "sender": userid,
  290. "content": $("textarea").val(),
  291. },
  292. timeout: 10000, //超时设置
  293. success: function(data) {
  294. var $info = data.data || {};
  295. if(data.success && data.data) {
  296. document.getElementsByTagName("textarea")[0].value = "";
  297. document.getElementById("meSend").style.background="#dadada";
  298. message();
  299. }
  300. },
  301. error: function() {
  302. return;
  303. }
  304. });
  305. }
  306. function trim(str) { //删除左右两端的空格
  307.   
  308. return str.replace(/(^\s*)|(\s*$)/g, "");  
  309. }
  310. document.getElementsByTagName("textarea")[0].addEventListener("keyup", function() {
  311. var valueLength = document.getElementsByTagName("textarea")[0].value;
  312. var length = trim(valueLength);
  313. if(length) {
  314. $("#meSend").addClass("colorAdd");
  315. document.getElementById("meSend").style.background="#ff9900";
  316. } else {
  317. $("#meSend").removeClass("colorAdd");
  318. document.getElementById("meSend").style.background="#dadada";
  319. }
  320. });
  321. $(".goMsgbox").on('click', '.colorAdd', function() {
  322. article();
  323. });
  324. proInfoMain();
  325. proArticle();
  326. message();
  327. userInformation();
  328. })