portal html css js resource

resourcePreview.js 12KB

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