personnalDeFrm.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta
  6. name="viewport"
  7. content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
  8. />
  9. <meta
  10. name="format-detection"
  11. content="telephone=no,email=no,date=no,address=no"
  12. />
  13. <title></title>
  14. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  15. <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  16. <link rel="stylesheet" href="../../css/aui.css" />
  17. <link rel="stylesheet" href="../../css/projeck.css" />
  18. <style>
  19. body {
  20. background: #fff;
  21. }
  22. .nav_title {
  23. padding: 0 5px;
  24. background: #f3f6fa;
  25. }
  26. .nav_title li {
  27. text-align: center;
  28. font-size: 14px;
  29. padding: 12px 0;
  30. }
  31. .row_content {
  32. padding: 0 5px;
  33. }
  34. .row_content li {
  35. text-align: center;
  36. font-size: 13px;
  37. padding: 12px 0;
  38. align-items: center;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <div class="api_layout">
  44. <div class="row_contents">
  45. <ul class="row_content" id="row_content"></ul>
  46. </div>
  47. </div>
  48. <div class="noText hide" id="nocode">
  49. <img src="../../image/noText.png" alt="" />
  50. </div>
  51. <script type="text/template" id="templateStatu">
  52. {{~it:value}}
  53. <li class="flex-wrap after-border relative" onclick="downWellOne('{{=value.staff_num}}','{{=value.name}}','{{=value.depart_name}}')">
  54. <span class="flex-con">{{=value.name}}</span>
  55. <span class="flex-con">{{=value.depart_name}}</span>
  56. <span class="flex-con">{{=value.down_time}}</span>
  57. </li>
  58. {{~}}
  59. </script>
  60. <script src="../../script/api.js"></script>
  61. <!-- <script src="../../script/fastclick.min.js"></script> -->
  62. <!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
  63. <script src="../../script/doT.min.js"></script>
  64. <script src="../../script/config.js"></script>
  65. <script>
  66. var title = '';
  67. var toast = new auiToast();
  68. apiready = function () {
  69. var id = api.pageParam.id;
  70. monitorStatusFun(id);
  71. };
  72. // 全部数据详情
  73. function monitorStatusFun(id) {
  74. var data = {
  75. station_id: id,
  76. };
  77. toast.loading({
  78. title: '加载中',
  79. duration: 2000,
  80. });
  81. $http.fnReuestDataNologing(
  82. jinfengUrlRouter.getPersonnalDe,
  83. '',
  84. 'post',
  85. data,
  86. function (ret, err) {
  87. toast.hide();
  88. if (ret.data.length == 0) {
  89. document.getElementById('nocode').style.display = 'block';
  90. return false;
  91. } else {
  92. document.getElementById('nocode').style.display = 'none';
  93. }
  94. if (ret && ret.code == 0) {
  95. if (ret.data.length > 0) {
  96. $apis.html(row_content, '#templateStatu', ret.data);
  97. } else {
  98. }
  99. } else {
  100. api.toast({
  101. msg: '网络请求超时,请稍后重试',
  102. duration: 2000,
  103. location: 'bottom',
  104. });
  105. }
  106. }
  107. );
  108. }
  109. // 个人下井记录
  110. function downWellOne(staff_num,username,depart_name) {
  111. $event.openTabLayout('logging', 'logging', '', {staff_num,username,depart_name});
  112. }
  113. </script>
  114. </body>
  115. </html>