portal html css js resource

articalPreview.js 15KB

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