frame0.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/example.css" />
  11. <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
  12. <style>
  13. body {
  14. background: #f2f2f2;
  15. }
  16. .msg-list{
  17. height: 100%
  18. }
  19. .bgf2{
  20. background: #f2f2f2;
  21. height: auto;
  22. padding-bottom: 1rem;
  23. }
  24. .msg-cent-list{
  25. width: 100%;
  26. /*height: 2.4rem;*/
  27. background: #ffffff;
  28. border-radius: 0.1rem;
  29. padding: 0.3rem;
  30. box-sizing: border-box;
  31. position: relative;
  32. /*box-shadow: darkgrey 0.1rem 0.1rem 0.3rem 0.05rem;*/
  33. }
  34. .msg-cent-right-title {
  35. font-size: 0.3rem;
  36. color: #333;
  37. }
  38. .msg-cent-list ul {
  39. width: 100%;
  40. display: inline-block;
  41. }
  42. .msg-cent-list li{
  43. float: left;
  44. width: 100%;
  45. }
  46. .msg-cent-right-dtl{
  47. font-size: 0.26rem;
  48. color: #999;
  49. }
  50. .msg-time{
  51. color: #bbb;
  52. width: 100%;
  53. text-align:center;
  54. padding: 0.3rem 0;
  55. /*font-size: 0.22rem;*/
  56. }
  57. .member-avatar{
  58. width: 0.3rem;
  59. height: 0.3rem;
  60. border-radius:50%;
  61. vertical-align:middle;
  62. margin-bottom: 0.05rem;
  63. }
  64. button.el-button {
  65. background: #f2f2f2;
  66. margin-left: 0.2rem;
  67. }
  68. button.el-button, .feed-btn,.tel-btn{
  69. float:right;
  70. font-size: 0.24rem;
  71. }
  72. .el-button.is-round {
  73. border-radius: 0.5rem;
  74. margin-top: -0.1rem;
  75. }
  76. .back-header li.back-header-title {
  77. width: 100%;
  78. }
  79. .is_read div {
  80. color: #ccc;
  81. }
  82. </style>
  83. <script>
  84. (function(w, d, m) {
  85. function r() {
  86. var t = 100,
  87. o = 750,
  88. e = d.documentElement.clientWidth || w.innerWidth,
  89. n = m.max(m.min(e, 480), 320),
  90. h = 50;
  91. 320 >= n && (h = m.floor(n / o * t * .99)),
  92. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  93. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  94. n > 375 && (h = m.floor(n / o * t * .97)),
  95. d.querySelector("html").style.fontSize = h + "px"
  96. };
  97. r();
  98. w.onresize = function() {
  99. r()
  100. }
  101. })(window, document, Math);
  102. </script>
  103. </head>
  104. <body>
  105. <div class="topbar"></div>
  106. <section style="background:#ffffff;">
  107. <header class="back-header">
  108. <ul>
  109. <!-- <li class="padding-20"></li> -->
  110. <li class="back-header-title" id="header-title">首 页</li>
  111. <!-- <li class="more-btn"></li> -->
  112. </ul>
  113. </header>
  114. </section>
  115. <section class="msg-list padding-top page home js_show">
  116. <div class="page__bd page__bd_spacing">
  117. <ul>
  118. <li>
  119. <div class="weui-flex js_category" id="post">
  120. <p class="weui-flex__item">平台公告<span class="weui-badge" style="margin-left: 5px;display: none;">0</span></p>
  121. <img src="../../image/exchange.png" alt="">
  122. </div>
  123. </li>
  124. <li>
  125. <div class="weui-flex js_category" id="urge">
  126. <p class="weui-flex__item">催单消息<span class="weui-badge" style="margin-left: 5px;display: none;">0</span></p>
  127. <img src="../../image/order_comment.png" alt="">
  128. </div>
  129. </li>
  130. <li>
  131. <div class="weui-flex js_category" id="replenishment">
  132. <p class="weui-flex__item">补货申请<span class="weui-badge" style="margin-left: 5px;display: none;">0</span></p>
  133. <img src="../../image/bottombtn0301.png" alt="">
  134. </div>
  135. </li>
  136. <li>
  137. <div class="weui-flex js_category" id="hotel">
  138. <p class="weui-flex__item">我的酒店<span class="weui-badge" style="margin-left: 5px;display: none;">0</span></p>
  139. <img src="../../image/bottombtn0101.png" alt="">
  140. </div>
  141. </li>
  142. <li>
  143. <div class="weui-flex js_category" id="bill">
  144. <p class="weui-flex__item">每月账单</p>
  145. <img src="../../image/order_cancel.png" alt="">
  146. </div>
  147. </li>
  148. </ul>
  149. </div>
  150. <div class="page__ft">
  151. <a href="#" class="mask-hidden">@QZaiwang.com</a>
  152. </div>
  153. </section>
  154. </body>
  155. <script type="text/javascript" src="../../script/api.js"></script>
  156. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  157. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  158. <script type="text/javascript">
  159. var _agentid = '';
  160. var _minid = '';
  161. var _myalias = '';
  162. var lastpage = false;
  163. var _reload = false;
  164. apiready = function() {
  165. setFixStatusBar();
  166. getRouteData2();
  167. // getRouteData();
  168. set_height();
  169. //setInterval(function(){getRouteData();},8000);
  170. _myalias = "agent" + $api.getStorage("agent_id");
  171. _agentid = $api.getStorage("agent_id");
  172. jpushInit();
  173. api.addEventListener({
  174. name: 'scrolltobottom'
  175. }, function(ret, err) {
  176. getRouteData2();
  177. });
  178. };
  179. function getRouteData2() {
  180. $.ajax({
  181. url: siteurl + 'v1/agent/statistics',
  182. data: {
  183. storeid: $api.getStorage("agent_id"),
  184. },
  185. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  186. dataType: 'json',
  187. type: 'post',
  188. success: function(datas) {
  189. if (datas.result) {
  190. $.each(datas.data, function(index, item) {
  191. if (item > 0) {
  192. $('#'+index+' p .weui-badge').html(item);
  193. $('#'+index+' p .weui-badge').fadeIn();
  194. } else {
  195. $('#'+index+' p .weui-badge').fadeOut();
  196. }
  197. })
  198. $("#header-title").html(datas.store_name);
  199. } else {
  200. errcode(datas, datas.code);
  201. }
  202. // set_height();
  203. }
  204. });
  205. }
  206. function set_height() {
  207. api.execScript({
  208. name: 'agentindex',
  209. script: 'set_height();'
  210. })
  211. }
  212. $(".msg-list").on("tap", ".js_category", function() {
  213. var tag = $(this).attr("id");
  214. if (tag == 'bill') {
  215. api.openWin({
  216. name: 'bill',
  217. url: 'bill.html',
  218. bounces: false,
  219. pageParam: {
  220. type: tag
  221. }
  222. })
  223. } else {
  224. api.openWin({
  225. name: 'list',
  226. url: 'list.html',
  227. bounces: false,
  228. pageParam: {
  229. type: tag
  230. }
  231. })
  232. }
  233. return false;
  234. })
  235. function setRefrashHeader(){
  236. api.setCustomRefreshHeaderInfo({
  237. //bgColor: '#00FF00',
  238. image: {
  239. pull: 'widget://image/logo.png',
  240. transform: [
  241. 'widget://image/refresh/pull_end_image_frame_01.png',
  242. 'widget://image/refresh/pull_end_image_frame_02.png',
  243. 'widget://image/refresh/pull_end_image_frame_03.png',
  244. 'widget://image/refresh/pull_end_image_frame_04.png',
  245. 'widget://image/refresh/pull_end_image_frame_05.png'
  246. ],
  247. load: [
  248. 'widget://image/refresh/pull_end_image_frame_01.png',
  249. 'widget://image/refresh/pull_end_image_frame_02.png',
  250. 'widget://image/refresh/pull_end_image_frame_03.png',
  251. 'widget://image/refresh/pull_end_image_frame_04.png',
  252. 'widget://image/refresh/pull_end_image_frame_05.png'
  253. ]
  254. }
  255. }, function( ret, err ){
  256. // alert('下拉刷新事件触发了,请开始加载数据刷新页面,然后停止加载状态');
  257. setTimeout(stopRefrash(), 3000);
  258. });
  259. }
  260. function toRefrash(){
  261. api.refreshHeaderLoading();
  262. }
  263. function stopRefrash(){
  264. api.refreshHeaderLoadDone();
  265. }
  266. function jpushInit() {
  267. jpush = api.require('ajpush');
  268. initJPush();
  269. /*api.addEventListener({name:'appintent'}, function(ret,err) {//anz noticeclicked
  270. //alert('通知被点击,收到数据:\n' + JSON.stringify(ret));//监听通知被点击后收到的数据
  271. _minid='';$(".msg-list").empty();getRouteData();
  272. })*/
  273. api.addEventListener({ name: 'pause' }, function(ret, err) {
  274. onPause(); //监听应用进入后台,通知jpush暂停事件
  275. })
  276. api.addEventListener({ name: 'resume' }, function(ret, err) {
  277. onResume(); //监听应用恢复到前台,通知jpush恢复事件
  278. })
  279. api.addEventListener({ name: 'noticeclicked' }, function(ret, err) { //ios noticeclicked
  280. _minid = '';
  281. // $(".msg-list").empty();
  282. _reload = true;
  283. getRouteData2();
  284. })
  285. api.removeEventListener({
  286. name: 'noticeclicked'
  287. });
  288. jpush.setListener(function(ret, err) {
  289. if (ret) {
  290. notify(ret.content, ret.extra);
  291. }
  292. });
  293. }
  294. function initJPush() {
  295. jpush.init(function(ret, err) {
  296. if (ret && ret.status) {
  297. bindAliasAndTags();
  298. } else {
  299. api.toast({ msg: '操作失败!' });
  300. }
  301. });
  302. }
  303. //统计-app恢复
  304. function onResume() {
  305. jpush.onResume();
  306. }
  307. //统计-app暂停
  308. function onPause() {
  309. jpush.onPause();
  310. }
  311. function bindAliasAndTags() {
  312. var param = { alias: _myalias, tags: ['tag1', 'qddagent'] };
  313. jpush.bindAliasAndTags(param, function(ret) {
  314. var statusCode = ret.statusCode;
  315. // alert(JSON.stringify(ret));
  316. });
  317. }
  318. function notify(content, extras) {
  319. api.notification({
  320. vibrate: [300, 500],
  321. sound: 'widget://res/horse.ogg',
  322. notify: {
  323. title: '您有一条新的消息...',
  324. content: content,
  325. extra: extras,
  326. updateCurrent: false
  327. }
  328. }, function(ret, err) {
  329. //alert(JSON.stringify(extras));
  330. });
  331. }
  332. </script>
  333. </html>