notices.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. </ul>
  23. </div>
  24. <script src="../../../libs/mui.min.js"></script>
  25. <script type="text/javascript">
  26. window.onload = function() {
  27. mui.plusReady(function() {
  28. var str = plus.storage.getItem('user');
  29. var user = JSON.parse(str);
  30. var token = user.Data.Token;
  31. var postdata = {
  32. "": "-1"
  33. }
  34. mui.ajax("http://www.bosshand.cn/api/Customer/GetNoticeList", {
  35. headers: {
  36. authorization: token
  37. },
  38. type: "post",
  39. data: postdata,
  40. success: function(data) {
  41. var data = data.Data.list;
  42. var html = '';
  43. for(var i = 0; i < data.length; i++) {
  44. html += '<li class="mui-table-view-cell mui-media" onclick="openDetails(' + data[i].Code + ')">'
  45. html += '<img class="mui-media-object mui-pull-left" src="http://www.bosshand.cn/' + data[i].CreateUser + '">'
  46. html += '<div class="mui-media-body">' + data[i].ReleasePerson + '<p class="mui-ellipsis">' + data[i].Content + '</p>'
  47. html += '<span>' + getLocalDate(data[i].CreateTime) + '</span>'
  48. //html += '<span class="item_count">1</span>'
  49. html += '</div>'
  50. html += '</li>'
  51. }
  52. mui('.mui-table-view')[0].innerHTML = html
  53. }
  54. });
  55. });
  56. }
  57. //详情跳转
  58. function openDetails(code) {
  59. mui.openWindow({
  60. url: 'notice-details.html',
  61. extras: {
  62. code: code
  63. },
  64. createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
  65. show: {
  66. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  67. },
  68. waiting: {
  69. autoShow: false, //自动显示等待框,默认为true
  70. }
  71. })
  72. }
  73. //时间修改
  74. function getLocalDate(now) {
  75. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  76. var arr = date.split(' ');
  77. //日期
  78. var arrDate = arr[0].split('-');
  79. //时间
  80. var arrTime = arr[1].split(':');
  81. return arrDate[0] + '年' + arrDate[1] + '月' + arrDate[2] + '日' + ' ' + arrTime[0] + ':' + arrTime[1];
  82. }
  83. </script>
  84. </body>
  85. </html>