old-sign.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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-menu/admin.css" />
  12. <style type="text/css">
  13. .si,
  14. .ol-si {
  15. color: rgb(148, 155, 255);
  16. }
  17. .old-boxs {
  18. padding: 12px 12px 7px 12px;
  19. position: relative;
  20. }
  21. .address {
  22. display: inline-block;
  23. position: absolute;
  24. top: 0px;
  25. left: 35px;
  26. width: 18px;
  27. height: 17px;
  28. background: url('../../../img/index/executive_address@2x.png') no-repeat;
  29. background-size: contain;
  30. }
  31. .dress-time {
  32. padding-left: 55px;
  33. color: #C0C0C0;
  34. }
  35. .sign>div.old-boxs {
  36. padding: 0;
  37. }
  38. .sign-box:first-child,
  39. .sign {
  40. margin: 0 !important;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <header id="header" class="mui-bar mui-bar-nav">
  46. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  47. <span class="back">返回</span>
  48. </a>
  49. <h1 class="mui-title">历史记录</h1>
  50. </header>
  51. <div class="mui-content">
  52. </div>
  53. <script src="../../../libs/mui.min.js"></script>
  54. <script type="text/javascript">
  55. window.onload = function() {
  56. mui.plusReady(function() {
  57. var self = plus.webview.currentWebview();
  58. var code = self.code;
  59. var str = plus.storage.getItem('user');
  60. var user = JSON.parse(str);
  61. var token = user.Data.Token;
  62. var postdata = {
  63. exist: 1, //签到签退状态查询(1-历史,0-今天)
  64. pageIndex: 1,
  65. pageSize: 100,
  66. };
  67. mui.ajax("http://www.bosshand.cn/api/Customer/GetSignPageList", {
  68. headers: {
  69. authorization: token
  70. },
  71. type: "post",
  72. data: postdata,
  73. success: function(data) {
  74. var data = data.Data.list;
  75. var html = '';
  76. for(var i = 0; i < data.length; i++) {
  77. html += '<div class="sign-box">'
  78. html += '<div class="nc-box">'
  79. html += '<span class="sm-mo-word day">' + data[i].data + '</span>'
  80. html += '<span class="sm-word"></span>'
  81. html += '</div>'
  82. html += '</div>'
  83. html += '<div class="sign">'
  84. html += '<div>'
  85. html += '<span>'
  86. html += '<img class="sign-sm" src="../../../img/admin/executive_operation@2x.png"/>'
  87. html += '</span>'
  88. html += '<span class="sm-mo-word">已签到</span>'
  89. html += '<span class="right sm-word">' + getLocalDate(data[i].list_sign[0].SignTime) + '</span>'
  90. html += '</div>'
  91. html += '<div class="old-boxs">'
  92. html += '<span class="address"></span>'
  93. html += '<span class="dress-time sm-mo-word">' + data[i].list_sign[0].SignAddress + '</span>'
  94. html += '</div>'
  95. html += '<div>'
  96. html += '<span>'
  97. html += '<img class="sign-sm" src="../../../img/admin/executive_unoperation@2x.png"/>'
  98. html += '</span>'
  99. html += '<span class="sm-mo-word">已签退</span>'
  100. if(data[i].list_sign.length == 2) {
  101. html += '<span class="right sm-word">' + getLocalDate(data[i].list_sign[1].SignTime) + '</span>';
  102. html += '</div>'
  103. html += '<div class="old-boxs">'
  104. html += '<span class="address"></span>'
  105. html += '<span class="dress-time sm-mo-word">' + data[i].list_sign[1].SignAddress + '</div>'
  106. } else {
  107. html += '<span class="right sm-word"></span>';
  108. html += '</div>'
  109. html += '<div class="old-boxs">'
  110. html += '<span class="address"></span>'
  111. html += '<span class="dress-time sm-mo-word">未签退</div>'
  112. }
  113. html += '</div>'
  114. }
  115. mui('.mui-content')[0].innerHTML = html
  116. },
  117. error: function(xhr, status) {}
  118. });
  119. });
  120. };
  121. //时间修改
  122. function getLocalDate(now) {
  123. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  124. var arr = date.split(' ');
  125. //日期
  126. var arrDate = arr[0].split('-');
  127. //时间
  128. var arrTime = arr[1].split(':');
  129. return arrTime[0] + ':' + arrTime[1];
  130. }
  131. </script>
  132. </body>
  133. </html>