task.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" href="../../../css/common/common.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/index/index-notice/notices.css" />
  12. </head>
  13. <body>
  14. <header id="header" class="mui-bar mui-bar-nav">
  15. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  16. <span class="back">返回</span>
  17. </a>
  18. <h1 class="mui-title">任务通知</h1>
  19. </header>
  20. <div class="mui-content">
  21. <ul class="mui-table-view">
  22. <li class="mui-table-view-cell mui-media" type="4">
  23. <img class="mui-media-object mui-pull-left">
  24. <div class="mui-media-body">
  25. 任务通知
  26. <p class="mui-ellipsis b-mui-ellipsis"></p>
  27. <span class="b-time time"></span>
  28. <span class="item_count b-item_count"></span>
  29. </div>
  30. </li>
  31. </ul>
  32. </div>
  33. <script src="../../../libs/mui.min.js"></script>
  34. <script type="text/javascript">
  35. mui.plusReady(function() {
  36. var str = plus.storage.getItem('user');
  37. var user = JSON.parse(str);
  38. var token = user.Data.Token;
  39. for(var i = 0; i < mui('.mui-media-object').length; i++) {
  40. mui('.mui-media-object')[i].src = 'http://www.bosshand.cn' + user.Data.Picture;
  41. };
  42. MessageList(17);
  43. /*
  44. * 消息列表
  45. */
  46. function MessageList(type) {
  47. mui.ajax('http://www.bosshand.cn/api/Customer/BackstageIndexMessage', {
  48. data: {
  49. "type": type
  50. },
  51. dataType: 'json',
  52. type: "post",
  53. contentType: "application/x-www-form-urlencoded",
  54. headers: {
  55. authorization: token
  56. },
  57. success: function(resp) {
  58. if(resp.Code == 200) {
  59. if(resp.Data.list.length > 0) {
  60. mui('.b-item_count')[0].style.display = 'block';
  61. mui('.b-time')[0].style.display = 'block';
  62. mui('.b-mui-ellipsis')[0].innerHTML = '您有新的通知';
  63. mui('.b-item_count')[0].innerHTML = resp.Data.list.length;
  64. mui('.b-time')[0].innerHTML = getLocalDate(resp.Data.list[resp.Data.list.length - 1].UpdateTime)
  65. } else {
  66. mui('.b-mui-ellipsis')[0].innerHTML = '暂无新的通知';
  67. mui('.b-item_count')[0].style.display = 'none';
  68. mui('.b-time')[0].style.display = 'none';
  69. }
  70. }
  71. }
  72. });
  73. };
  74. mui(document.body).on('tap', 'li', function() {
  75. UpdateBackstageMessage(mui(this)[0].type);
  76. });
  77. /*
  78. *修改后台首页消息
  79. */
  80. function UpdateBackstageMessage(type) {
  81. //更新审批消息
  82. mui.ajax("http://www.bosshand.cn/api/Customer/UpdateBackstageMessage", {
  83. data: {
  84. "type": type
  85. },
  86. headers: {
  87. authorization: token
  88. },
  89. dataType: 'json',
  90. type: "post",
  91. contentType: "application/x-www-form-urlencoded",
  92. success: function(resp) {
  93. if(type == 17 && mui('.b-mui-ellipsis')[0].innerHTML != '暂无新的通知') {
  94. mui.openWindow({
  95. url: '../home-index-menu/schedule.html',
  96. createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
  97. show: {
  98. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  99. },
  100. waiting: {
  101. autoShow: false, //自动显示等待框,默认为true
  102. }
  103. });
  104. }
  105. }
  106. })
  107. };
  108. //时间修改
  109. function getLocalDate(now) {
  110. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  111. var arr = date.split(' ');
  112. //日期
  113. var arrDate = arr[0].split('-');
  114. //时间
  115. var arrTime = arr[1].split(':');
  116. return arrDate[0] + '年' + arrDate[1] + '月' + arrDate[2] + '日';
  117. }
  118. })
  119. </script>
  120. </body>
  121. </html>