portal html css js resource

resourcePreview.js 12KB

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