searchFrame.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. .row_content {
  23. padding: 0 5px;
  24. }
  25. .row_content li {
  26. text-align: center;
  27. font-size: 13px;
  28. padding: 12px 0;
  29. align-items: center;
  30. }
  31. .row_content li span:nth-child(1) {
  32. width: 20%;
  33. }
  34. .row_content li span:nth-child(2) {
  35. width: 60%;
  36. }
  37. .row_content li span:nth-child(3) {
  38. width: 20%;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <div class="api_layout">
  44. <div class="row_contents">
  45. <ul class="row_content" id="content_item"></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="templateMonitor">
  52. {{~it:value}}
  53. <li class="flex-space after-border relative {{=value.status}}">
  54. <span>{{=value.id}}</span>
  55. <span>{{=value.position}}</span>
  56. <span>{{=value.value}}{{=value.unit}}</span>
  57. </li>
  58. {{~}}
  59. </script>
  60. <script src="../../script/api.js"></script>
  61. <script src="../../script/doT.min.js"></script>
  62. <script src="../../script/config.js"></script>
  63. <script>
  64. var toast = new auiToast();
  65. apiready = function () {};
  66. function searchData(userName) {
  67. var data = {
  68. name: userName,
  69. type: '',
  70. };
  71. $http.fnReuestData(
  72. jinfengUrlRouter.getDeviceInfo,
  73. '',
  74. 'post',
  75. data,
  76. function (ret, err) {
  77. toast.hide();
  78. if (ret && ret.code == 0) {
  79. if (ret.templateMonitor != '') {
  80. $apis.html(content_item, '#templateMonitor', ret.data);
  81. $api.addCls($api.dom('.noText'), 'hide');
  82. } else {
  83. $api.removeCls($api.dom('.noText'), 'hide');
  84. $apis.html(content_item, '#templateMonitor', ret.data);
  85. }
  86. }
  87. }
  88. );
  89. }
  90. // 状态
  91. function statusFun(t, typeC, sType) {
  92. var pageParam = {
  93. title: t,
  94. typeCode: typeC,
  95. statusType: sType,
  96. test: 'test',
  97. };
  98. $event.openWin('statusListWin', 'statusListWin', pageParam, '');
  99. // $event.openTabLayout('statusList','statusList',title,pageParam);
  100. }
  101. </script>
  102. </body>
  103. </html>