portal html css js resource

c.html 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>企业分享-科袖网</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/common.css" />
  9. <link rel="stylesheet" href="../css/share.css" />
  10. <style>
  11. html,body{margin:0;padding:0px;background: #F4F6F8;}
  12. .showCardI{background-image: url(../images/enterprise_img_bg_nor@3x.png)}
  13. .infocontit:before{background: #28b8fa;}
  14. .establishments{display: none;}
  15. </style>
  16. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  17. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  18. <script type="text/javascript" src="../js/public/baseUtil.js"></script>
  19. <script type="text/javascript" src="../js/public/shareCom.js"></script>
  20. <script type="text/javascript" src="../js/public/openApp.js"></script>
  21. </head>
  22. <body>
  23. <div class="contentBody2">
  24. <div class="showCardI">
  25. <div class="cardTop">
  26. <div class="cardImg cmpCard">
  27. <div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="../images/default-icon.jpg"></div>
  28. </div>
  29. <div class="cardInfo">
  30. <p><span class="h1Font" id="companyName"></span><em class="authiconNew" id="authFlag"></em></p>
  31. <p class="ellipsisSty h2Font" id="industryShow"></p>
  32. <p class="h3Font" id="address"></p>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="mainbox displayNone">
  37. <div class="infocon madiaBlock needList" style="border:none">
  38. <ul class="mui-table-view" id="demandShow">
  39. </ul>
  40. </div>
  41. </div>
  42. <div class="establishments">
  43. <div class="mainbox displayNone">
  44. <div class="infocontit">可提供服务</div>
  45. <div class="infocon infoconM madiaBlock">
  46. <ul class="mui-table-view" id="serviceShow">
  47. </ul>
  48. </div>
  49. <div class="seeMore displayNone" id="seeMoreService"><em>查看全部 <span id="serviceNum">0</span></em></div>
  50. </div>
  51. <div class="mainbox displayNone">
  52. <div class="infocontit">可共享资源</div>
  53. <div class="infocon infoconM madiaBlock">
  54. <ul class="mui-table-view" id="resourceShow">
  55. </ul>
  56. </div>
  57. <div class="seeMore displayNone" id="seeMoreResource"><em>查看全部 <span id="resourceNum">0</span></em></div>
  58. </div>
  59. </div>
  60. <div class="mainbox" style="cursor: pointer;" id="goCmpBrief">
  61. <div class="infocontit clearfix">企业介绍 <em></em></div>
  62. <div class="infocon">
  63. <span class="breifinfo" id="breifinfo">
  64. </span>
  65. </div>
  66. </div>
  67. <div class="mainbox">
  68. <div class="infocontit">专注领域</div>
  69. <div class="infocon listArea">
  70. <ul id="subjectShow">
  71. </ul>
  72. </div>
  73. </div>
  74. <div class="mainbox displayNone">
  75. <div class="infocontit">文章</div>
  76. <div class="infocon madiaBlock">
  77. <ul class="mui-table-view" id="articelShow">
  78. </ul>
  79. </div>
  80. <div class="seeMore displayNone" id="seeMoreArtical"><em>查看全部 <span id="articalNum">0</span></em></div>
  81. </div>
  82. <!--相关文章-->
  83. <div class="mainbox displayNone">
  84. <div class="infocontit">相关文章</div>
  85. <div class="infocon madiaBlock">
  86. <ul class="mui-table-view" id="relateArt">
  87. </ul>
  88. </div>
  89. </div>
  90. <!--您可能感兴趣的qiye-->
  91. <div class="mainbox displayNone">
  92. <div class="infocontit">您可能感兴趣的企业</div>
  93. <div class="infocon madiaBlock">
  94. <ul class="mui-table-view" id="likePro">
  95. </ul>
  96. </div>
  97. </div>
  98. <div class="shareEcode">
  99. <img class="Ecodecon" src="../images/ecordCard.jpg" />
  100. <div class="Ecodeinfo">
  101. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a>
  102. </div>
  103. </div>
  104. </div>
  105. <script type="text/javascript">
  106. $(document).ready(function() {
  107. var imgUrl = "http://www.ekexiu.com/images/logo180.png";
  108. var lineLink = document.location.href;
  109. var descContent;
  110. var shareTitle;
  111. var appid = '';
  112. var orgId = GetQueryString("id");
  113. var rows = 1
  114. var oAjax = function(url, dataS, otype, oFun) {
  115. $.ajax({
  116. url:url,
  117. dataType: 'json',
  118. type: otype,
  119. data: dataS,
  120. traditional: true,
  121. success: function(res) {
  122. if(res.success) {
  123. oFun(res)
  124. }
  125. }
  126. });
  127. },
  128. demandListVal = function() {
  129. var aimId = "demandShow"
  130. oAjax("/ajax/demand/pq", {
  131. "state": '1',
  132. "oid": orgId,
  133. "pageSize": 5
  134. }, "get", function(res) {
  135. console.log(JSON.stringify(res));
  136. var obj = res.data.data;
  137. if(obj.length > 0) {
  138. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  139. for(var i = 0; i < obj.length; i++) {
  140. var li = document.createElement("li");
  141. li.setAttribute("data-id", obj[i].id);
  142. var needDate = obj[i].invalidDay;
  143. var lastDate = TimeTr(needDate);
  144. li.className = "mui-table-view-cell";
  145. var oString = '<div class="madiaInfo">'
  146. oString += '<p class="h1Font ellipsisSty-2">' + obj[i].title + '</p>';
  147. oString += '<p class="h2Font ellipsisSty-5">' + obj[i].descp + '</p>'
  148. oString += '<div class="showli ellipsisSty h3Font">'
  149. oString += '<span>' + obj[i].province + '</span>'
  150. if(obj[i].duration != 0) {
  151. oString += '<span>预期 ' + demandDuration[obj[i].duration] + '</span>'
  152. }
  153. if(obj[i].cost != 0) {
  154. oString += '<span>预算 ' + demandCost[obj[i].cost] + '</span>'
  155. }
  156. oString += '<span>有效期至' + lastDate + ' </span>'
  157. oString += '</div>'
  158. oString += '</div>'
  159. li.innerHTML = oString
  160. document.getElementById(aimId).appendChild(li);
  161. }
  162. }
  163. })
  164. },
  165. articalListVal = function() {
  166. var aimId = "articelShow"
  167. oAjax("/ajax/article/publish", {
  168. "category": "2",
  169. "owner": orgId,
  170. "rows": rows
  171. }, "get", function(res) {
  172. var obj = res.data;
  173. if(obj.length > 0) {
  174. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  175. for(var i = 0; i < obj.length; i++) {
  176. var hasImg = "../images/default-artical.jpg"
  177. if(obj[i].articleImg) {
  178. hasImg ="/data/article/" + obj[i].articleImg
  179. }
  180. var li = document.createElement("li");
  181. li.setAttribute("data-id", obj[i].articleId);
  182. li.className = "mui-table-view-cell";
  183. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  184. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  185. '<div class="madiaInfo OmadiaInfo">' +
  186. '<p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>' +
  187. '<p class="h2Font ellipsisSty"><span class="time">' + commenTime(obj[i].publishTime) + '</span></p>' +
  188. '</div>' +
  189. '</div>'
  190. document.getElementById(aimId).appendChild(li);
  191. }
  192. }
  193. })
  194. },
  195. resourceListVal = function() {
  196. var aimId = "resourceShow"
  197. oAjax("/ajax/resource/publish", {
  198. "category": "2",
  199. "owner": orgId,
  200. "rows": rows
  201. }, "get", function(res) {
  202. var obj = res.data;
  203. if(obj.length > 0) {
  204. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  205. for(var i = 0; i < obj.length; i++) {
  206. var cnt = "",
  207. hasImg = "../images/default-resource.jpg"
  208. if(obj[i].images.length) {
  209. hasImg ='/data/resource/' + obj[i].images[0].imageSrc
  210. }
  211. if(obj[i].supportedServices) {
  212. cnt = "用途:" + obj[i].supportedServices
  213. }
  214. var li = document.createElement("li");
  215. li.setAttribute("data-id", obj[i].resourceId);
  216. li.className = "mui-table-view-cell";
  217. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  218. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  219. '<div class="madiaInfo OmadiaInfo">' +
  220. '<p class="ellipsisSty-2 h1Font">' + obj[i].resourceName + '</p>' +
  221. '<p class="ellipsisSty h2Font">' + cnt + '</p>' +
  222. '</div>' +
  223. '</div>'
  224. document.getElementById(aimId).appendChild(li);
  225. }
  226. }
  227. })
  228. },
  229. serviceListVal = function() {
  230. var aimId = "serviceShow"
  231. oAjax("/ajax/ware/publish", {
  232. "category": "2",
  233. "owner": orgId,
  234. "rows": rows
  235. }, "get", function(res) {
  236. var obj = res.data;
  237. if(obj.length > 0) {
  238. document.getElementById(aimId).parentNode.parentNode.classList.remove("displayNone");
  239. for(var i = 0; i < obj.length; i++) {
  240. var cnt = "",
  241. hasImg = "../images/default-service.jpg"
  242. if(obj[i].images) {
  243. var subs = strToAry(obj[i].images)
  244. if(subs.length > 0) {
  245. hasImg = "/data/ware" + subs[0]
  246. }
  247. }
  248. if(obj[i].cnt) {
  249. cnt = "内容:" + obj[i].cnt
  250. }
  251. var li = document.createElement("li");
  252. li.setAttribute("data-id", obj[i].id);
  253. li.className = "mui-table-view-cell";
  254. li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
  255. '<div class="madiaHead resouseHead" style="background-image:url(' + hasImg + ')"></div>' +
  256. '<div class="madiaInfo OmadiaInfo">' +
  257. '<p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>' +
  258. '<p class="ellipsisSty h2Font">' + cnt + '</p>' +
  259. '</div>' +
  260. '</div>'
  261. document.getElementById(aimId).appendChild(li);
  262. }
  263. }
  264. })
  265. },
  266. queryPubCount = function() {
  267. oAjax("/ajax/article/count/publish", { //文章总数
  268. "owner": orgId,
  269. "category": "2"
  270. }, "GET", function(data) {
  271. if(data.data > rows) {
  272. $("#seeMoreArtical").removeClass("displayNone")
  273. $("#articalNum").text(data.data);
  274. }
  275. });
  276. oAjax("/ajax/resource/count/publish", { //资源总数
  277. "owner": orgId,
  278. "category": "2"
  279. }, "GET", function(data) {
  280. if(data.data > rows) {
  281. $("#seeMoreResource").removeClass("displayNone")
  282. $("#resourceNum").text(data.data);
  283. }
  284. });
  285. oAjax("/ajax/ware/count/publish", { //服务总数
  286. "owner": orgId,
  287. "category": "2"
  288. }, "GET", function(data) {
  289. if(data.data > rows) {
  290. $("#seeMoreService").removeClass("displayNone")
  291. $("#serviceNum").text(data.data);
  292. }
  293. });
  294. },
  295. bindClickFun = function() {
  296. var this_="../html/cmpInforShow.html?cmpId="+orgId;
  297. wcFresh(this_);
  298. $("body").on("click",".seeMore,#goCmpBrief",function(){
  299. isInstalled(this_,true);
  300. $(this).addClass("activeThis");
  301. })
  302. $('#articelShow,#relateArt').on('click', 'li', function() {
  303. var id = this.getAttribute("data-id");
  304. location.href="http://" + window.location.host + "/e/a.html?id=" + id;
  305. })
  306. $('#resourceShow').on('click', 'li', function() {
  307. var id = this.getAttribute("data-id");
  308. location.href="http://" + window.location.host + "/e/r.html?id=" + id;
  309. })
  310. $('#demandShow').on('click', 'li', function() {
  311. var id = this.getAttribute("data-id");
  312. location.href="http://" + window.location.host + "/e/d.html?id=" + id;
  313. $(this).addClass("activeThis");
  314. })
  315. $('#serviceShow').on('click', 'li', function() {
  316. var id = this.getAttribute("data-id");
  317. location.href="http://" + window.location.host + "/e/s.html?id=" + id;
  318. $(this).addClass("activeThis");
  319. })
  320. }
  321. pageViewLog(orgId,6)
  322. companyMessage(orgId);
  323. relevantarticalList(); //相关文章
  324. likeExperts(); //感兴趣企业
  325. demandListVal()
  326. articalListVal()
  327. bindClickFun()
  328. queryPubCount();
  329. function companyMessage(id) {
  330. $.ajax({
  331. url: "../ajax/org/" + id,
  332. dataType: 'json', //数据格式类型
  333. type: 'GET', //http请求类型
  334. timeout: 10000, //超时设置
  335. success: function(data) {
  336. if(data.success) {
  337. var $data = data.data;
  338. if($data.resMgr){
  339. resourceListVal();
  340. serviceListVal();
  341. document.getElementsByClassName("establishments")[0].style.display="block"
  342. }
  343. if($data.forShort){
  344. document.getElementById("companyName").innerText = $data.forShort;
  345. }else{
  346. document.getElementById("companyName").innerText = $data.name;
  347. }
  348. if($data.hasOrgLogo) {
  349. document.getElementById("oimg").src = "/images/org/" + $data.id + ".jpg";
  350. } else {
  351. document.getElementById("oimg").src = "../images/default-icon.jpg";
  352. }
  353. /*企业标识*/
  354. if($data.authStatus == 3) {
  355. document.getElementById("authFlag").classList.add("authicon-com-ok");
  356. }
  357. /*所在城市*/
  358. if($data.city){
  359. document.getElementById("address").innerHTML ='<em class="iconfontnew icon-address"></em> ' + $data.city;
  360. }
  361. else {
  362. document.getElementById("address").style.display = "none";
  363. }
  364. /*企业简介*/
  365. if($data.descp) {
  366. document.getElementById("breifinfo").innerText = $data.descp;
  367. }else{
  368. document.getElementById("breifinfo").parentNode.style.display = "none";
  369. }
  370. /*应用行业*/
  371. var proOther = "";
  372. if($data.industry) {
  373. proOther = $data.industry.replace(/,/gi, " | ");
  374. }
  375. document.getElementById("industryShow").innerText = proOther;
  376. /*专注领域*/
  377. if($data.subject) {
  378. indu($data.subject, 'subjectShow')
  379. } else {
  380. document.getElementById("subjectShow").parentNode.parentNode.style.display = "none";
  381. }
  382. document.title=$data.name + "-" + proOther;
  383. //微信再次分享
  384. shareTitle = document.getElementById("companyName").innerText;
  385. descContent = document.getElementById("industryShow").innerText.substring(0,70);
  386. if(document.getElementById("oimg").src !="../images/default-icon.jpg"){
  387. imgUrl= document.getElementById("oimg").src;
  388. }
  389. }
  390. },
  391. error: function() {
  392. }
  393. });
  394. }
  395. /*应用行业及领域及企业资质*/
  396. function indu(oString, oSelector) {
  397. var arr = oString.split(",");
  398. var oArr = new Array();
  399. var i;
  400. for(i in arr) {
  401. oArr.push('<li>' + arr[i] + '</li>');
  402. }
  403. document.getElementById(oSelector).innerHTML = oArr.join("");
  404. }
  405. //相关文章信息
  406. function relevantarticalList(){
  407. $.ajax({
  408. url:"/ajax/article/byAssOrg",
  409. "type" : "GET" ,
  410. "dataType" : "json",
  411. "data" :{"id":orgId},
  412. "async":"false",
  413. "traditional": true, //传数组必须加这个
  414. "success" : function(data) {
  415. if (data.success && data.data!=""){
  416. document.getElementById("relateArt").parentNode.parentNode.classList.remove("displayNone");
  417. document.getElementById("relateArt").innerHTML="";
  418. var StrData = data.data
  419. var lengthT;
  420. if(data.data.length>5){
  421. lengthT=5;
  422. }else{
  423. lengthT=data.data.length
  424. }
  425. for(var i = 0; i < lengthT; i++) {
  426. (function(n) {
  427. var imgL="../images/default-artical.jpg";
  428. if(StrData[i].articleImg){
  429. imgL='/data/article/' + StrData[i].articleImg
  430. }
  431. var oURL;
  432. if(StrData[i].articleType==1) {
  433. oURL="/ajax/professor/baseInfo/"+StrData[i].ownerId;
  434. }else if(StrData[i].articleType==2){
  435. oURL="/ajax/org/" + StrData[i].ownerId;
  436. }else if(StrData[i].articleType==3){
  437. oURL="/ajax/platform/info";
  438. }
  439. $.ajax({
  440. url:oURL,
  441. "data": {id:StrData[i].ownerId},
  442. "type": "GET",
  443. 'dataType': "json",
  444. "success": function(data) {
  445. if(data.success) {
  446. var add = document.createElement("li");
  447. add.className = "mui-table-view-cell";
  448. add.setAttribute("data-id",StrData[n].articleId);
  449. var thisName,userType,thisAuth,thisTitle
  450. if(data.data.forShort){
  451. thisName=data.data.forShort;
  452. }else{
  453. thisName=data.data.name;
  454. }
  455. if(StrData[n].articleType==1) {
  456. userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  457. thisTitle = userType.title;
  458. thisAuth = userType.sty;
  459. add.setAttribute("owner-id", data.data.id);
  460. add.setAttribute("data-type", 1);
  461. }else if(StrData[n].articleType==2){
  462. add.setAttribute("owner-id", data.data.id);
  463. add.setAttribute("data-type", 2);
  464. if(data.data.authStatus==3) {
  465. thisTitle = "科袖认证企业";
  466. thisAuth = "authicon-com-ok";
  467. }
  468. }else if(StrData[n].articleType==3){
  469. add.setAttribute("owner-id", data.data.id);
  470. add.setAttribute("data-type", 3);
  471. }
  472. var itemlist = '<div class="flexCenter OflexCenter clearfix"><div class="madiaHead artHead" style="background-image:url('+imgL+')"></div>';
  473. itemlist += '<div class="madiaInfo OmadiaInfo">';
  474. itemlist += '<p class="ellipsisSty-2 h1Font" id="usertitle">'+StrData[n].articleTitle+'</p>';
  475. itemlist += '<p><span class="h2Font" style="margin-right:10px">'+thisName+'</span><span class="time">'+commenTime(StrData[n].publishTime)+'</span></p>';
  476. itemlist += '</div></div>';
  477. add.innerHTML=itemlist;
  478. document.getElementById("relateArt").appendChild(add);
  479. }
  480. },
  481. error: function() {
  482. }
  483. });
  484. })(i);
  485. }
  486. }
  487. },
  488. error: function() {
  489. }
  490. });
  491. }
  492. //感兴趣
  493. function likeExperts(){
  494. $.ajax({
  495. url:"/ajax/org/ralateOrgs",
  496. "type": "get",
  497. "dataType" : "json",
  498. "data" :{"orgId":orgId},
  499. "success": function(data) {
  500. if(data.success && data.data) {
  501. var lengthT;
  502. if(data.data.length>5){
  503. lengthT=5;
  504. }else{
  505. lengthT=data.data.length
  506. }
  507. for(var i = 0; i < lengthT; i++) {
  508. var ExpId = data.data[i].id;
  509. likeExpertsList(ExpId);
  510. }
  511. }
  512. },
  513. error: function() {
  514. }
  515. });
  516. }
  517. //感兴趣
  518. function likeExpertsList(ExpId){
  519. $.ajax({
  520. url: "/ajax/org/"+ExpId,
  521. "type" : "GET" ,
  522. "dataType" : "json",
  523. "success" : function(data) {
  524. if (data.success && data.data!=""){
  525. document.getElementById("likePro").parentNode.parentNode.classList.remove("displayNone");
  526. var add = document.createElement("li");
  527. add.setAttribute("data-id",data.data.id);
  528. add.className = "mui-table-view-cell";
  529. add.style.minHeight="68px";
  530. var imgL,thisName,thisAuth,thisTitle,otherI="";
  531. if(data.data.hasOrgLogo == 1) {
  532. imgL="/images/org/" + data.data.id + ".jpg";
  533. }else{
  534. imgL='../images/default-icon.jpg'
  535. }
  536. if(data.data.forShort){
  537. thisName=data.data.forShort
  538. }else{
  539. thisName=data.data.name
  540. }
  541. if(data.data.industry){
  542. otherI=data.data.industry.replace(/,/gi, " | ");
  543. }
  544. if(data.data.authStatus==3){
  545. thisAuth="authicon-com-ok"
  546. thisTitle="科袖认证企业"
  547. }
  548. var itemlist = '<a href="c.html?id='+data.data.id+'" class="flexCenter OflexCenter clearfix"><div class="madiaHead cmpHead"><div class="boxBlock"><img class="boxBlockimg" src="'+imgL+'" /></div></div>';
  549. itemlist += '<div class="madiaInfo OmadiaInfo">';
  550. itemlist += '<p class="ellipsisSty"><span class="h1Font">'+thisName+'</span><em class="authiconNew '+thisAuth+'" title="'+thisTitle+'"></em></p>';
  551. itemlist += '<p class="ellipsisSty h2Font">'+otherI+'</p>';
  552. itemlist += '</div></a>';
  553. add.innerHTML=itemlist;
  554. document.getElementById("likePro").appendChild(add);
  555. }
  556. },
  557. error: function() {
  558. }
  559. });
  560. }
  561. /*微信分享*/
  562. $.ajax({
  563. url: "../ajax/weixin/jsapiTicket",
  564. type: 'get',
  565. dataType: 'json',
  566. contentType: "application/x-www-form-urlencoded; charset=utf-8",
  567. data: {
  568. 'url': location.href.split('#')[0]
  569. },
  570. success: function(data) {
  571. if(data.data) {
  572. wx.config({
  573. debug: false, //调试模式好犀利
  574. appId: data.data.appId,
  575. timestamp: data.data.timestamp,
  576. nonceStr: data.data.nonceStr,
  577. signature: data.data.signature,
  578. jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  579. "onMenuShareAppMessage",
  580. "onMenuShareTimeline",
  581. "onMenuShareQQ",
  582. "onMenuShareQZone",
  583. "scanQRCode",
  584. ]
  585. });
  586. wx.ready(function() {
  587. // 在这里调用 API
  588. wx.onMenuShareAppMessage({ //分享给朋友
  589. title: shareTitle, // 分享标题
  590. desc: descContent, // 分享描述
  591. link: lineLink, // 分享链接
  592. imgUrl: imgUrl, // 分享图标
  593. success: share_success_callback,
  594. cancel: share_cancel_callback
  595. });
  596. wx.onMenuShareTimeline({ //分享到朋友圈
  597. title: shareTitle, // 分享标题
  598. desc: descContent, // 分享描述
  599. link: lineLink, // 分享链接
  600. imgUrl: imgUrl, // 分享图标
  601. success: share_success_callback,
  602. cancel: share_cancel_callback
  603. });
  604. wx.onMenuShareQQ({ //分享到QQ
  605. title: shareTitle, // 分享标题
  606. desc: descContent, // 分享描述
  607. link: lineLink, // 分享链接
  608. imgUrl: imgUrl, // 分享图标
  609. success: share_success_callback,
  610. cancel: share_cancel_callback
  611. });
  612. wx.onMenuShareQZone({ //分享到QQ空间
  613. title: shareTitle, // 分享标题
  614. desc: descContent, // 分享描述
  615. link: lineLink, // 分享链接
  616. imgUrl: imgUrl, // 分享图标
  617. success: share_success_callback,
  618. cancel: share_cancel_callback
  619. });
  620. });
  621. //分享成功后的回调函数
  622. function share_success_callback() {}
  623. //用户取消分享后执行的回调函数
  624. function share_cancel_callback() {}
  625. }
  626. }
  627. });
  628. })
  629. </script>
  630. </body>
  631. </html>