portal html css js resource

resourcePreview.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. $(document).ready(function() {
  2. loginStatus(); //判断个人是否登录
  3. var userid = $.cookie("userid");
  4. $(".jqzoom").imagezoom();
  5. $("#thumblist").on("click", "li a", function() {
  6. $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
  7. $(".jqzoom").attr('src', $(this).find("img").attr("src"));
  8. $(".jqzoom").attr('rel', $(this).find("img").attr("src"));
  9. });
  10. $('.shareWeixin').hover(function() {
  11. $('.shareCode').stop(true, false).fadeToggle();
  12. });
  13. var resourceId = GetQueryString("resourceId");
  14. var professorId = "";
  15. getRecourceMe();
  16. /*获取资源信息*/
  17. function getRecourceMe() {
  18. $.ajax({
  19. "url": "/ajax/resource/queryOne",
  20. "type": "GET",
  21. "success": function(data) {
  22. console.log(data);
  23. if(data.success) {
  24. resourceHtml(data.data);
  25. var resourceName = data.data.resourceName + "-科袖网";
  26. window.setTimeout(function() {
  27. document.title = resourceName;
  28. }, 500);
  29. }
  30. },
  31. "data": {
  32. "resourceId": resourceId
  33. },
  34. dataType: "json",
  35. 'error': function() {
  36. $.MsgBox.Alert('提示', '服务器连接超时!');
  37. }
  38. });
  39. }
  40. /*合作备注及性能参数存储换行格式*/
  41. function outHTML(selecter) {
  42. var getValue = selecter;
  43. var aa = "";
  44. if(getValue) {
  45. var endValue = ((getValue.replace(/<(.+?)>/gi, "&lt;$1&gt;")).replace(/ /gi, "&nbsp;")).replace(/\n/gi, "|");
  46. var cc = endValue.split("|");
  47. for(var i = 0; i < cc.length; i++) {
  48. aa += cc[i] + '<br/>'
  49. }
  50. }
  51. return aa;
  52. }
  53. /*处理资源html代码*/
  54. function resourceHtml($da) {
  55. $("#resourceName").text($da.resourceName); //名字
  56. $("#application").text($da.supportedServices); //应用用途
  57. if($da.editProfessor) {
  58. $("#person,#orgName").show();
  59. if($da.orgName) { //所属机构
  60. $("#organizationName").text($da.orgName).parents("li").show();
  61. }
  62. $("#nameS").text($da.editProfessor.name); //"office": "", //职位 "title": "", //职称
  63. if($da.editProfessor.title) {
  64. $("#titleOffice").text($da.editProfessor.title);
  65. } else {
  66. if($da.editProfessor.office) {
  67. $("#titleOffice").text($da.editProfessor.office);
  68. }
  69. }
  70. if($da.editProfessor.orgName) {
  71. $("#orgType").text($da.editProfessor.orgName);
  72. }
  73. professorId = $da.editProfessor.id;
  74. /*if(userid!=professorId) {
  75. $(".goSpan").show();
  76. }*/
  77. var professorFlag = autho($da.editProfessor.authType, $da.editProfessor.orgAuth, $da.editProfessor.authStatus);
  78. $("#authFlag").addClass(professorFlag.sty).attr("title", professorFlag.title);
  79. if($da.editProfessor.hasHeadImage == 1) {
  80. $("#headImg").css("background-image", 'url(/images/head/' + $da.editProfessor.id + '_l.jpg)');
  81. }
  82. }else {
  83. $("#enterprise,#resPerson").show();
  84. if($da.organization.hasOrgLogo) {
  85. $("#Qimg").attr("style", "background-image: url(/images/org/" + $da.organization.id + ".jpg);");
  86. }
  87. if($da.organization.authStatus==3){
  88. $("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");
  89. }
  90. $("#Qname").text($da.organization.name);
  91. $("#Qindustry").text($da.organization.subject);
  92. if($da.organization.orgType==2){
  93. $("#QorgType").text("上市企业");
  94. }else if($da.organization.orgType==3){
  95. $("#QorgType").text("国有企业");
  96. }else if($da.organization.orgType==4){
  97. $("#QorgType").text("合资企业");
  98. }else if($da.organization.orgType==5){
  99. $("#QorgType").text("私人企业");
  100. }else if($da.organization.orgType==6){
  101. $("#QorgType").text("外资企业");
  102. }else if($da.organization.orgType==7){
  103. $("#QorgType").text("初创企业");
  104. }else{
  105. $("#QorgType").text("");
  106. }
  107. }
  108. if($da.spec) { //厂商型号
  109. $("#modelNumber").text($da.spec).parents("li").show();
  110. }
  111. if($da.parameter) { //性能参数
  112. $("#performancePa").html(outHTML($da.parameter)).parents("li").show();
  113. }
  114. if($da.cooperationNotes) { //合作备注
  115. $("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
  116. }
  117. if($da.subject) {
  118. var oSub = $da.subject.split(",");
  119. var oSt = "";
  120. for(var i = 0; i < oSub.length; i++) {
  121. oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
  122. }
  123. $(".tagList").html(oSt);
  124. }
  125. if($da.descp) { //编辑器
  126. $("#descp").html($da.descp).parents("li").show();
  127. }
  128. //return;
  129. if($da.images.length) {
  130. $("#firstFigure").attr({
  131. "src": "/data/resource/" + $da.images[0].imageSrc,
  132. "rel": "/data/resource/" + $da.images[0].imageSrc
  133. }).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
  134. var arr = "";
  135. for(var i = 0; i < $da.images.length; i++) {
  136. if($da.images[i] == $da.images[0]) {
  137. var oString = '<li class="tb-selected">' +
  138. '<div class="tb-pic tb-s66">' +
  139. '<a href="javascript:void(0);">' +
  140. '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
  141. '</a>' +
  142. '</div>' +
  143. '</li>'
  144. } else {
  145. var oString = '<li >' +
  146. '<div class="tb-pic tb-s66">' +
  147. '<a href="javascript:void(0);">' +
  148. '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
  149. '</a>' +
  150. '</div>' +
  151. '</li>'
  152. }
  153. arr += oString;
  154. }
  155. $("#thumblist").html(arr);
  156. }
  157. }
  158. /*点击名字及头像跳转个人浏览页面*/
  159. $("#nameS,#headImg").click(function() {
  160. location.href = "information-brow.html?professorId=" + professorId;
  161. })
  162. /*点击咨询*/
  163. $("#consultin").on("click", function() {
  164. clickResouceConsultHandler();
  165. });
  166. /*咨询函数*/
  167. function clickResouceConsultHandler() {
  168. if(userid && userid != "null" && userid != null) {
  169. ConsultApply();
  170. concultProInfo(professorId); //专家信息common.js中
  171. //默认选中资源咨询和标题
  172. for(var i = 0; i < $("ul.menucon").children().length; i++) {
  173. $("ul.menucon").children().eq(i).removeClass("clicknow");
  174. $("ul.menucon").children().eq(1).addClass("clicknow");
  175. }
  176. var consultTitleVal = $(".h2Font").text();
  177. $("#consultTitle").val("关于" + consultTitleVal + "的咨询");
  178. //点击的发送
  179. $("#sendConsultBtn").click(function() {
  180. sendConsultHandler(professorId); //common.js中
  181. });
  182. } else {
  183. $.MsgBox.Alert("消息提醒", "请先登录再进行咨询");
  184. $("#mb_btn_ok").val("去登录");
  185. var aele = document.createElement('a');
  186. $("#mb_btnbox").append(aele);
  187. $("#mb_btnbox a").css({
  188. 'display': "block",
  189. 'width': '100%',
  190. 'height': '40px',
  191. 'position': 'absolute',
  192. 'bottom': '-6px',
  193. 'left': '0'
  194. });
  195. aele.setAttribute('href', '../login.html');
  196. }
  197. };
  198. //点击专家关注
  199. $('.attenSpan').click(function(){
  200. if (userid && userid != "null" && userid != null) {
  201. if($(this).is('.attenSpanyes')){
  202. cancelCollectionExpert(professorId,1)
  203. }else{
  204. collectionExpert(professorId,1);
  205. }
  206. }else{
  207. $.MsgBox.Alert('提示',"请先登录再进行关注");
  208. $("#mb_btn_ok").val("去登录");
  209. var aele = document.createElement('a');
  210. $("#mb_btnbox").append(aele);
  211. $("#mb_btnbox a").css({
  212. 'display': "block",
  213. 'width': '100%',
  214. 'height': '40px',
  215. 'position': 'absolute',
  216. 'bottom': '-6px',
  217. 'left': '0'
  218. });
  219. aele.setAttribute('href', '../login.html');
  220. }
  221. })
  222. //点击资源收藏
  223. $('#attention em').click(function(){
  224. if (userid && userid != "null" && userid != null) {
  225. if($(this).is('.icon-collected')){
  226. cancelCollectionExpert(resourceId,2)
  227. }else{
  228. collectionExpert(resourceId,2);
  229. }
  230. }else{
  231. $.MsgBox.Alert('提示',"请先登录再进行收藏");
  232. $("#mb_btn_ok").val("去登录");
  233. var aele = document.createElement('a');
  234. $("#mb_btnbox").append(aele);
  235. $("#mb_btnbox a").css({
  236. 'display': "block",
  237. 'width': '100%',
  238. 'height': '40px',
  239. 'position': 'absolute',
  240. 'bottom': '-6px',
  241. 'left': '0'
  242. });
  243. aele.setAttribute('href', '../login.html');
  244. }
  245. })
  246. /*判断是非关注专家*/
  247. function ifCollection(getid,num) {
  248. var data = {"professorId": userid,"watchObject": getid}
  249. //alert(JSON.stringify(data))
  250. $.ajax({
  251. url:"/ajax/watch/hasWatch",
  252. data:data,
  253. dataType: 'json', //数据格式类型
  254. type: 'get', //http请求类型
  255. timeout: 10000,
  256. async: true,
  257. success: function(data) {
  258. if(num==1){
  259. if(data.success && data.data != null) {
  260. $('.attenSpan').addClass("attenSpanyes");
  261. $('.attenSpan').text('已关注');
  262. zjreturnId = data.data.watchObject;
  263. } else {
  264. $('.attenSpan').removeClass("attenSpanyes");
  265. $('.attenSpan').text('关注');
  266. }
  267. }
  268. if(num==2){
  269. if(data.success && data.data != null) {
  270. $('#attention em').addClass("icon-collected").removeClass("icon-collect");
  271. wzreturnId = data.data.watchObject;
  272. } else {
  273. $('#attention em').removeClass("icon-collected").addClass("icon-collect");
  274. }
  275. }
  276. },
  277. error: function() {
  278. $.MsgBox.Alert('提示',"服务器链接超时");
  279. }
  280. });
  281. }
  282. /*关注专家*/
  283. function collectionExpert(watchObject,num) {
  284. if(num==1){
  285. var data = {"professorId": userid,"watchObject": watchObject,"watchType": 1}
  286. }else{
  287. var data = {"professorId": userid,"watchObject": watchObject,"watchType": 3}
  288. }
  289. $.ajax({
  290. url:"/ajax/watch",
  291. data:data,
  292. dataType: 'json', //数据格式类型
  293. type: 'POST', //http请求类型
  294. timeout: 10000,
  295. async: false,
  296. success: function(data) {
  297. if(num==1){
  298. if(data.success) {
  299. $('.attenSpan').addClass("attenSpanyes");
  300. $('.attenSpan').text('已关注');
  301. zjreturnId = data.data.watchObject;
  302. }
  303. }
  304. if(num==2){
  305. if(data.success) {
  306. $('#attention em').addClass("icon-collected").removeClass("icon-collect");
  307. wzreturnId = data.data.watchObject;
  308. }
  309. }
  310. },
  311. error: function() {
  312. $.MsgBox.Alert('提示',"服务器链接超时");
  313. }
  314. });
  315. }
  316. /*取消收藏专家*/
  317. function cancelCollectionExpert(watchObject,num) {
  318. $.ajax({
  319. url:"/ajax/watch/delete",
  320. data: {
  321. professorId: userid,
  322. watchObject: watchObject
  323. },
  324. dataType: 'json', //数据格式类型
  325. type: 'post', //http请求类型
  326. timeout: 10000,
  327. async: true,
  328. success: function(data) {
  329. console.log(data.success)
  330. if(num==1){
  331. if(data.success) {
  332. $('.attenSpan').removeClass("attenSpanyes");
  333. $('.attenSpan').text('关注');
  334. }
  335. }
  336. if(num==2){
  337. if(data.success) {
  338. $('#attention em').removeClass("icon-collected").addClass("icon-collect");
  339. }
  340. }
  341. },
  342. error: function(data) {
  343. $.MsgBox.Alert('提示',"服务器链接超时");
  344. }
  345. });
  346. }
  347. selUse();
  348. function selUse() {
  349. $.ajax({
  350. url: "/ajax/resource/qaLinkman",
  351. type: "GET",
  352. timeout: 10000,
  353. dataType: "json",
  354. async:true,
  355. data: {
  356. "resourceId": resourceId,
  357. },
  358. success: function(data, textState) {
  359. console.log(data)
  360. if(data.success) {
  361. unauthUser(data.data);
  362. }
  363. },
  364. error: function(XMLHttpRequest, textStats, errorThrown) {
  365. $.MsgBox.Alert('提示', '服务器请求失败')
  366. }
  367. })
  368. }
  369. function unauthUser($res) {
  370. var osting=""
  371. for(var i = 0; i < $res.length; i++) {
  372. var img;
  373. var styC="";
  374. var oClass = autho($res[i].professor.authType, $res[i].professor.orgAuth, $res[i].professor.authStatus);
  375. var oTitle="";
  376. if($res[i].professor.title) {
  377. oTitle=$res[i].professor.title;
  378. }else{
  379. if($res[i].professor.office) {
  380. oTitle=$res[i].professor.office;
  381. }
  382. }
  383. if($res[i].professor.hasHeadImage) {
  384. img = "/images/head/" + $res[i].professor.id + "_l.jpg";
  385. } else {
  386. img = "../images/default-photo.jpg"
  387. }
  388. var oSt = '<li>'
  389. oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
  390. oSt += '<div class = "madiaInfo">'
  391. oSt += '<p class = "ellipsisSty">'
  392. oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
  393. oSt += '</p>'
  394. oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
  395. oSt += '</div>'
  396. oSt += '<div class="'+styC+'" flag=1></div>'
  397. oSt += '</li>'
  398. osting+=oSt;
  399. }
  400. $("#expertli").html(osting);
  401. }
  402. })