portal html css js resource

articalPreview.js 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445
  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.professorId);
  108. }
  109. if(data.data.articleType==2){
  110. $("#enterprise").removeClass("displayNone");
  111. cmpFun(data.data.orgId);
  112. companylist();
  113. }
  114. }
  115. var articletitle = data.data.articleTitle + "-科袖网";
  116. window.setTimeout(function() {
  117. document.title = articletitle;
  118. }, 500);
  119. },
  120. "error":function(){
  121. $.MsgBox.Alert('提示','链接服务器超时')
  122. }
  123. });
  124. }
  125. //专家信息
  126. function expert(professorId){
  127. $.ajax({
  128. "url" : "/ajax/professor/baseInfo/"+professorId,
  129. "type" : "GET" ,
  130. "dataType" : "json",
  131. "success" : function(data) {
  132. if (data.success && data.data){
  133. if(data.data.hasHeadImage==1) {
  134. $("#Zimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  135. }
  136. if(data.data.title==""){
  137. var title = data.data.office;
  138. }else{
  139. var title = data.data.title;
  140. }
  141. $("#Zname").text(data.data.name);
  142. $("#Ztitle").text(title);
  143. $("#ZorgName").text(data.data.orgName);
  144. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  145. $("#ZauthFlag").attr("title", userType.title);
  146. $("#ZauthFlag").addClass(userType.sty);
  147. }
  148. },
  149. "error":function(){
  150. $.MsgBox.Alert('提示','链接服务器超时')
  151. }
  152. });
  153. }
  154. /*企业用户信息*/
  155. function cmpFun(orgId) {
  156. $.ajax({
  157. "url": "/ajax/org/" + orgId,
  158. "type": "get",
  159. "dataType" : "json",
  160. "success": function(data) {
  161. if(data.success && data.data) {
  162. $("#Qname").text(data.data.name);
  163. if(data.data.hasOrgLogo) {
  164. $("#companyImg").attr("src", "/images/org/" + data.data.id + ".jpg");
  165. }else{
  166. $("#companyImg").attr("src", "/images/default-icon.jpg");
  167. }
  168. if(data.data.authStatus==3){
  169. $("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");;
  170. }
  171. $("#Qindustry").text(QindustryShow(data.data.industry));
  172. $("#QorgType").text(orgTypeShow[data.data.orgType])
  173. }
  174. },
  175. "error": function() {
  176. $.MsgBox.Alert('提示', '链接服务器超时')
  177. }
  178. });
  179. }
  180. //相关专家
  181. function relevantExperts(){
  182. $.ajax({
  183. "url": "/ajax/article/ralatePro",
  184. "type": "get",
  185. "dataType" : "json",
  186. "data" :{"articleId":articleId},
  187. "success": function(data) {
  188. if(data.success && data.data) {
  189. for(var i = 0; i < data.data.length; i++) {
  190. var professorId = data.data[i].professorId;
  191. relevantExpertsList(professorId)
  192. }
  193. }
  194. },
  195. "error": function() {
  196. $.MsgBox.Alert('提示', '链接服务器超时')
  197. }
  198. });
  199. }
  200. //相关专家信息
  201. function relevantExpertsList(professorId){
  202. $.ajax({
  203. "url" : "/ajax/professor/info/"+professorId,
  204. "type" : "GET" ,
  205. "dataType" : "json",
  206. "success" : function(data) {
  207. if (data.success && data.data!=""){
  208. $("#relevantExperts").parent().parent().removeClass("displayNone");
  209. var itemlist = '';
  210. $("#trelevantExperts").html("");
  211. var itemlist = '<li><a class="flexCenter">';
  212. itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
  213. itemlist += '<div class="madiaInfo">';
  214. itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
  215. itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
  216. itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
  217. itemlist += '</div></a></li>';
  218. $itemlist = $(itemlist);
  219. $("#relevantExperts").append($itemlist);
  220. var title = data.data.title || "";
  221. var office = data.data.office || "";
  222. if(title != "") {
  223. title = title + " , ";
  224. }
  225. $itemlist.find("#userName").text(data.data.name);
  226. $itemlist.find("#usertitle").text(title + office);
  227. /*获取研究方向信息*/
  228. var researchAreas = data.data.researchAreas;
  229. if(researchAreas != ""){
  230. var rlist = '研究方向:';
  231. }else{
  232. var rlist = '';
  233. }
  234. for(var n = 0; n < researchAreas.length; n++) {
  235. //console.log(researchAreas[n].caption);
  236. rlist += researchAreas[n].caption
  237. if(n < researchAreas.length - 1) {
  238. rlist += ";"
  239. }
  240. }
  241. $itemlist.find("#researchAreas").text(rlist);
  242. if(data.data.hasHeadImage == 1) {
  243. $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  244. }
  245. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  246. $itemlist.find(".authiconNew").attr("title", userType.title);
  247. $itemlist.find(".authiconNew").addClass(userType.sty);
  248. }
  249. },
  250. "error":function(){
  251. $.MsgBox.Alert('提示','链接服务器超时')
  252. }
  253. });
  254. }
  255. //相关资源
  256. function relevantResources(){
  257. $.ajax({
  258. "url": "/ajax/article/ralateRes",
  259. "type": "get",
  260. "dataType" : "json",
  261. "data" :{"articleId":articleId},
  262. "success": function(data) {
  263. if(data.success && data.data) {
  264. for(var i = 0; i < data.data.length; i++) {
  265. var resourceId = data.data[i].resourceId;
  266. relevantResourcesList(resourceId)
  267. }
  268. }
  269. },
  270. "error": function() {
  271. $.MsgBox.Alert('提示', '链接服务器超时')
  272. }
  273. });
  274. }
  275. //相关资源信息
  276. function relevantResourcesList(resourceId){
  277. $.ajax({
  278. "url" : "/ajax/resource/queryOne",
  279. "type" : "GET" ,
  280. "dataType" : "json",
  281. "data" :{"resourceId":resourceId},
  282. "success" : function(data) {
  283. console.log(data);
  284. if (data.success && data.data!=""){
  285. $("#resources").parent().parent().removeClass("displayNone");
  286. var itemlist = '<li><a href="" class="flexCenter urlgo">';
  287. itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
  288. itemlist += '<div class="madiaInfo">';
  289. itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
  290. itemlist += '<p><span class="h2Font uname"></span><em class="authiconNew" title="科袖认证专家"></em></p>';
  291. itemlist += '<p class="h2Font ellipsisSty-2" id="Ytname"></p>';
  292. itemlist += '</div></a></li>';
  293. $itemlist = $(itemlist);
  294. $("#resources").append($itemlist);
  295. var datalist = data.data;
  296. $itemlist.find("#resourceName").text(datalist.resourceName);
  297. $itemlist.find("#Ytname").text("用途:"+datalist.supportedServices);
  298. $itemlist.find(".urlgo").attr("href", "resourceShow.html?resourceId="+datalist.resourceId);
  299. if(datalist.images.length > 0) {
  300. $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
  301. }
  302. if(datalist.resourceType==1){
  303. $itemlist.find(".uname").text(datalist.editProfessor.name);
  304. var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
  305. $itemlist.find(".authiconNew").attr("title", userType.title);
  306. $itemlist.find(".authiconNew").addClass(userType.sty);
  307. }
  308. if(datalist.resourceType==2){
  309. $itemlist.find(".uname").text(datalist.organization.name);
  310. if(datalist.organization.authStatus==3){
  311. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "认证企业");
  312. }
  313. }
  314. }
  315. },
  316. "error":function(){
  317. $.MsgBox.Alert('提示','链接服务器超时')
  318. }
  319. });
  320. }
  321. //拆解关键字
  322. function industryShow(data){
  323. if(data != undefined && data.length != 0 ){
  324. var subs=strToAry(data)
  325. if(subs.length>0){
  326. for (var i = 0; i < subs.length; i++)
  327. {
  328. $("#tagList").append('<li><p class="h2Font">'+ subs[i] +'</p></li>');
  329. };
  330. }
  331. }
  332. }
  333. //拆解企业应用行业
  334. function QindustryShow(data){
  335. if(data != undefined && data.length != 0 ){
  336. var subs = new Array();
  337. subs = data.replace(',',' | ');
  338. if(subs.length>0){
  339. for (var i = 0; i < subs.length; i++)
  340. {
  341. $("#Qindustry").append(subs[i]);
  342. };
  343. }
  344. }
  345. }
  346. //相关企业
  347. function companylist() {
  348. $.ajax({
  349. url:"/ajax/article/ralateOrg",
  350. dataType: 'json', //数据格式类型
  351. type: 'GET', //http请求类型
  352. data: {
  353. "articleId": articleId,
  354. },
  355. timeout: 10000, //超时设置
  356. success: function(data) {
  357. if(data.success) {
  358. var $data=data.data;
  359. if($data.length) {
  360. $("#busList").parents(".form-item").show();
  361. }
  362. for(var i=0;i<$data.length;i++) {
  363. angleBus.call($data[i])
  364. }
  365. }
  366. },
  367. error: function() {
  368. $.MsgBox.Alert('提示', '服务器请求失败')
  369. }
  370. });
  371. }
  372. function angleBus() {
  373. $.ajax({
  374. url: "/ajax/org/" +this.orgId,
  375. type: "GET",
  376. timeout: 10000,
  377. dataType: "json",
  378. context: $("#busList"),
  379. success: function(data) {
  380. if(data.success) {
  381. busfil.call(this,data.data);
  382. }
  383. },
  384. error: function(XMLHttpRequest, textStats, errorThrown) {
  385. $.MsgBox.Alert('提示', '服务器请求失败')
  386. }
  387. })
  388. }
  389. function busfil($data) {
  390. var itemlist = '<li><a href="" target="_blank" class="flexCenter urlgo">';
  391. itemlist += '<div class="madiaHead cmpHead">';
  392. itemlist += '<div class="boxBlock"><img class="boxBlockimg" src="" id="companyImg"></div></div>';
  393. itemlist += '<div class="madiaInfo">';
  394. itemlist += '<p class="h1Font"><span id="orgName"></span><em class="authiconNew"></em></p>';
  395. itemlist += '<p class="h2Font ellipsisSty"><span id="orgTit"></span> <span id="orgOther"></span></p>';
  396. itemlist += '</div></a></li>';
  397. $itemlist = $(itemlist);
  398. this.append($itemlist);
  399. var datalist = $data;
  400. var companyType = datalist.authStatus;
  401. if(datalist.forShort) {
  402. $itemlist.find("#orgName").text(datalist.forShort);
  403. } else {
  404. $itemlist.find("#orgName").text(datalist.name);
  405. }
  406. $itemlist.find(".urlgo").attr("href", "cmpInforShow.html?orgId=" + datalist.id);
  407. if(datalist.hasOrgLogo) {
  408. $itemlist.find("#companyImg").attr("src", "/images/org/" + datalist.id + ".jpg");
  409. } else {
  410. $itemlist.find("#companyImg").attr("src", "/images/default-icon.jpg");
  411. }
  412. if(companyType == 3) {
  413. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "科袖认证企业");;
  414. }
  415. var orgOther = "";
  416. if(datalist.industry) {
  417. orgOther = datalist.industry.replace(/,/gi, " | ");
  418. }
  419. $itemlist.find("#orgOther").text(orgOther);
  420. if(datalist.orgType == "2") {
  421. $("#orgTit").html(orgTypeShow[datalist.orgType] + "<span style='margin-right:10px;'></span>");
  422. }
  423. }
  424. });