equipmentVolume.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>历史告警</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <link rel="icon" href="favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" type="text/css" id='theme' href="css/theme-dark-blue.css" />
  10. <link href=vueAssets/equipmentVolume/css/app.cc2ac5f79062b532a51a317f1a17b2d9.css rel=stylesheet>
  11. </head>
  12. <body id="eleEnergyPrediction">
  13. <div class="main_dsm_page">
  14. <div class="container-fluid">
  15. <!-- <div class="panel_box">
  16. <div class="panel_title" style="min-height: 43px;">
  17. <div class="col-md-12">
  18. <div id="inputBox" class="gap-btn-group bar-group" role="group">
  19. <button type="button" title="新增客户" class="btn btn-label">
  20. <span>时间选择:</span>
  21. </button>
  22. <input id="date_input" type="text" class="w240 form-control laydate-icon layer-date">
  23. <button id="ser9" type="button" title="搜索" class="btn btn-outline btn-primary">
  24. <span>查询</span>
  25. </button>
  26. </div>
  27. </div>
  28. </div>
  29. <table id="TContact" data-mobile-responsive="true">
  30. <thead>
  31. <tr class="hidden-em">
  32. <th data-field="" data-formatter="IndexFormatter">序号</th>
  33. <th data-field="upload_date_name">告警日期</th>
  34. <th data-field="upload_date_hour">告警时间</th>
  35. <th data-field="warn_type_value">告警类别</th>
  36. <th data-field="terminal_id" data-align="right">监测点</th>
  37. <th data-field="handle_result_value" data-align="right">处理结果</th>
  38. <th data-field="warn_reason" data-align="right">告警原因</th>
  39. </tr>
  40. </thead>
  41. </table>
  42. <div id="test"></div>
  43. </div> -->
  44. <div id=app></div>
  45. </div>
  46. </div>
  47. </body>
  48. <script type='text/javascript' src="js/import.js"></script>
  49. <script type='text/javascript' src="js/pages/common.js"></script>
  50. <script type='text/javascript' src="js/pages/CURDTable.js"></script>
  51. <script type='text/javascript' src="js/charts/echart_yarn.min.js"></script>
  52. <script type=text/javascript src=vueAssets/equipmentVolume/js/manifest.2ae2e69a05c33dfc65f8.js></script>
  53. <script type=text/javascript src=vueAssets/equipmentVolume/js/vendor.2ce3d8a463579ef4556a.js></script>
  54. <script type=text/javascript src=vueAssets/equipmentVolume/js/app.9b2d6b663d4cebd0c22a.js></script>
  55. <script>
  56. var urlparams = new cur({}).parserUrl(location.href, 'obj').params;
  57. // initDateInputForRange('#date_input');
  58. // $('#date_input').val(getYesterday() + ' - ' + getToday());
  59. $('#ser9').on('click', function(){
  60. initPage()
  61. })
  62. function initPage() {
  63. function getDates(){
  64. return dates = $('#date_input').val().replace(/\s/g,'').split('-')
  65. }
  66. var ds = getDates();
  67. new cur({
  68. t: "#TContact",
  69. // pagination: false,
  70. m: "#modal",
  71. // dataSourceType: 'local',
  72. pageSize: 20,
  73. // queryUrl: "js/charts/demos/dsm/historyAlarm_table.json",
  74. queryUrl: '/web/onlineWarn/query/company/historyWarns?auth_aid=' +
  75. urlparams.auth_aid + '&auth_mid=' + urlparams.auth_mid + '&auth_cid=' + urlparams.auth_cid,
  76. afterPostBody: function () {
  77. $('.pull-right.pagination').css('margin-top', '22px');
  78. },
  79. method: 'post',
  80. params: {
  81. params: {
  82. "org_id": 5,
  83. "startTime": ds[0]+ds[1]+ds[2],
  84. "endTime": ds[3]+ds[4]+ds[5]
  85. }
  86. }
  87. }).init();
  88. }
  89. // initPage();
  90. </script>
  91. </html>