securtyFrm.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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}}">
  49. <span class="flex-con">{{=value.id}}</span>
  50. <span class="flex-con">{{=value.position}}</span>
  51. <span class="flex-con">{{=value.value}}{{=value.unit}}</span>
  52. </li>
  53. {{~}}
  54. </script>
  55. <script src="../../script/api.js"></script>
  56. <!-- <script src="../../script/fastclick.min.js"></script> -->
  57. <!-- <script src="../../script/aui-toast.js" charset="utf-8"></script> -->
  58. <script src="../../script/doT.min.js"></script>
  59. <script src="../../script/config.js"></script>
  60. <script>
  61. var toast = new auiToast();
  62. apiready = function () {
  63. monitorStatusFun(api.pageParam.type);
  64. }
  65. // 全部数据详情
  66. function monitorStatusFun(type) {
  67. var data = {
  68. status:type,
  69. }
  70. toast.loading({
  71. title: "加载中",
  72. duration: 2000
  73. });
  74. $http.fnReuestDataNologing(UrlRouter.getSafetyStatusList,'','post',data,function(ret,err){
  75. toast.hide();
  76. if (ret.data.length == 0) {
  77. document.getElementById("nocode").style.display = 'block';
  78. return false;
  79. }else {
  80. document.getElementById("nocode").style.display = 'none';
  81. }
  82. if (ret && ret.code == 0) {
  83. if (ret.data.length > 0) {
  84. $apis.html(row_content,'#templateStatu',ret.data);
  85. }
  86. }else {
  87. api.toast({
  88. msg: '网络请求超时,请稍后重试',
  89. duration: 2000,
  90. location: 'bottom'
  91. });
  92. }
  93. })
  94. }
  95. </script>
  96. </body>
  97. </html>