client.tpl 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>欢迎页面-X-admin2.0</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  8. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" href="./static/css/font.css">
  10. <link rel="stylesheet" href="./static/css/xadmin.css">
  11. <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  12. <script src="./static/lib/layui/layui.js" charset="utf-8"></script>
  13. <script type="text/javascript" src="./static/js/xadmin.js"></script>
  14. </head>
  15. <body onload="InitParams({{.Scene}}, {{.EventId}})">
  16. <input type="text" id="token" value={{.token}} hidden=true>
  17. <div class="x-body layui-anim layui-anim-up">
  18. <blockquote class="layui-elem-quote">
  19. 场景:<input id="scene" type="text" />
  20. 事件ID:<input id="eventid" type="text" />
  21. <br>
  22. 开始时间:
  23. <input type="date" id="start_time" name="trip-start" value={{.Start_time}} min="2018-01-01 00:00:00" max="2018-12-31 00:00:00" />
  24. 结束时间:
  25. <input type="date" id="end_time" name="trip-start" value={{.End_time}} min="2018-01-01 23:59:59" max="2018-12-31 23:59:59" />
  26. <br>
  27. <br>
  28. <input class="layui-btn" type="button" onclick="submitUpdate()" value=查询>
  29. </blockquote>
  30. </div>
  31. <table border="1">
  32. <thead>
  33. <th style="width:200px;">时间</th>
  34. <th style="width:128px;">服务器ID</th>
  35. <th style="width:128px;">场景</th>
  36. <th style="width:128px;">事件ID</th>
  37. <th style="width:400px;">内容</th>
  38. </thead>
  39. <tbody>
  40. {{range .Events}}
  41. <tr>
  42. <td style = "text-align:center;">{{TimeToStr .EventTime}}</td>
  43. <td style = "text-align:center;">{{.ServerId}}</td>
  44. <td style = "text-align:center;">{{.Scene}}</td>
  45. <td style = "text-align:center;">{{.EventId}}</td>
  46. <td style = "text-align:center;">{{.Label}}</td>
  47. </tr>
  48. {{end}}
  49. </tbody>
  50. </table>
  51. <script language="JavaScript">
  52. function InitParams(Scene, EventId) {
  53. if (Scene.length > 0) {
  54. document.getElementById("scene").value = Scene;
  55. }
  56. if (EventId != null && EventId.length > 0) {
  57. document.getElementById("eventid").value = EventId;
  58. }
  59. }
  60. function submitUpdate () {
  61. var scene = document.getElementById("scene").value;
  62. var eventid = document.getElementById("eventid").value;
  63. var start_time = document.getElementById("start_time").value;
  64. var end_time = document.getElementById("end_time").value;
  65. var text = "token=" + encodeURI(token);
  66. text += "&scene=" + encodeURI(scene);
  67. text += "&eventid=" + encodeURI(eventid);
  68. text += "&start_time=" + encodeURI(start_time);
  69. text += "&end_time=" + encodeURI(end_time);
  70. $.ajax({
  71. type:"get",
  72. url:"/client?" + text,
  73. success:function (data) {
  74. // alert(data.status);
  75. if (data.status){
  76. window.location.href="/client?"+text;
  77. if (data.info){
  78. layer.msg(data.info,{icon:1,time:1000});
  79. }
  80. }else{
  81. if (data.info){
  82. alert(data.info);
  83. }else{
  84. window.location.href="/client?"+text;
  85. }
  86. }
  87. }
  88. });
  89. }
  90. </script>
  91. </body>
  92. </html>