portal html css js resource

teamInforShow.js 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601
  1. var userid = $.cookie("userid");
  2. var tId = GetQueryString("id");
  3. //微信分享
  4. var qrcode = new QRCode(document.getElementById("qrcode"), {
  5. width: 100,
  6. height: 100
  7. });
  8. function makeCode() {
  9. var hurl = window.location.href;
  10. var elurl = hurl;
  11. qrcode.makeCode(elurl);
  12. }
  13. makeCode();
  14. //分享关注按钮
  15. $('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
  16. $(function() {
  17. loginStatus();//判断个人是否登录
  18. // if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
  19. // location.href="http://" + window.location.host + "/e/p.html?id="+tId;
  20. // }
  21. function subjectShow(data) {
  22. if(data != undefined && data.length != 0) {
  23. var subs=strToAry(data)
  24. if(subs.length > 0) {
  25. for(var i = 0; i < subs.length; i++) {
  26. $("#subjectShow").append("<li>" + subs[i] + "</li>");
  27. };
  28. }
  29. }
  30. }
  31. function industryShow(data) {
  32. if(data != undefined && data.length != 0) {
  33. var subs=strToAry(data)
  34. if(subs.length > 0) {
  35. for(var i = 0; i < subs.length; i++) {
  36. $("#industryShow").append("<li><div class='h4tit'>" + subs[i] + "</div></li>");
  37. };
  38. }
  39. }
  40. }
  41. var pageNo = 1,
  42. pagePerNo = 1,
  43. rows = 20,
  44. rowsTen = 10,
  45. secretaryId = '',
  46. chiefId = ''
  47. var memberArr = {}, paperArr = [], patentArr = [], unpatentArr=[]
  48. var oAjax = function(url, dataS, otype, oFun,beforeFun,completeFun,async) {
  49. $.ajax({
  50. async:async==null?true:async,
  51. url:url,
  52. dataType: 'json',
  53. type: otype,
  54. data: dataS,
  55. traditional: true,
  56. beforeSend: beforeFun,
  57. success: function(res) {
  58. oFun(res)
  59. },
  60. complete:completeFun
  61. });
  62. },
  63. insertNodata = function (targetE,newStr) {
  64. var parent = document.getElementById(targetE).parentNode;
  65. var kong = document.createElement("div");
  66. kong.className = "con-kong";
  67. kong.innerHTML ='<div class="picbox picNull"></div>'+
  68. '<div class="txtbox">暂时没有符合该搜索条件的内容</div>'
  69. if(newStr){
  70. kong.querySelector(".txtbox").innerHTML = newStr;
  71. }
  72. if (parent.firstChild.className == "con-kong") {
  73. return
  74. } else {
  75. parent.insertBefore(kong,parent.firstChild);
  76. }
  77. },
  78. removeNodata = function (targetE) {
  79. var parent = document.getElementById(targetE).parentNode;
  80. if (parent.firstChild.className == "con-kong") {
  81. parent.removeChild(parent.firstChild);
  82. } else {
  83. return
  84. }
  85. },
  86. getUserInfo=function() {
  87. oAjax("/ajax/team/qo", {
  88. id: tId
  89. }, "get", function(data){
  90. var $info = data.data;
  91. $("#proName").text($info.name);
  92. if($info.city){
  93. $("#proAddress").html($info.city + "<span style='margin-right:10px;'></span>");
  94. }
  95. $("#proOther").text($info.orgName);
  96. document.title = $info.name + "-科袖网"
  97. //简介
  98. if($info.descp) {
  99. $("#descpS").parents(".coninfobox").removeClass("displayNone");
  100. $("#item1user>.nodatabox").addClass("displayNone");
  101. $("#descpS").text($info.descp);
  102. }
  103. //学术领域
  104. if($info.subject) {
  105. $("#subjectShow").parents(".coninfobox").removeClass("displayNone");
  106. $("#item1user>.nodatabox").addClass("displayNone");
  107. subjectShow($info.subject);
  108. }
  109. //行业领域
  110. if($info.industry) {
  111. $("#industryShow").parents(".coninfobox").removeClass("displayNone");
  112. $("#item1user>.nodatabox").addClass("displayNone");
  113. industryShow($info.industry);
  114. }
  115. var weibotitle = $info.name;
  116. var weibourl = window.location.href;
  117. var weibopic ="";
  118. $("#weibo").attr("href","http://service.weibo.com/share/share.php?appkey=3677230589&title="+weibotitle+"&url="+weibourl+"&pic="+weibopic+"&ralateUid=6242830109&searchPic=false&style=simple");
  119. });
  120. },
  121. professorListVal=function(isbind){
  122. var aimId="expertli"
  123. oAjax("/ajax/team/pro",{
  124. id:tId,
  125. pageSize:rowsTen,
  126. pageNo: pageNo,
  127. }, "get", function(res){
  128. var $info = res.data.data;
  129. if($info.length > 0) {
  130. $("#"+aimId).show()
  131. for(var i = 0; i < $info.length; i++) {
  132. var item = $info[i].professor;
  133. memberArr[item]={};
  134. if ($info[i].secretary) {
  135. secretaryId = $info[i].professor
  136. }
  137. if ($info[i].chief) {
  138. chiefId = $info[i].professor
  139. }
  140. }
  141. if (userid in memberArr) {
  142. $('.memberShow').show()
  143. } else{
  144. $('.normalShow').show()
  145. }
  146. detailPro(aimId)
  147. }
  148. if(isbind){
  149. $("#"+aimId).parent().find(".js-load-more").unbind("click").on("click",function(){
  150. pageNo++
  151. professorListVal(false)
  152. })
  153. }
  154. if ($info.length < rowsTen) {
  155. $("#"+aimId).parent().find(".js-load-more").unbind("click");
  156. $("#"+aimId).parent().find(".js-load-more").hide();
  157. }
  158. },function(){
  159. $("#"+aimId).parent().find(".js-load-more").attr("disabled",true);
  160. $("#"+aimId).parent().find(".js-load-more").addClass("active");
  161. },function(){
  162. $("#"+aimId).parent().find(".js-load-more").removeAttr("disabled");
  163. $("#"+aimId).parent().find(".js-load-more").removeClass("active");
  164. })
  165. },
  166. patentListVal=function(isbind){
  167. var aimId="proPatent",newStr="尚未关联任何专利成果"
  168. oAjax("/ajax/team/patent",{
  169. id:tId,
  170. pageSize:rows,
  171. pageNo: pageNo,
  172. }, "get", function(res){
  173. var $info = res.data.data;
  174. $("#showPatent").html("")
  175. if($info.length > 0) {
  176. if(res.data.total>0 && res.data.total<99){
  177. $("#patCount").text(res.data.total);
  178. }
  179. if(res.data.total>99){
  180. $("#patCount").text("99+");
  181. }
  182. $("#"+aimId).show()
  183. for(var i = 0; i < $info.length; i++) {
  184. patentArr.push($info[i].patent)
  185. }
  186. detailPat(aimId)
  187. } else {
  188. $("#showPatent").parents('.otherShow').hide()
  189. }
  190. var liLen=document.getElementById(aimId).querySelectorAll("li").length;
  191. removeNodata(aimId);
  192. if($info.length == 0 && liLen == 0 ){
  193. $("#"+aimId).hide()
  194. insertNodata(aimId,newStr);
  195. }
  196. if(isbind){
  197. $("#"+aimId).parent().find(".js-load-more").unbind("click").on("click",function(){
  198. pageNo++
  199. patentListVal(false)
  200. })
  201. }
  202. if ($info.length < rows) {
  203. $("#"+aimId).parent().find(".js-load-more").unbind("click");
  204. $("#"+aimId).parent().find(".js-load-more").hide();
  205. }
  206. },function(){
  207. $("#"+aimId).parent().find(".js-load-more").attr("disabled",true);
  208. $("#"+aimId).parent().find(".js-load-more").addClass("active");
  209. },function(){
  210. $("#"+aimId).parent().find(".js-load-more").removeAttr("disabled");
  211. $("#"+aimId).parent().find(".js-load-more").removeClass("active");
  212. })
  213. },
  214. unpatentListVal=function(isbind){
  215. var aimId="proUnPatent",aimIdF="showUnPatent",newStr="尚未关联任何非专利成果"
  216. oAjax("/ajax/team/resResult",{
  217. id:tId,
  218. pageSize:rows,
  219. pageNo: pageNo,
  220. }, "get", function(res){
  221. var $info = res.data.data;
  222. $("#showUnPatent").html("")
  223. if($info.length > 0) {
  224. if(res.data.total>0 && res.data.total<99){
  225. $("#unpatCount").text(res.data.total);
  226. }
  227. if(res.data.total>99){
  228. $("#unpatCount").text("99+");
  229. }
  230. $("#"+aimId).show()
  231. $("#"+aimIdF).parents(".leftconItem").find(".nodatabox").hide()
  232. $("#"+aimIdF).parents(".form-item").removeClass("displayNone");
  233. $("#"+aimIdF).parents(".coninfobox").show();
  234. for(var i = 0; i < $info.length; i++) {
  235. unpatentArr.push($info[i].researchResult)
  236. }
  237. detailUnPat(aimId)
  238. }else {
  239. $("#showUnPatent").parents('.otherShow').hide()
  240. }
  241. var liLen=document.getElementById(aimId).querySelectorAll("li").length;
  242. removeNodata(aimId);
  243. if($info.length == 0 && liLen == 0 ){
  244. $("#"+aimId).hide()
  245. insertNodata(aimId,newStr);
  246. }
  247. if(isbind){
  248. $("#"+aimId).parent().find(".js-load-more").unbind("click").on("click",function(){
  249. pageNo++
  250. unpatentListVal(false)
  251. })
  252. }
  253. if ($info.length < rows) {
  254. $("#"+aimId).parent().find(".js-load-more").unbind("click");
  255. $("#"+aimId).parent().find(".js-load-more").hide();
  256. }
  257. },function(){
  258. $("#"+aimId).parent().find(".js-load-more").attr("disabled",true);
  259. $("#"+aimId).parent().find(".js-load-more").addClass("active");
  260. },function(){
  261. $("#"+aimId).parent().find(".js-load-more").removeAttr("disabled");
  262. $("#"+aimId).parent().find(".js-load-more").removeClass("active");
  263. })
  264. },
  265. paperListVal=function(isbind){
  266. var aimId="proPaper",newStr="尚未关联任何论文"
  267. oAjax("/ajax/team/paper",{
  268. id:tId,
  269. pageSize:rows,
  270. pageNo: pageNo,
  271. }, "get", function(res){
  272. var $info = res.data.data;
  273. $("#showPaper").html("")
  274. if($info.length > 0) {
  275. if(res.data.total>0 && res.data.total<99){
  276. $("#parCount").text(res.data.total);
  277. }
  278. if(res.data.total>99){
  279. $("#parCount").text("99+");
  280. }
  281. $("#"+aimId).show()
  282. for(var i = 0; i < $info.length; i++) {
  283. paperArr.push($info[i].paper)
  284. }
  285. detailPer(aimId)
  286. }else {
  287. $("#showPaper").parents(".otherShow").hide()
  288. }
  289. if(isbind){
  290. $("#"+aimId).parent().find(".js-load-more").unbind("click").on("click",function(){
  291. pageNo++
  292. paperListVal(false)
  293. })
  294. }
  295. if ($info.length < rows) {
  296. $("#"+aimId).parent().find(".js-load-more").unbind("click");
  297. $("#"+aimId).parent().find(".js-load-more").hide();
  298. }
  299. },function(){
  300. $("#"+aimId).parent().find(".js-load-more").attr("disabled",true);
  301. $("#"+aimId).parent().find(".js-load-more").addClass("active");
  302. },function(){
  303. $("#"+aimId).parent().find(".js-load-more").removeAttr("disabled");
  304. $("#"+aimId).parent().find(".js-load-more").removeClass("active");
  305. })
  306. },
  307. detailPat=function(obj) {
  308. oAjax("/ajax/ppatent/qm",{
  309. id:patentArr,
  310. },"get",function(data){
  311. var dataStr=data.data;
  312. for(var i = 0; i < dataStr.length; i++) {
  313. var strAdd = '';
  314. strAdd += '<li class="mui-table-view-cell"><a target="_blank" href="/'+ pageUrl("pt",dataStr[i]) +'" class="flexCenter urlgo">';
  315. strAdd += '<div class="madiaHead patentHead"></div>';
  316. strAdd += '<div class="madiaInfo"><p class="h1Font ellipsisSty">'+ dataStr[i].name +'</p>';
  317. strAdd += '<p class="h2Font ellipsisSty">发明人:'+ dataStr[i].authors.substring(0, dataStr[i].authors.length - 1) +'</p>';
  318. strAdd += '<p class="h2Font ellipsisSty">申请人:'+ dataStr[i].reqPerson +'</p>';
  319. strAdd += '</div>';
  320. strAdd += '</a></li>';
  321. $("#"+obj).append(strAdd)
  322. if (i < 3) {
  323. $("#showPatent").append(strAdd);
  324. }
  325. }
  326. });
  327. },
  328. detailUnPat=function(obj) {
  329. oAjax("/ajax/resResult/qm",{
  330. id:unpatentArr,
  331. },"get",function(data){
  332. var dataStr=data.data;
  333. for(var i = 0; i < dataStr.length; i++) {
  334. var resIM='<div class="madiaHead patentHead"></div>'
  335. if (dataStr[i].pic) {
  336. var src = '/data/researchResult' + dataStr[i].pic.split(",")[0]
  337. resIM = '<div class="madiaHead patentHead" style="background-image:url('+ src +')"></div>';
  338. }
  339. var strAdd = '';
  340. strAdd += '<li class="mui-table-view-cell"><a target="_blank" href="unPatentShow.html?id='+dataStr[i].id+'" class="flexCenter urlgo">';
  341. strAdd += resIM
  342. strAdd += '<div class="madiaInfo"><p class="h1Font ellipsisSty">'+ dataStr[i].name +'</p>';
  343. strAdd += '<p class="h2Font ellipsisSty displayNone">研究者:<span class="researchers"></span></p>';
  344. if (dataStr[i].orgId) {
  345. strAdd += '<p class="h2Font ellipsisSty">所属机构:<span class="resOrgName"></span></p>';
  346. }
  347. strAdd += '</div>';
  348. strAdd += '</a></li>';
  349. $("#"+obj).append(strAdd);
  350. if (i < 3) {
  351. $("#showUnPatent").append(strAdd)
  352. }
  353. var $itemlist = $(strAdd);
  354. queryResearcher(dataStr[i].id, $itemlist)
  355. if (dataStr[i].orgId) {
  356. queryReseOrgName(dataStr[i].orgId, $itemlist)
  357. }
  358. }
  359. });
  360. },
  361. queryResearcher = function (id, $list) {
  362. if (id) {
  363. oAjax("/ajax/resResult/researcher",{
  364. "id": id
  365. }, 'get', function($data) {
  366. var arr = []
  367. if($data.data.length) {
  368. $list.find('.researchers').parent().removeClass('displayNone')
  369. for (var i = 0; i < $data.data.length;i++) {
  370. arr.push($data.data[i].name)
  371. }
  372. $list.find('.researchers').html(arr.join(','))
  373. }
  374. }, function(){},false)
  375. }
  376. },
  377. queryReseOrgName = function (id, $list) {
  378. if (id) {
  379. cacheModel.getCompany(id,function(sc,value){
  380. if(sc){
  381. if(value.forShort){
  382. $list.find(".resOrgName").html(value.forShort)
  383. }else{
  384. $list.find(".resOrgName").html(value.name)
  385. }
  386. }
  387. })
  388. }
  389. },
  390. detailPer=function(obj) {
  391. oAjax("/ajax/ppaper/qm",{
  392. id:paperArr,
  393. },"get",function(data){
  394. var dataStr=data.data;
  395. for(var i = 0; i < dataStr.length; i++) {
  396. var moreInf=""
  397. if(!dataStr[i].cn4periodical){
  398. dataStr[i].cn4periodical="";
  399. }
  400. if(!dataStr[i].en4periodical){
  401. dataStr[i].en4periodical="";
  402. }
  403. if(!dataStr[i].pubDay){
  404. dataStr[i].pubDay="";
  405. }
  406. moreInf = dataStr[i].cn4periodical+ " " +dataStr[i].en4periodical+ " " +dataStr[i].pubDay
  407. var strAdd = '';
  408. strAdd += '<li class="mui-table-view-cell"><a target="_blank" href="/'+ pageUrl("pp",dataStr[i]) +'" class="flexCenter urlgo">';
  409. strAdd += '<div class="madiaHead paperHead"></div>';
  410. strAdd += '<div class="madiaInfo"><p class="h1Font ellipsisSty">'+ dataStr[i].name +'</p>';
  411. strAdd += '<p class="h2Font ellipsisSty">作者:'+ dataStr[i].authors.substring(0, dataStr[i].authors.length - 1) +'</p>';
  412. strAdd += '<p class="h2Font ellipsisSty">期刊:'+ moreInf +'</p>';
  413. strAdd += '</div>';
  414. strAdd += '</a></li>';
  415. if(i < 3) {
  416. $('#showPaper').append(strAdd)
  417. }
  418. $('#'+obj).append(strAdd)
  419. }
  420. });
  421. },
  422. detailPro=function(obj) {
  423. document.getElementById(obj).innerHTML=""
  424. var li;
  425. for(item in memberArr){
  426. oAjax("/ajax/professor/info/"+item, null, "get", function(data){memberArr[item]=data.data},function(){},function(){},false)
  427. }
  428. for(item in memberArr) {
  429. if (item!={}){
  430. var dataStr = memberArr[item]
  431. var dImg = "../images/default-photo.jpg"
  432. if (dataStr.hasHeadImage){
  433. dImg = "/images/head/" + dataStr.id + "_l.jpg"
  434. }
  435. var li = document.createElement("li");
  436. li.className = "mui-table-view-cell";
  437. var li2 = ''
  438. if(secretaryId===dataStr.id){
  439. li2 += '<span>团队秘书</span>'
  440. }
  441. if(chiefId===dataStr.id) {
  442. li2 += '<span>首席专家</span>'
  443. }
  444. var strAdd = '';
  445. strAdd += '<li class="mui-table-view-cell"><a target="_blank" href="userInforShow.html?professorId='+ dataStr.id +'" class="flexCenter urlgo" style="min-height: 60px">';
  446. strAdd += '<div class="madiaHead useHead" style="background-image:url(' + dImg + ')"></div>';
  447. strAdd += '<div class="madiaInfo"><p class="h1Font ellipsisSty">'+ dataStr.name +'</p>';
  448. strAdd += '<p class="h2Font ellipsisSty">'+ dataStr.title|| dataStr.orgName ||'' +'</p>';
  449. strAdd += '</div>';
  450. strAdd += '<div class="tag-show">'+li2+'</div>'
  451. strAdd += '</a></li>';
  452. if(chiefId===dataStr.id) {
  453. $("#"+obj).prepend(strAdd)
  454. } else {
  455. $("#"+obj).append(strAdd)
  456. }
  457. }
  458. }
  459. },
  460. bindClickFun=function(){
  461. $("#tab6user").unbind("click").on("click",function(){
  462. var pa=$(".moreNavUl.wendaUl>li.liNow").attr("rel")
  463. $("#"+pa).find("ul").html("")
  464. $("#"+pa).find(".js-load-more").show();
  465. $(".wendaNav li").eq(0).addClass("liNow").siblings().removeClass("liNow");
  466. $("#item6drop1").show().siblings().hide();
  467. unpatentListVal(true);
  468. })
  469. $(".moreNavUl.wendaUl").on("click","li",function(){
  470. var pa=$(this).attr("rel")
  471. $("#"+pa).find("ul").html("")
  472. $("#"+pa).find(".js-load-more").show();
  473. var sortN=$(this).attr("data-num");
  474. if(sortN==1){
  475. unpatentListVal(true);
  476. }else if(sortN==2){
  477. patentListVal(true);
  478. }
  479. })
  480. //点击关注按钮
  481. $("#attentBtn").on('click', function() {
  482. if(userid && userid != null && userid != "null") {
  483. if($(this).is('.attenedSpan')){
  484. cancelCollectionAbout(tId,$(this),13)
  485. } else {
  486. collectionAbout(tId,$(this), 13);
  487. }
  488. }else{
  489. quickLog();
  490. operatTab();
  491. closeLog();
  492. }
  493. });
  494. //点击联系按钮
  495. $("#conbtn").on('click', function(){
  496. if(userid && userid != null && userid != 'null' && userid != undefined && userid != 'undefined') {
  497. location.href="tidings.html?id="+secretaryId
  498. } else {
  499. quickLog();
  500. operatTab();
  501. closeLog();
  502. }
  503. });
  504. //退出团队
  505. $("#quitTeam").on('click', function(){
  506. if(userid && userid != null && userid != 'null' && userid != undefined && userid != 'undefined') {
  507. $.MsgBox.Confirm("提示", "确定要退出该团队?", function(){
  508. oAjax("/ajax/team/quit", {
  509. id: tId,
  510. professor: userid
  511. }, "post", function(data){
  512. if (data.code===801) {
  513. $.MsgBox.Alert('提示', '团队秘书不能退出团队');
  514. return
  515. }
  516. location.reload()
  517. })
  518. });
  519. } else {
  520. quickLog();
  521. operatTab();
  522. closeLog();
  523. }
  524. });
  525. //纠错反馈
  526. $(".correctSubmit").on("click",function(){
  527. var cntCon=$(this).siblings(".correctCon").val();
  528. var cntUser="";
  529. if(userid && userid != null && userid != "null") {
  530. cntUser = userid;
  531. }
  532. if(cntCon.length>500){
  533. $.MsgBox.Alert('提示', '纠错反馈内容不得超过500个字');
  534. return;
  535. }else{
  536. oAjax("/ajax/feedback/error/team",{
  537. "id": tId,
  538. "cnt":cntCon,
  539. "user":cntUser
  540. }, "POST", function(data){
  541. backSuccessed();
  542. });
  543. }
  544. })
  545. }
  546. $('#seeMoreF,#seeMoreZ').unbind("click").on("click",function(){
  547. $(".leftconItem").hide();
  548. var activeTab = $('#item6user').attr("rel");
  549. $("#item6user").show()
  550. $("ul.mainNavUl li").removeClass("liNow");
  551. $('#tab6user').addClass("liNow");
  552. $(".moreNav").hide();
  553. var pa=$(".moreNavUl.wendaUl>li.liNow").attr("rel")
  554. $("#"+pa).find("ul").html("")
  555. $("#"+pa).find(".js-load-more").show();
  556. $(".wendaNav li").eq(0).addClass("liNow").siblings().removeClass("liNow");
  557. $("#item6drop1").show()
  558. $("#item6more").show()
  559. unpatentListVal(true);
  560. })
  561. $('#seeMoreL').unbind("click").on("click",function(){
  562. $(".leftconItem").hide();
  563. var activeTab = $('#item5user').attr("rel");
  564. $("#item5user").show()
  565. $("ul.mainNavUl li").removeClass("liNow");
  566. $('#tab5user').addClass("liNow");
  567. $(".moreNav").hide();
  568. })
  569. ifcollectionAbout(tId,$(".goSpan").find(".attenSpan"), 13)
  570. getUserInfo(); //获取详细信息
  571. professorListVal(true);
  572. patentListVal(true);
  573. paperListVal(true);
  574. unpatentListVal(true);
  575. bindClickFun();
  576. })