securtyFrm.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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 {{=value.status}}">
  54. <span class="flex-con">{{=value.id}}</span>
  55. <span class="flex-con">{{=value.position}}</span>
  56. <span class="flex-con">{{=value.value}}{{=value.unit}}</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 toast = new auiToast();
  67. apiready = function () {
  68. monitorStatusFun(api.pageParam.type);
  69. };
  70. // 全部数据详情
  71. function monitorStatusFun(type) {
  72. var data = {
  73. status: type,
  74. };
  75. toast.loading({
  76. title: '加载中',
  77. duration: 2000,
  78. });
  79. $http.fnReuestDataNologing(
  80. zaoquanUrlRouter.getSafetyStatusList,
  81. '',
  82. 'post',
  83. data,
  84. function (ret, err) {
  85. toast.hide();
  86. if (ret.data.length == 0) {
  87. document.getElementById('nocode').style.display = 'block';
  88. return false;
  89. } else {
  90. document.getElementById('nocode').style.display = 'none';
  91. }
  92. if (ret && ret.code == 0) {
  93. if (ret.data.length > 0) {
  94. $apis.html(row_content, '#templateStatu', ret.data);
  95. }
  96. } else {
  97. api.toast({
  98. msg: '网络请求超时,请稍后重试',
  99. duration: 2000,
  100. location: 'bottom',
  101. });
  102. }
  103. }
  104. );
  105. }
  106. </script>
  107. </body>
  108. </html>