portal html css js resource

articalPreview.js 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546
  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 queryFileAtach(){
  131. $.ajax({
  132. "url": "/ajax/article/files/byArticleId",
  133. "type": "get",
  134. "dataType" : "json",
  135. "data" :{"id":articleId},
  136. "success": function(data) {
  137. if(data.success && data.data) {
  138. for(var i = 0; i < data.data.length; i++) {
  139. var itlist = '<li>'+
  140. '<span class="atach-name ellipsisSty">'+data.data[i].name+'</span>'+
  141. '<span class="atach-size">'+sizeTo(data.data[i].size)+'</span>'+
  142. '<a href="/data/article/file'+data.data[i].url+'" class="atach-down">点击下载</a>'+
  143. '</li>'
  144. $("#atachList").append(itlist);
  145. }
  146. }
  147. }
  148. });
  149. }
  150. //专家信息
  151. function expert(professorId){
  152. $.ajax({
  153. "url" : "/ajax/professor/baseInfo/"+professorId,
  154. "type" : "GET" ,
  155. "dataType" : "json",
  156. "success" : function(data) {
  157. if (data.success && data.data){
  158. if(data.data.hasHeadImage==1) {
  159. $("#Zimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  160. }
  161. if(data.data.title==""){
  162. var title = data.data.office;
  163. }else{
  164. var title = data.data.title;
  165. }
  166. $("#Zname").text(data.data.name);
  167. $("#Ztitle").text(title);
  168. $("#ZorgName").text(data.data.orgName);
  169. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  170. $("#ZauthFlag").attr("title", userType.title);
  171. $("#ZauthFlag").addClass(userType.sty);
  172. }
  173. },
  174. "error":function(){
  175. $.MsgBox.Alert('提示','链接服务器超时')
  176. }
  177. });
  178. }
  179. /*企业用户信息*/
  180. function cmpFun(orgId) {
  181. $.ajax({
  182. "url": "/ajax/org/" + orgId,
  183. "type": "get",
  184. "dataType" : "json",
  185. "success": function(data) {
  186. if(data.success && data.data) {
  187. $("#Qname").text(data.data.name);
  188. if(data.data.hasOrgLogo) {
  189. $("#companyImg").attr("src", "/images/org/" + data.data.id + ".jpg");
  190. }else{
  191. $("#companyImg").attr("src", "/images/default-icon.jpg");
  192. }
  193. if(data.data.authStatus==3){
  194. $("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");;
  195. }
  196. if(data.data.industry) {
  197. $("#Qindustry").text(data.data.industry.replace(/,/gi, " | "));
  198. }
  199. if(!data.data.colMgr && !data.data.resMgr) {
  200. relatedProducts();
  201. }
  202. if(data.data.colMgr) {
  203. queryFileAtach();
  204. }
  205. }
  206. }
  207. });
  208. }
  209. /*平台信息*/
  210. function platform(platform) {
  211. $.ajax({
  212. "url": "/ajax/platform/info",
  213. "data":{id: platform},
  214. "type": "get",
  215. "dataType" : "json",
  216. "success": function(data) {
  217. if(data.success && data.data) {
  218. $("#Qname").text(data.data.name);
  219. if(data.data.logo!=null) {
  220. $("#companyImg").attr("src", "/data/platform" + data.data.logo);
  221. }else{
  222. $("#companyImg").attr("src", "/images/default-plat.jpg");
  223. }
  224. if(data.data.industry) {
  225. $("#Qindustry").text(data.data.industry.replace(/,/gi, " | "));
  226. }
  227. }
  228. },
  229. "error": function() {
  230. $.MsgBox.Alert('提示', '链接服务器超时')
  231. }
  232. });
  233. }
  234. //相关专家
  235. function relevantExperts(){
  236. $.ajax({
  237. "url": "/ajax/article/ralatePro",
  238. "type": "get",
  239. "dataType" : "json",
  240. "data" :{"articleId":articleId},
  241. "success": function(data) {
  242. if(data.success && data.data) {
  243. for(var i = 0; i < data.data.length; i++) {
  244. var professorId = data.data[i].professorId;
  245. relevantExpertsList(professorId)
  246. }
  247. }
  248. },
  249. "error": function() {
  250. $.MsgBox.Alert('提示', '链接服务器超时')
  251. }
  252. });
  253. }
  254. //相关专家信息
  255. function relevantExpertsList(professorId){
  256. $.ajax({
  257. "url" : "/ajax/professor/info/"+professorId,
  258. "type" : "GET" ,
  259. "dataType" : "json",
  260. "success" : function(data) {
  261. if (data.success && data.data!=""){
  262. $("#relevantExperts").parent().parent().removeClass("displayNone");
  263. var itemlist = '';
  264. $("#trelevantExperts").html("");
  265. var itemlist = '<li><a class="flexCenter">';
  266. itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
  267. itemlist += '<div class="madiaInfo">';
  268. itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
  269. itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
  270. itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
  271. itemlist += '</div></a></li>';
  272. $itemlist = $(itemlist);
  273. $("#relevantExperts").append($itemlist);
  274. var title = data.data.title || "";
  275. var office = data.data.office || "";
  276. if(title != "") {
  277. title = title + " , ";
  278. }
  279. $itemlist.find("#userName").text(data.data.name);
  280. $itemlist.find("#usertitle").text(title + office);
  281. /*获取研究方向信息*/
  282. var researchAreas = data.data.researchAreas;
  283. if(researchAreas != ""){
  284. var rlist = '研究方向:';
  285. }else{
  286. var rlist = '';
  287. }
  288. for(var n = 0; n < researchAreas.length; n++) {
  289. //console.log(researchAreas[n].caption);
  290. rlist += researchAreas[n].caption
  291. if(n < researchAreas.length - 1) {
  292. rlist += ";"
  293. }
  294. }
  295. $itemlist.find("#researchAreas").text(rlist);
  296. if(data.data.hasHeadImage == 1) {
  297. $itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
  298. }
  299. var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  300. $itemlist.find(".authiconNew").attr("title", userType.title);
  301. $itemlist.find(".authiconNew").addClass(userType.sty);
  302. }
  303. },
  304. "error":function(){
  305. $.MsgBox.Alert('提示','链接服务器超时')
  306. }
  307. });
  308. }
  309. //相关资源
  310. function relevantResources(){
  311. $.ajax({
  312. "url": "/ajax/article/ralateRes",
  313. "type": "get",
  314. "dataType" : "json",
  315. "data" :{"articleId":articleId},
  316. "success": function(data) {
  317. if(data.success && data.data) {
  318. for(var i = 0; i < data.data.length; i++) {
  319. var resourceId = data.data[i].resourceId;
  320. relevantResourcesList(resourceId)
  321. }
  322. }
  323. },
  324. "error": function() {
  325. $.MsgBox.Alert('提示', '链接服务器超时')
  326. }
  327. });
  328. }
  329. //相关资源信息
  330. function relevantResourcesList(resourceId){
  331. $.ajax({
  332. "url" : "/ajax/resource/queryOne",
  333. "type" : "GET" ,
  334. "dataType" : "json",
  335. "data" :{"resourceId":resourceId},
  336. "success" : function(data) {
  337. console.log(data);
  338. if (data.success && data.data!=""){
  339. $("#resources").parent().parent().removeClass("displayNone");
  340. var itemlist = '<li><a href="" class="flexCenter urlgo">';
  341. itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
  342. itemlist += '<div class="madiaInfo">';
  343. itemlist += '<p class="h1Font ellipsisSty" id="resourceName"></p>';
  344. itemlist += '<p><span class="h2Font uname"></span><em class="authiconNew" title="科袖认证专家"></em></p>';
  345. itemlist += '<p class="h2Font ellipsisSty-2" id="Ytname"></p>';
  346. itemlist += '</div></a></li>';
  347. $itemlist = $(itemlist);
  348. $("#resources").append($itemlist);
  349. var datalist = data.data;
  350. $itemlist.find("#resourceName").text(datalist.resourceName);
  351. $itemlist.find("#Ytname").text("用途:"+datalist.supportedServices);
  352. $itemlist.find(".urlgo").attr("href", "resourceShow.html?resourceId="+datalist.resourceId);
  353. if(datalist.images.length > 0) {
  354. $itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
  355. }
  356. if(datalist.resourceType==1){
  357. $itemlist.find(".uname").text(datalist.editProfessor.name);
  358. var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
  359. $itemlist.find(".authiconNew").attr("title", userType.title);
  360. $itemlist.find(".authiconNew").addClass(userType.sty);
  361. }
  362. if(datalist.resourceType==2){
  363. $itemlist.find(".uname").text(datalist.organization.name);
  364. if(datalist.organization.authStatus==3){
  365. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "认证企业");
  366. }
  367. }
  368. }
  369. },
  370. "error":function(){
  371. $.MsgBox.Alert('提示','链接服务器超时')
  372. }
  373. });
  374. }
  375. //拆解关键字
  376. function industryShow(data){
  377. if(data != undefined && data.length != 0 ){
  378. var subs=strToAry(data)
  379. if(subs.length>0){
  380. for (var i = 0; i < subs.length; i++)
  381. {
  382. $("#tagList").append('<li><p class="h2Font">'+ subs[i] +'</p></li>');
  383. };
  384. }
  385. }
  386. }
  387. //相关企业
  388. function companylist() {
  389. $.ajax({
  390. url:"/ajax/article/ralateOrg",
  391. dataType: 'json', //数据格式类型
  392. type: 'GET', //http请求类型
  393. data: {
  394. "articleId": articleId,
  395. },
  396. timeout: 10000, //超时设置
  397. success: function(data) {
  398. if(data.success) {
  399. var $data=data.data;
  400. if($data.length) {
  401. $("#busList").parents(".form-item").show();
  402. }
  403. for(var i=0;i<$data.length;i++) {
  404. angleBus.call($data[i])
  405. }
  406. }
  407. },
  408. error: function() {
  409. $.MsgBox.Alert('提示', '服务器请求失败')
  410. }
  411. });
  412. }
  413. function angleBus() {
  414. $.ajax({
  415. url: "/ajax/org/" +this.orgId,
  416. type: "GET",
  417. timeout: 10000,
  418. dataType: "json",
  419. context: $("#busList"),
  420. success: function(data) {
  421. if(data.success) {
  422. busfil.call(this,data.data);
  423. }
  424. },
  425. error: function(XMLHttpRequest, textStats, errorThrown) {
  426. $.MsgBox.Alert('提示', '服务器请求失败')
  427. }
  428. })
  429. }
  430. function busfil($data) {
  431. var itemlist = '<li><a href="" target="_blank" class="flexCenter urlgo">';
  432. itemlist += '<div class="madiaHead cmpHead">';
  433. itemlist += '<div class="boxBlock"><img class="boxBlockimg companyImg"></div></div>';
  434. itemlist += '<div class="madiaInfo">';
  435. itemlist += '<p class="h1Font"><span class="orgName"></span><em class="authiconNew"></em></p>';
  436. itemlist += '<p class="h2Font ellipsisSty"><span class="orgTit"></span> <span class="orgOther"></span></p>';
  437. itemlist += '</div></a></li>';
  438. $itemlist = $(itemlist);
  439. this.append($itemlist);
  440. var datalist = $data;
  441. var companyType = datalist.authStatus;
  442. if(datalist.forShort) {
  443. $itemlist.find(".orgName").text(datalist.forShort);
  444. } else {
  445. $itemlist.find(".orgName").text(datalist.name);
  446. }
  447. $itemlist.find(".urlgo").attr("href", "cmpInforShow.html?orgId=" + datalist.id);
  448. if(datalist.hasOrgLogo) {
  449. $itemlist.find(".companyImg").attr("src", "/images/org/" + datalist.id + ".jpg");
  450. } else {
  451. $itemlist.find(".companyImg").attr("src", "/images/default-icon.jpg");
  452. }
  453. if(companyType == 3) {
  454. $itemlist.find(".authiconNew").addClass("authicon-com-ok").attr("title", "科袖认证企业");;
  455. }
  456. var orgOther = "";
  457. if(datalist.industry) {
  458. orgOther = datalist.industry.replace(/,/gi, " | ");
  459. }
  460. $itemlist.find(".orgOther").text(orgOther);
  461. if(datalist.orgType == "2") {
  462. $(".orgTit").html(orgTypeShow[datalist.orgType] + "<span style='margin-right:10px;'></span>");
  463. }
  464. }
  465. /*相关产品*/
  466. function relatedProducts() {
  467. $.ajax({
  468. "url": "/ajax/article/product",
  469. "type": "GET",
  470. "data": {
  471. "id": articleId,
  472. "rows":5
  473. },
  474. dataType: "json",
  475. "success": function(data) {
  476. if(data.success && data.data) {
  477. $("#oProducts").parents(".otherShow").removeClass("displayNone");
  478. for(var i = 0; i < data.data.length; i++) {
  479. var productId = data.data[i].product;
  480. relatedProductsList(productId)
  481. }
  482. }
  483. }
  484. });
  485. }
  486. function relatedProductsList(Id){
  487. $.ajax({
  488. "url" : "/ajax/product/qo",
  489. "type" : "GET" ,
  490. "dataType" : "json",
  491. "data" :{"id":Id},
  492. "success" : function(data) {
  493. if (data.success && data.data!=""){
  494. var $html=data.data
  495. var cnt="", img="../images/default-product.jpg"
  496. if($html.images) {
  497. var subs = strToAry($html.images)
  498. if(subs.length > 0) {
  499. img="/data/product" + subs[0]
  500. }
  501. }
  502. if($html.cnt){
  503. cnt="简介:"+$html.cnt
  504. }
  505. var itemlist = '<li data-id="'+$html.id+'">'
  506. itemlist += '<a class="flexCenter OflexCenter"><div class="madiaHead resourceHead" style="background-image:url('+img+')"></div>';
  507. itemlist += '<div class="madiaInfo OmadiaInfo">';
  508. itemlist += '<p class="ellipsisSty h1Font" id="usertitle">'+$html.name+'</p>';
  509. itemlist += '<p class="ellipsisSty-2 h2Font">'+cnt+'</p>';
  510. itemlist += '</div></a></li>';
  511. $("#oProducts").append(itemlist)
  512. }
  513. }
  514. });
  515. }
  516. $("#oService").on("click","li",function(){
  517. var id = $(this).attr("data-id");
  518. location.href = "sevriceShow.html?sevriceId=" + id;
  519. })
  520. $("#oProducts").on("click","li",function(){
  521. var id = $(this).attr("data-id");
  522. location.href = "productShow.html?productId=" + id;
  523. })
  524. });