demo.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <link rel="stylesheet" href="../assets/libs/layui/css/layui.css"/>
  8. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  9. <!--[if lt IE 9]>
  10. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  11. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  12. <![endif]-->
  13. </head>
  14. <body>
  15. <div id="app">
  16. <div class="layui-row">
  17. <div class="layui-col-xs3">
  18. <div class="grid-demo grid-demo-bg1" style="background: rosybrown;overflow: auto;" id="riskPointCount">
  19. </div>
  20. </div>
  21. <div class="layui-col-xs3">
  22. <div class="grid-demo" style="background:rebeccapurple;overflow: auto;" id="todayCheck">
  23. </div>
  24. </div>
  25. <div class="layui-col-xs3">
  26. <div class="grid-demo grid-demo-bg1" style="background: cadetblue;overflow: auto;" id="weeklyCheck">
  27. </div>
  28. </div>
  29. <div class="layui-col-xs3">
  30. <div class="grid-demo" style="background: coral;overflow: auto;" id="warningRiskPoint">
  31. </div>
  32. </div>
  33. </div>
  34. <div class="layui-row">
  35. <div class="layui-col-xs3">
  36. <div class="grid-demo grid-demo-bg1" style="background: cyan;overflow: auto;" id="hiddenDangerCount">
  37. </div>
  38. </div>
  39. <div class="layui-col-xs3">
  40. <div class="grid-demo" style="background: yellowgreen;overflow: auto;" id="hiddenDangerBulletin">
  41. </div>
  42. </div>
  43. <input name="text" id="textId" value="i love t-io"/>
  44. <button id="sendButton" onClick="send()">Send</button>
  45. <button id="clearButton" onClick="clearMsg()">Clear</button>
  46. </div>
  47. </div>
  48. </body>
  49. </html>
  50. <!-- 组件js,和业务不相关的 -->
  51. <script src="./tio/tiows.js"></script>
  52. <!-- 和业务相关的js,业务需要修改 -->
  53. <script src="./DemoHandler.js"></script>
  54. <script src="./demo.js"></script>
  55. <script>
  56. initWs("name=wlz", "cId=1&gId=641&path=riskPointCount");
  57. initWs("name=wlz", "cId=1&gId=641&path=todayCheck");
  58. initWs("name=wlz", "cId=1&gId=641&path=weeklyCheck");
  59. initWs("name=wlz", "cId=1&gId=641&path=warningRiskPoint");
  60. initWs("name=wlz", "cId=1&gId=641&path=hiddenDangerCount");
  61. initWs("name=wlz", "cId=1&gId=641&path=hiddenDangerBulletin");
  62. </script>