personnelLocationDetailsFrm.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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/style.css"/>
  10. <link rel="stylesheet" href="../../css/aui.css">
  11. <link rel="stylesheet" href="../../css/projeck.css">
  12. <style>
  13. body{
  14. background: #fff;
  15. }
  16. .nav_title{
  17. padding: 0 5px;
  18. background: #f3f6fa;
  19. }
  20. .nav_title li{
  21. text-align: center;
  22. font-size: 14px;
  23. padding: 12px 0 ;
  24. }
  25. .row_content{
  26. padding: 0 5px;
  27. }
  28. .row_content li{
  29. text-align: center;
  30. font-size: 13px;
  31. padding: 12px 0;
  32. align-items: center;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div class="api_layout">
  38. <div class="row_contents">
  39. <ul class="row_content" id="row_content">
  40. </ul>
  41. </div>
  42. </div>
  43. <div class="noText hide" id="nocode">
  44. <img src="../../image/noText.png" alt="">
  45. </div>
  46. <script type="text/template" id="templateStatu">
  47. {{~it:value}}
  48. <li class="flex-wrap after-border relative {{=value.status}}" onclick="downWellOne('{{=value.staff_num}}','{{=value.name}}','{{=value.depart_name}}')">
  49. <span class="flex-con">{{=value.name}}</span>
  50. <span class="flex-con">{{=value.depart_name}}</span>
  51. <span class="flex-con">{{=value.station_name}}</span>
  52. <span class="flex-con">{{=value.time}}</span>
  53. </li>
  54. {{~}}
  55. </script>
  56. <script type="text/template" id="facilityStatu">
  57. {{~it:value}}
  58. <li class="flex-wrap after-border relative {{=value.status}}" onclick="downWellOne('{{=value.staff_num}}','{{=value.name}}','{{=value.depart_name}}')">
  59. <span class="flex-con">{{=value.station_name}}</span>
  60. <span class="flex-con">{{=value.time}}</span>
  61. <span class="flex-con">{{=value.type}}</span>
  62. </li>
  63. {{~}}
  64. </script>
  65. <script type="text/template" id="templateWorking">
  66. {{~it:value}}
  67. <li class="flex-wrap after-border relative {{=value.status}}" onclick="downWellOne('{{=value.staff_num}}','{{=value.name}}','{{=value.depart_name}}')">
  68. <span class="flex-con">{{=value.name}}</span>
  69. <span class="flex-con">{{=value.depart_name}}</span>
  70. <span class="flex-con">{{=value.station_name}}</span>
  71. <span class="flex-con">{{=value.down_time}}</span>
  72. </li>
  73. {{~}}
  74. </script>
  75. <script type="text/template" id="templateToday">
  76. {{~it:value}}
  77. <li class="flex-wrap after-border relative {{=value.status}}" onclick="downWellOne('{{=value.staff_num}}','{{=value.name}}','{{=value.depart_name}}')">
  78. <span class="flex-con">{{=value.name}}</span>
  79. <span class="flex-con">{{=value.depart_name}}</span>
  80. <span class="flex-con">{{=value.time}}</span>
  81. <span class="flex-con">{{=value.up_time}}</span>
  82. </li>
  83. {{~}}
  84. </script>
  85. <script src="../../script/api.js"></script>
  86. <!-- <script src="../../script/fastclick.min.js"></script> -->
  87. <!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
  88. <script src="../../script/doT.min.js"></script>
  89. <script src="../../script/config.js"></script>
  90. <script>
  91. var toast = new auiToast();
  92. apiready = function () {
  93. monitorStatusFun(api.pageParam.url,api.pageParam.moduleParam,api.pageParam.moduleType);
  94. }
  95. // 全部数据详情
  96. function monitorStatusFun(url,moduleParam,moduleType) {
  97. var data = ""
  98. if (moduleType === 'equipmentStatus') {
  99. data= {
  100. type:moduleParam
  101. }
  102. }else if (moduleType === 'Working') {
  103. data= {
  104. work_name:moduleParam
  105. }
  106. }else if (moduleType === 'depart_id') {
  107. data= {
  108. depart_id:moduleParam
  109. }
  110. }else if (moduleType === 'today') {
  111. data= {
  112. depart_id:moduleParam
  113. }
  114. }
  115. $http.fnReuestData(url,'','post',data,function(ret,err){
  116. toast.hide();
  117. if (ret.data.length == 0) {
  118. document.getElementById("nocode").style.display = 'block';
  119. return false;
  120. }else {
  121. document.getElementById("nocode").style.display = 'none';
  122. }
  123. if (ret && ret.code == 0) {
  124. if (moduleType === 'equipmentStatus') {
  125. $apis.html(row_content,'#facilityStatu',ret.data);
  126. } else if (moduleType === 'Working') {
  127. $apis.html(row_content,'#templateWorking',ret.data);
  128. }else if (moduleType === 'today') {
  129. $apis.html(row_content,'#templateToday',ret.data);
  130. }else {
  131. $apis.html(row_content,'#templateStatu',ret.data);
  132. }
  133. }else {
  134. api.toast({
  135. msg: '网络请求超时,请稍后重试',
  136. duration: 2000,
  137. location: 'bottom'
  138. });
  139. }
  140. })
  141. }
  142. // 个人下井记录
  143. function downWellOne(staff_num,username,depart_name) {
  144. $event.openTabLayout('logging', 'logging', '', {staff_num,username,depart_name});
  145. }
  146. </script>
  147. </body>
  148. </html>