portal html css js resource

articalPreview.js 11KB

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