appliance.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  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,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="css/common/mui.min.css">
  10. <link rel="stylesheet" type="text/css" href="css/common/common.css" />
  11. <link rel="stylesheet" type="text/css" href="css/information/information.css" />
  12. </head>
  13. <body>
  14. <div class="mui-content">
  15. <div id="pullrefresh" class="mui-scroll-wrapper">
  16. <div class="mui-scroll">
  17. <!-- 顶部轮播图 -->
  18. <div id="slider" class="mui-slider ca_slider">
  19. <div class="mui-slider-group mui-slider-loop">
  20. <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
  21. <div class="mui-slider-item mui-slider-item-duplicate">
  22. </div>
  23. <!-- 第一张 -->
  24. <div class="mui-slider-item">
  25. </div>
  26. <!-- 第二张 -->
  27. <div class="mui-slider-item">
  28. </div>
  29. <!-- 第三张 -->
  30. <div class="mui-slider-item">
  31. </div>
  32. <!-- 第四张 -->
  33. <div class="mui-slider-item">
  34. </div>
  35. <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
  36. <div class="mui-slider-item mui-slider-item-duplicate">
  37. </div>
  38. </div>
  39. <div class="mui-slider-indicator">
  40. <div class="mui-indicator mui-active"></div>
  41. <div class="mui-indicator"></div>
  42. <div class="mui-indicator"></div>
  43. <div class="mui-indicator"></div>
  44. </div>
  45. </div>
  46. <!-- 资讯列表 -->
  47. <div class="ca_media_list">
  48. <!--<div class="mui-card-header" style="height:1px;"></div>-->
  49. <ul class="mui-table-view">
  50. </ul>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </body>
  56. <script src="libs/mui.min.js"></script>
  57. <script type="text/javascript">
  58. (function($, doc) {
  59. $.plusReady(function() {
  60. $.init({
  61. pullRefresh: {
  62. container: '#pullrefresh',
  63. up: {
  64. contentrefresh: '正在加载...',
  65. callback: pullupRefresh
  66. }
  67. }
  68. });
  69. //获得slider插件对象
  70. var gallery = $('.mui-slider');
  71. gallery.slider({
  72. interval: 2000 //自动轮播周期,若为0则不自动播放,默认为0;
  73. });
  74. plus.webview.currentWebview().setStyle({
  75. scrollIndicator: 'none'
  76. });
  77. /*上拉加载具体业务实现 */
  78. var count = 1
  79. var countItem = false;
  80. function pullupRefresh() {
  81. if(!countItem) {
  82. var detailPage = plus.webview.getWebviewById('appliance.html');
  83. mui.fire(detailPage, 'sendMsg', {
  84. count: count,
  85. });
  86. count++;
  87. }
  88. $('#pullrefresh').pullRefresh().endPullupToRefresh(countItem); //参数为true代表没有更多数据了。
  89. };
  90. var str = plus.storage.getItem('user');
  91. var user = JSON.parse(str);
  92. var token = user.Data.Token;
  93. GetdataList(0, 10)
  94. window.addEventListener('sendMsg', function(event) {
  95. setTimeout(function() {
  96. GetdataList(event.detail.count, 5);
  97. }, 1500)
  98. });
  99. function GetdataList(pageNum, pageSize) {
  100. var pageNum = pageNum + 1;
  101. //查询参数值
  102. var postData = {
  103. "pageIndex": pageNum,
  104. "pageSize": pageSize,
  105. }
  106. $.ajax("http://www.bosshand.cn/api/Plat/GetChannelsCustomerPageList", {
  107. dataType: 'json',
  108. data: postData,
  109. type: "post",
  110. contentType: 'application/x-www-form-urlencoded',
  111. headers: {
  112. authorization: token
  113. },
  114. success: function(resp) {
  115. var data = resp.Data.list;
  116. var html = '';
  117. for(var i = 0; i < data.length; i++) {
  118. html += '<li class="mui-table-view-cell mui-media">'
  119. html += '<div class="nav">'
  120. html += '<div>'
  121. html += '<img src="http://www.bosshand.cn/' + data[i].UserImg + '" alt="" />'
  122. html += '</div>'
  123. html += '<div>'
  124. html += '<div>' + data[i].CompanyName + '</div>'
  125. html += '</div>'
  126. if(data[i].IsKeep == false) {
  127. html += '<div id="' + data[i].Code + '" class="like">+ 收藏</div>'
  128. }
  129. html += '</div>'
  130. html += '<a id="' + data[i].Code + '">'
  131. html += '<img class="mui-media-object mui-pull-left" src="http://www.bosshand.cn/' + data[i].ChannelsImg + '">'
  132. html += '<div class="mui-media-body">'
  133. html += '<h4 class="h4-cz" style="display:block;overflow:hidden;text-overflow:ellipsis;width:220px;height:53px;">' + data[i].Name + '</h4>'
  134. html += '<p class="mui-ellipsis">' + getLocalDate(data[i].CreateTime) + ' </span></p>'
  135. html += '</div>'
  136. html += '</a>'
  137. html += '</li>'
  138. if(i <= 5) {
  139. $('.mui-slider-item')[i].innerHTML = '<a id="' + data[i].Code + '"><img src="http://www.bosshand.cn/' + data[i].ChannelsImg + '"><p class="mui-slider-title"><span>' + data[i].Name + '</span></p></a>'
  140. }
  141. }
  142. var div = document.createElement("div");
  143. div.innerHTML = html;
  144. if(pageNum >= 1) {
  145. mui('.mui-table-view')[0].appendChild(div)
  146. } else {
  147. mui('.mui-table-view')[0].innerHTML = '<div>' + html + '</div>'
  148. isItem = true
  149. }
  150. if(html == "") {
  151. countItem = true;
  152. }
  153. }
  154. });
  155. };
  156. /**
  157. * 1.json带T时间转换年月日
  158. * @param {Object} nS
  159. */
  160. function getLocalDate(now) {
  161. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  162. var arr = date.split(' ');
  163. //日期
  164. var arrDate = arr[0].split('-');
  165. //时间
  166. var arrTime = arr[1].split(':');
  167. return arrDate[0] + '年' + arrDate[1] + '月' + arrDate[2] + '日' + ' ' + arrTime[0] + ':' + arrTime[1];
  168. }
  169. $(doc.body).on('tap', 'a', function() {
  170. var exist = $(this)[0].id
  171. $.openWindow({
  172. url: 'tpl/appliance/app-list.html',
  173. waiting: {
  174. autoShow: false, //自动显示等待框,默认为true
  175. },
  176. extras: {
  177. exist: exist
  178. },
  179. show: {
  180. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  181. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  182. }
  183. })
  184. });7
  185. $(doc.body).on('tap', '.like', function() {
  186. var exist = $(this)[0];
  187. $.ajax("http://www.bosshand.cn/api/Plat/UpdateKeepApp", {
  188. dataType: 'json',
  189. data: {
  190. 'resultArr': exist.id+',1',
  191. },
  192. type: "post",
  193. contentType: 'application/x-www-form-urlencoded',
  194. headers: {
  195. authorization: token
  196. },
  197. success: function(resp) {
  198. if(resp.Code == 200) {
  199. $.toast('收藏成功');
  200. console.log(exist)
  201. exist.display.style = 'none'
  202. }
  203. }
  204. });
  205. });
  206. });
  207. })(mui, document)
  208. </script>
  209. </html>