portal html css js resource

articalPreview.js 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
  1. /*文章预览*/
  2. $(function() {
  3. loginStatus();//判断个人是否登录
  4. var articleId = GetQueryString("articleId");
  5. articleshow();
  6. relevantExperts();
  7. relevantResources();
  8. //文章内容
  9. function articleshow(){
  10. $.ajax({
  11. "url" : "/ajax/article/query",
  12. "type" : "GET" ,
  13. "dataType" : "json",
  14. "data" :{"articleId":articleId},
  15. "success" : function(data) {
  16. if (data.success){
  17. $("#articleTitle").text(data.data.articleTitle);
  18. $("#articleContent").html(data.data.articleContent);
  19. $("#articleImg").attr("style", "background-image: url(/data/article/" + data.data.articleImg + ");");
  20. $("#tagList").text(industryShow(data.data.subject));
  21. if(data.data.articleType==1){
  22. $("#expert").removeClass("displayNone");
  23. expert(data.data.professorId);
  24. }
  25. if(data.data.articleType==2){
  26. $("#enterprise").removeClass("displayNone");
  27. cmpFun(data.data.orgId);
  28. companylist();
  29. }
  30. }
  31. var articletitle = data.data.articleTitle + "-科袖网";
  32. window.setTimeout(function() {
  33. document.title = articletitle;
  34. }, 500);
  35. },
  36. "error":function(){
  37. $.MsgBox.Alert('提示','链接服务器超时')
  38. }
  39. });
  40. }
  41. //专家信息
  42. function expert(professorId){
  43. $.ajax({
  44. "url" : "/ajax/professor/baseInfo/"+professorId,
  45. "type" : "GET" ,
  46. "dataType" : "json",
  47. "success" : function(data) {
  48. if (data.success && data.data){
  49. if(data.data.hasHeadImage==1) {
  50. $("#Zimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  51. }
  52. if(data.data.title==""){
  53. var title = data.data.office;
  54. }else{
  55. var title = data.data.title;
  56. }
  57. $("#Zname").text(data.data.name);
  58. $("#Ztitle").text(title);
  59. $("#ZorgName").text(data.data.orgName);
  60. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  61. $("#ZauthFlag").attr("title", userType.title);
  62. $("#ZauthFlag").addClass(userType.sty);
  63. }
  64. },
  65. "error":function(){
  66. $.MsgBox.Alert('提示','链接服务器超时')
  67. }
  68. });
  69. }
  70. /*企业用户信息*/
  71. function cmpFun(orgId) {
  72. $.ajax({
  73. "url": "/ajax/org/" + orgId,
  74. "type": "get",
  75. "dataType" : "json",
  76. "success": function(data) {
  77. if(data.success && data.data) {
  78. $("#Qname").text(data.data.name);
  79. if(data.data.hasOrgLogo) {
  80. $("#companyImg").attr("src", "/images/org/" + data.data.id + ".jpg");
  81. }else{
  82. $("#companyImg").attr("src", "/images/default-icon.jpg");
  83. }
  84. if(data.data.authStatus==3){
  85. $("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");;
  86. }
  87. $("#Qindustry").text(QindustryShow(data.data.industry));
  88. $("#QorgType").text(orgTypeShow[data.data.orgType])
  89. }
  90. },
  91. "error": function() {
  92. $.MsgBox.Alert('提示', '链接服务器超时')
  93. }
  94. });
  95. }
  96. //相关专家
  97. function relevantExperts(){
  98. $.ajax({
  99. "url": "/ajax/article/ralatePro",
  100. "type": "get",
  101. "dataType" : "json",
  102. "data" :{"articleId":articleId},
  103. "success": function(data) {
  104. if(data.success && data.data) {
  105. for(var i = 0; i < data.data.length; i++) {
  106. var professorId = data.data[i].professorId;
  107. relevantExpertsList(professorId)
  108. }
  109. }
  110. },
  111. "error": function() {
  112. $.MsgBox.Alert('提示', '链接服务器超时')
  113. }
  114. });
  115. }
  116. //相关专家信息
  117. function relevantExpertsList(professorId){
  118. $.ajax({
  119. "url" : "/ajax/professor/info/"+professorId,
  120. "type" : "GET" ,
  121. "dataType" : "json",
  122. "success" : function(data) {
  123. if (data.success && data.data!=""){
  124. $("#relevantExperts").parent().parent().removeClass("displayNone");
  125. var itemlist = '';
  126. $("#trelevantExperts").html("");
  127. var itemlist = '<li><a class="flexCenter">';
  128. itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
  129. itemlist += '<div class="madiaInfo">';
  130. itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
  131. itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
  132. itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
  133. itemlist += '</div></a></li>';
  134. $itemlist = $(itemlist);
  135. $("#relevantExperts").append($itemlist);
  136. var title = data.data.title || "";
  137. var office = data.data.office || "";
  138. if(title != "") {
  139. title = title + " , ";
  140. }
  141. $itemlist.find("#userName").text(data.data.name);
  142. $itemlist.find("#usertitle").text(title + office);
  143. /*获取研究方向信息*/
  144. var researchAreas = data.data.researchAreas;
  145. if(researchAreas != ""){
  146. var rlist = '研究方向:';
  147. }else{
  148. var rlist = '';
  149. }
  150. for(var n = 0; n < researchAreas.length; n++) {
  151. //console.log(researchAreas[n].caption);
  152. rlist += researchAreas[n].caption
  153. if(n < researchAreas.length - 1) {
  154. rlist += ";"
  155. }
  156. }
  157. $itemlist.find("#researchAreas").text(rlist);
  158. if(data.data.hasHeadImage == 1) {
  159. $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  160. }
  161. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  162. $itemlist.find(".authiconNew").attr("title", userType.title);
  163. $itemlist.find(".authiconNew").addClass(userType.sty);
  164. }
  165. },
  166. "error":function(){
  167. $.MsgBox.Alert('提示','链接服务器超时')
  168. }
  169. });
  170. }
  171. //相关资源
  172. function relevantResources(){
  173. $.ajax({
  174. "url": "/ajax/article/ralateRes",
  175. "type": "get",
  176. "dataType" : "json",
  177. "data" :{"articleId":articleId},
  178. "success": function(data) {
  179. if(data.success && data.data) {
  180. for(var i = 0; i < data.data.length; i++) {
  181. var resourceId = data.data[i].resourceId;
  182. relevantResourcesList(resourceId)
  183. }
  184. }
  185. },
  186. "error": function() {
  187. $.MsgBox.Alert('提示', '链接服务器超时')
  188. }
  189. });
  190. }
  191. //相关资源信息
  192. function relevantResourcesList(resourceId){
  193. $.ajax({
  194. "url" : "/ajax/resource/queryOne",
  195. "type" : "GET" ,
  196. "dataType" : "json",
  197. "data" :{"resourceId":resourceId},
  198. "success" : function(data) {
  199. console.log(data);
  200. if (data.success && data.data!=""){
  201. $("#resources").parent().parent().removeClass("displayNone");
  202. var itemlist = '<li><a href="" class="flexCenter urlgo">';
  203. itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
  204. itemlist += '<div class="madiaInfo">';
  205. itemlist += '<p class="h1Font" id="resourceName"></p>';
  206. itemlist += '<p class="h2Font ellipsisSty" id="name"></p>';
  207. itemlist += '<p><span class="h2Font uname"></span><em class="authiconNew" title="科袖认证专家"></em></p>';
  208. itemlist += '</div></a></li>';
  209. $itemlist = $(itemlist);
  210. $("#resources").append($itemlist);
  211. var datalist = data.data;
  212. $itemlist.find("#resourceName").text(datalist.resourceName);
  213. $itemlist.find("#name").text("用途:"+datalist.supportedServices);
  214. $itemlist.find(".urlgo").attr("href", "resourceShow.html?resourceId="+datalist.resourceId);
  215. if(datalist.images.length > 0) {
  216. $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
  217. }
  218. if(datalist.resourceType==1){
  219. $itemlist.find(".uname").text(datalist.editProfessor.name);
  220. var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
  221. $itemlist.find(".authiconNew").attr("title", userType.title);
  222. $itemlist.find(".authiconNew").addClass(userType.sty);
  223. }
  224. if(datalist.resourceType==2){
  225. $itemlist.find(".uname").text(datalist.organization.name);
  226. if(datalist.organization.authStatus==3){
  227. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "认证企业");
  228. }
  229. }
  230. }
  231. },
  232. "error":function(){
  233. $.MsgBox.Alert('提示','链接服务器超时')
  234. }
  235. });
  236. }
  237. //拆解关键字
  238. function industryShow(data){
  239. if(data != undefined && data.length != 0 ){
  240. var subs = new Array();
  241. if(data.indexOf(',')){
  242. subs = data.split(',');
  243. }else{
  244. subs[0] = data;
  245. }
  246. if(subs.length>0){
  247. for (var i = 0; i < subs.length; i++)
  248. {
  249. $("#tagList").append('<li><p class="h2Font">'+ subs[i] +'</p></li>');
  250. };
  251. }
  252. }
  253. }
  254. //拆解企业应用行业
  255. function QindustryShow(data){
  256. if(data != undefined && data.length != 0 ){
  257. var subs = new Array();
  258. subs = data.replace(',',' | ');
  259. if(subs.length>0){
  260. for (var i = 0; i < subs.length; i++)
  261. {
  262. $("#Qindustry").append(subs[i]);
  263. };
  264. }
  265. }
  266. }
  267. //相关企业
  268. function companylist() {
  269. $.ajax({
  270. url:"/ajax/article/ralateOrg",
  271. dataType: 'json', //数据格式类型
  272. type: 'GET', //http请求类型
  273. data: {
  274. "articleId": articleId,
  275. },
  276. timeout: 10000, //超时设置
  277. success: function(data) {
  278. if(data.success) {
  279. var $data=data.data;
  280. if($data.length) {
  281. $("#busList").parents(".form-item").show();
  282. }
  283. for(var i=0;i<$data.length;i++) {
  284. angleBus.call($data[i])
  285. }
  286. }
  287. },
  288. error: function() {
  289. $.MsgBox.Alert('提示', '服务器请求失败')
  290. }
  291. });
  292. }
  293. function angleBus() {
  294. $.ajax({
  295. url: "/ajax/org/" +this.orgId,
  296. type: "GET",
  297. timeout: 10000,
  298. dataType: "json",
  299. context: $("#busList"),
  300. success: function(data) {
  301. if(data.success) {
  302. busfil.call(this,data.data);
  303. }
  304. },
  305. error: function(XMLHttpRequest, textStats, errorThrown) {
  306. $.MsgBox.Alert('提示', '服务器请求失败')
  307. }
  308. })
  309. }
  310. function busfil($data) {
  311. var itemlist = '<li><a href="" target="_blank" class="flexCenter urlgo">';
  312. itemlist += '<div class="madiaHead cmpHead">';
  313. itemlist += '<div class="boxBlock"><img class="boxBlockimg" src="" id="companyImg"></div></div>';
  314. itemlist += '<div class="madiaInfo">';
  315. itemlist += '<p class="h1Font"><span id="orgName"></span><em class="authiconNew"></em></p>';
  316. itemlist += '<p class="h2Font ellipsisSty"><span id="orgTit"></span> <span id="orgOther"></span></p>';
  317. itemlist += '</div></a></li>';
  318. $itemlist = $(itemlist);
  319. this.append($itemlist);
  320. var datalist = $data;
  321. var companyType = datalist.authStatus;
  322. if(datalist.forShort) {
  323. $itemlist.find("#orgName").text(datalist.forShort);
  324. } else {
  325. $itemlist.find("#orgName").text(datalist.name);
  326. }
  327. $itemlist.find(".urlgo").attr("href", "cmpInforShow.html?orgId=" + datalist.id);
  328. if(datalist.hasOrgLogo) {
  329. $itemlist.find("#companyImg").attr("src", "/images/org/" + datalist.id + ".jpg");
  330. } else {
  331. $itemlist.find("#companyImg").attr("src", "/images/default-icon.jpg");
  332. }
  333. if(companyType == 3) {
  334. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "科袖认证企业");;
  335. }
  336. var orgOther = "";
  337. if(datalist.industry) {
  338. orgOther = datalist.industry.replace(/,/gi, " | ");
  339. }
  340. $itemlist.find("#orgOther").text(orgOther);
  341. if(datalist.orgType == "2") {
  342. $("#orgTit").html(orgTypeShow[datalist.orgType] + "<span style='margin-right:10px;'></span>");
  343. }
  344. }
  345. });