rt_login.tpl 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>欢迎页面-X-admin2.0</title>
  6. <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  7. <script src="http://code.highcharts.com/highcharts.js"></script>
  8. </head>
  9. <body>
  10. 指定服务器:
  11. <input id="server_id" type="text" name="服务器ID" value={{.Server_id}}>
  12. <br>
  13. <br>
  14. <input class="layui-btn" type="button" onclick="submitUpdate()" value=刷新>
  15. <input class="layui-btn" type="button" onclick="submitDownload()" value=下载>
  16. <br><br>
  17. <br><br>
  18. <div id="container" style="width: 1600px; height: 800px; margin: 0 auto"></div>
  19. <script language="JavaScript">
  20. $(document).ready(function() {
  21. var chart = {
  22. type: 'spline'
  23. };
  24. var title = {
  25. text: '登陆时段人数分布'
  26. };
  27. var subtitle = {
  28. text: 'Source: '
  29. };
  30. var xAxis = {
  31. title: {
  32. text: '时间段(1小时)'
  33. },
  34. tickPixelInterval: 1,
  35. categories: {{.Categories}}
  36. };
  37. var yAxis = {
  38. title: {
  39. text: '人数'
  40. },
  41. plotLines: [{
  42. value: 0,
  43. width: 1,
  44. color: '#808080'
  45. }]
  46. };
  47. var tooltip = {
  48. valueSuffix: '人'
  49. }
  50. var legend = {
  51. layout: 'vertical',
  52. align: 'right',
  53. verticalAlign: 'middle',
  54. borderWidth: 0
  55. };
  56. var series = [
  57. ];
  58. var list = {{.Series}}
  59. var onlineCount = {{.Online_count}};
  60. for ( var i= 0; i < list.length; i++){
  61. series.push({"name":list[i].Name, "data":eval(list[i].Data)})
  62. }
  63. var json = {};
  64. json.title = title;
  65. json.subtitle = subtitle;
  66. json.xAxis = xAxis;
  67. json.yAxis = yAxis;
  68. json.tooltip = tooltip;
  69. json.legend = legend;
  70. json.series = series;
  71. json.chart = chart;
  72. $('#container').highcharts(json);
  73. });
  74. function submitUpdate () {
  75. var sid = document.getElementById("server_id").value;
  76. var text = "server_id=" + encodeURI(sid);
  77. $.ajax({
  78. type:"get",
  79. url:"/rtlogin?" + text,
  80. success:function (data) {
  81. // alert(data.status);
  82. if (data.status){
  83. window.location.href="/rtlogin?"+text;
  84. }else{
  85. if (data.info){
  86. alert(data.info);
  87. }else{
  88. window.location.href="/rtlogin?"+text;
  89. }
  90. }
  91. }
  92. });
  93. }
  94. function submitDownload () {
  95. var sid = document.getElementById("server_id").value;
  96. var text = "server_id=" + encodeURI(sid) + "&querydata=rtlogin";
  97. $.ajax({
  98. type:"get",
  99. url:"/rtlogin?" + text,
  100. success:function (data) {
  101. // alert(data.status);
  102. if (data.status){
  103. window.location.href="/rtlogin?"+text;
  104. }else{
  105. if (data.info){
  106. alert(data.info);
  107. }else{
  108. window.location.href="/rtlogin?"+text;
  109. }
  110. }
  111. }
  112. });
  113. }
  114. </script>
  115. </body>
  116. </html>