portal html css js resource

resourcePreview.js 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
  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. $("#companyImg").attr("src", "/images/org/" + $da.organization.id + ".jpg");
  87. }else{
  88. $("#companyImg").attr("src", "/images/default-icon.jpg");
  89. }
  90. if($da.organization.authStatus==3){
  91. $("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");
  92. }
  93. $("#Qname").text($da.organization.name);
  94. $("#Qindustry").text($da.organization.subject);
  95. $("#QorgType").text(orgTypeShow[$da.organization.orgType])
  96. }
  97. if($da.spec) { //厂商型号
  98. $("#modelNumber").text($da.spec).parents("li").show();
  99. }
  100. if($da.parameter) { //性能参数
  101. $("#performancePa").html(outHTML($da.parameter)).parents("li").show();
  102. }
  103. if($da.cooperationNotes) { //合作备注
  104. $("#remarkContent").html(outHTML($da.cooperationNotes)).parents("li").show();
  105. }
  106. if($da.subject) {
  107. var oSub = $da.subject.split(",");
  108. var oSt = "";
  109. for(var i = 0; i < oSub.length; i++) {
  110. oSt += '<li><p class="h2Font">' + oSub[i] + '</p></li>'
  111. }
  112. $(".tagList").html(oSt);
  113. }
  114. if($da.descp) { //编辑器
  115. $("#descp").html($da.descp).parents("li").show();
  116. }
  117. //return;
  118. if($da.images.length) {
  119. $("#firstFigure").attr({
  120. "src": "/data/resource/" + $da.images[0].imageSrc,
  121. "rel": "/data/resource/" + $da.images[0].imageSrc
  122. }).parent().attr("href", "/data/resource/" + $da.images[0].imageSrc);
  123. var arr = "";
  124. for(var i = 0; i < $da.images.length; i++) {
  125. if($da.images[i] == $da.images[0]) {
  126. var oString = '<li class="tb-selected">' +
  127. '<div class="tb-pic tb-s66">' +
  128. '<a href="javascript:void(0);">' +
  129. '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
  130. '</a>' +
  131. '</div>' +
  132. '</li>'
  133. } else {
  134. var oString = '<li >' +
  135. '<div class="tb-pic tb-s66">' +
  136. '<a href="javascript:void(0);">' +
  137. '<img src="/data/resource/' + $da.images[i].imageSrc + '"/>' +
  138. '</a>' +
  139. '</div>' +
  140. '</li>'
  141. }
  142. arr += oString;
  143. }
  144. $("#thumblist").html(arr);
  145. }
  146. }
  147. /*点击名字及头像跳转个人浏览页面*/
  148. $("#nameS,#headImg").click(function() {
  149. location.href = "userInforShow.html?professorId=" + professorId;
  150. })
  151. /*点击咨询*/
  152. $("#consultin").on("click", function() {
  153. clickResouceConsultHandler();
  154. });
  155. /*咨询函数*/
  156. function clickResouceConsultHandler() {
  157. if(userid && userid != "null" && userid != null) {
  158. ConsultApply();
  159. concultProInfo(professorId); //专家信息common.js中
  160. //默认选中资源咨询和标题
  161. for(var i = 0; i < $("ul.menucon").children().length; i++) {
  162. $("ul.menucon").children().eq(i).removeClass("clicknow");
  163. $("ul.menucon").children().eq(1).addClass("clicknow");
  164. }
  165. var consultTitleVal = $(".h2Font").text();
  166. $("#consultTitle").val("关于" + consultTitleVal + "的咨询");
  167. //点击的发送
  168. $("#sendConsultBtn").click(function() {
  169. sendConsultHandler(professorId); //common.js中
  170. });
  171. } else {
  172. $.MsgBox.Alert("消息提醒", "请先登录再进行咨询");
  173. $("#mb_btn_ok").val("去登录");
  174. var aele = document.createElement('a');
  175. $("#mb_btnbox").append(aele);
  176. $("#mb_btnbox a").css({
  177. 'display': "block",
  178. 'width': '100%',
  179. 'height': '40px',
  180. 'position': 'absolute',
  181. 'bottom': '-6px',
  182. 'left': '0'
  183. });
  184. aele.setAttribute('href', '../login.html');
  185. }
  186. };
  187. //点击专家关注
  188. $('.attenSpan').click(function(){
  189. if (userid && userid != "null" && userid != null) {
  190. if($(this).is('.attenSpanyes')){
  191. cancelCollectionExpert(professorId,1)
  192. }else{
  193. collectionExpert(professorId,1);
  194. }
  195. }else{
  196. $.MsgBox.Alert('提示',"请先登录再进行关注");
  197. $("#mb_btn_ok").val("去登录");
  198. var aele = document.createElement('a');
  199. $("#mb_btnbox").append(aele);
  200. $("#mb_btnbox a").css({
  201. 'display': "block",
  202. 'width': '100%',
  203. 'height': '40px',
  204. 'position': 'absolute',
  205. 'bottom': '-6px',
  206. 'left': '0'
  207. });
  208. aele.setAttribute('href', '../login.html');
  209. }
  210. })
  211. //点击资源收藏
  212. $('#attention em').click(function(){
  213. if (userid && userid != "null" && userid != null) {
  214. if($(this).is('.icon-collected')){
  215. cancelCollectionExpert(resourceId,2)
  216. }else{
  217. collectionExpert(resourceId,2);
  218. }
  219. }else{
  220. $.MsgBox.Alert('提示',"请先登录再进行收藏");
  221. $("#mb_btn_ok").val("去登录");
  222. var aele = document.createElement('a');
  223. $("#mb_btnbox").append(aele);
  224. $("#mb_btnbox a").css({
  225. 'display': "block",
  226. 'width': '100%',
  227. 'height': '40px',
  228. 'position': 'absolute',
  229. 'bottom': '-6px',
  230. 'left': '0'
  231. });
  232. aele.setAttribute('href', '../login.html');
  233. }
  234. })
  235. /*判断是非关注专家*/
  236. function ifCollection(getid,num) {
  237. var data = {"professorId": userid,"watchObject": getid}
  238. //alert(JSON.stringify(data))
  239. $.ajax({
  240. url:"/ajax/watch/hasWatch",
  241. data:data,
  242. dataType: 'json', //数据格式类型
  243. type: 'get', //http请求类型
  244. timeout: 10000,
  245. async: true,
  246. success: function(data) {
  247. if(num==1){
  248. if(data.success && data.data != null) {
  249. $('.attenSpan').addClass("attenSpanyes");
  250. $('.attenSpan').text('已关注');
  251. zjreturnId = data.data.watchObject;
  252. } else {
  253. $('.attenSpan').removeClass("attenSpanyes");
  254. $('.attenSpan').text('关注');
  255. }
  256. }
  257. if(num==2){
  258. if(data.success && data.data != null) {
  259. $('#attention em').addClass("icon-collected").removeClass("icon-collect");
  260. wzreturnId = data.data.watchObject;
  261. } else {
  262. $('#attention em').removeClass("icon-collected").addClass("icon-collect");
  263. }
  264. }
  265. },
  266. error: function() {
  267. $.MsgBox.Alert('提示',"服务器链接超时");
  268. }
  269. });
  270. }
  271. /*关注专家*/
  272. function collectionExpert(watchObject,num) {
  273. if(num==1){
  274. var data = {"professorId": userid,"watchObject": watchObject,"watchType": 1}
  275. }else{
  276. var data = {"professorId": userid,"watchObject": watchObject,"watchType": 3}
  277. }
  278. $.ajax({
  279. url:"/ajax/watch",
  280. data:data,
  281. dataType: 'json', //数据格式类型
  282. type: 'POST', //http请求类型
  283. timeout: 10000,
  284. async: false,
  285. success: function(data) {
  286. if(num==1){
  287. if(data.success) {
  288. $('.attenSpan').addClass("attenSpanyes");
  289. $('.attenSpan').text('已关注');
  290. zjreturnId = data.data.watchObject;
  291. }
  292. }
  293. if(num==2){
  294. if(data.success) {
  295. $('#attention em').addClass("icon-collected").removeClass("icon-collect");
  296. wzreturnId = data.data.watchObject;
  297. }
  298. }
  299. },
  300. error: function() {
  301. $.MsgBox.Alert('提示',"服务器链接超时");
  302. }
  303. });
  304. }
  305. /*取消收藏专家*/
  306. function cancelCollectionExpert(watchObject,num) {
  307. $.ajax({
  308. url:"/ajax/watch/delete",
  309. data: {
  310. professorId: userid,
  311. watchObject: watchObject
  312. },
  313. dataType: 'json', //数据格式类型
  314. type: 'post', //http请求类型
  315. timeout: 10000,
  316. async: true,
  317. success: function(data) {
  318. console.log(data.success)
  319. if(num==1){
  320. if(data.success) {
  321. $('.attenSpan').removeClass("attenSpanyes");
  322. $('.attenSpan').text('关注');
  323. }
  324. }
  325. if(num==2){
  326. if(data.success) {
  327. $('#attention em').removeClass("icon-collected").addClass("icon-collect");
  328. }
  329. }
  330. },
  331. error: function(data) {
  332. $.MsgBox.Alert('提示',"服务器链接超时");
  333. }
  334. });
  335. }
  336. selUse();
  337. function selUse() {
  338. $.ajax({
  339. url: "/ajax/resource/qaLinkman",
  340. type: "GET",
  341. timeout: 10000,
  342. dataType: "json",
  343. async:true,
  344. data: {
  345. "resourceId": resourceId,
  346. },
  347. success: function(data, textState) {
  348. console.log(data)
  349. if(data.success) {
  350. unauthUser(data.data);
  351. }
  352. },
  353. error: function(XMLHttpRequest, textStats, errorThrown) {
  354. $.MsgBox.Alert('提示', '服务器请求失败')
  355. }
  356. })
  357. }
  358. function unauthUser($res) {
  359. var osting=""
  360. for(var i = 0; i < $res.length; i++) {
  361. var img;
  362. var styC="";
  363. var oClass = autho($res[i].professor.authType, $res[i].professor.orgAuth, $res[i].professor.authStatus);
  364. var oTitle="";
  365. if($res[i].professor.title) {
  366. oTitle=$res[i].professor.title;
  367. }else{
  368. if($res[i].professor.office) {
  369. oTitle=$res[i].professor.office;
  370. }
  371. }
  372. if($res[i].professor.hasHeadImage) {
  373. img = "/images/head/" + $res[i].professor.id + "_l.jpg";
  374. } else {
  375. img = "../images/default-photo.jpg"
  376. }
  377. var oSt = '<li>'
  378. oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
  379. oSt += '<div class = "madiaInfo">'
  380. oSt += '<p class = "ellipsisSty">'
  381. oSt += '<span class = "h1Font" id="name">'+$res[i].professor.name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
  382. oSt += '</p>'
  383. oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
  384. oSt += '</div>'
  385. oSt += '<div class="'+styC+'" flag=1></div>'
  386. oSt += '</li>'
  387. osting+=oSt;
  388. }
  389. $("#expertli").html(osting);
  390. }
  391. })