register.tpl 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>欢迎页面-X-admin2.0</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  9. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  10. <link rel="stylesheet" href="./static/css/font.css">
  11. <link rel="stylesheet" href="./static/css/xadmin.css">
  12. <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  13. <script src="http://code.highcharts.com/highcharts.js"></script>
  14. </head>
  15. <body onload="InitParams({{.SelectUserName}}, {{.Days}}, {{.Promoter}})">
  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. <label for="select_username" id="label_username">主播列表:</label>
  20. <select name="" id="select_username" style="width:256px;">
  21. <option value="">全部</option>
  22. {{range .users}}
  23. <option value={{.Username}}>{{.Username}}</option>
  24. {{end}}
  25. </select>
  26. {{" "}}
  27. 过往天数:<input id="days" type="text" name="天数" />
  28. <br>
  29. <br>
  30. <input class="layui-btn" type="button" onclick="submitUpdate()" value=刷新>
  31. <input class="layui-btn" type="button" onclick="submitDownload()" value=下载>
  32. </blockquote>
  33. </div>
  34. <div id="container" style="width: 1600px; height: 800px; margin: 0 auto"></div>
  35. <script language="JavaScript">
  36. $(document).ready(function() {
  37. var chart = {
  38. type: 'spline'
  39. };
  40. var title = {
  41. text: '注册'
  42. };
  43. var subtitle = {
  44. text: '来源:游戏服'
  45. };
  46. var xAxis = {
  47. title: {
  48. text: '时间(每5分钟)'
  49. },
  50. tickPixelInterval: 1,
  51. categories: {{.Categories}}
  52. };
  53. var yAxis = {
  54. title: {
  55. text: '人数'
  56. },
  57. plotLines: [{
  58. value: 0,
  59. width: 1,
  60. color: '#808080'
  61. }]
  62. };
  63. var tooltip = {
  64. valueSuffix: '人'
  65. }
  66. var legend = {
  67. layout: 'vertical',
  68. align: 'right',
  69. verticalAlign: 'middle',
  70. borderWidth: 0
  71. };
  72. var series = [
  73. ];
  74. var list = {{.Series}}
  75. for ( var i= 0; i < list.length; i++){
  76. series.push({"name":list[i].Name, "data":eval(list[i].Data)})
  77. }
  78. var json = {};
  79. json.title = title;
  80. json.subtitle = subtitle;
  81. json.xAxis = xAxis;
  82. json.yAxis = yAxis;
  83. json.tooltip = tooltip;
  84. json.legend = legend;
  85. json.series = series;
  86. json.chart = chart;
  87. $('#container').highcharts(json);
  88. });
  89. var promoter = 0
  90. function InitParams(SelectUserName, Days, Promoter) {
  91. promoter = Promoter
  92. if (SelectUserName.length > 0) {
  93. var obj = document.getElementById("select_username");
  94. if (obj.options.length > 0){
  95. for (var i = 0; i < obj.options.length; i ++){
  96. if (obj.options[i].value == SelectUserName) {
  97. obj.options[i].selected = true;
  98. break
  99. }
  100. }
  101. }
  102. }
  103. if (Days != null && Days > 0) {
  104. document.getElementById("days").value = Days;
  105. }
  106. if (promoter == 1){
  107. document.getElementById("label_username").hidden = true
  108. document.getElementById("select_username").hidden = true
  109. }
  110. }
  111. function submitUpdate () {
  112. var sid = document.getElementById("select_username").value;
  113. var days = document.getElementById("days").value;
  114. var text = "select_username=" + encodeURI(sid) + "&days=" + encodeURI(days);
  115. $.ajax({
  116. type:"get",
  117. url:"/register?" + text,
  118. success:function (data) {
  119. // alert(data.status);
  120. if (data.status){
  121. window.location.href="/register?"+text;
  122. if (data.info){
  123. layer.msg(data.info,{icon:1,time:1000});
  124. }
  125. }else{
  126. if (data.info){
  127. alert(data.info);
  128. }else{
  129. window.location.href="/register?"+text;
  130. }
  131. }
  132. }
  133. });
  134. }
  135. function submitDownload () {
  136. var sid = document.getElementById("select_username").value;
  137. var days = document.getElementById("days").value;
  138. var text = "select_username=" + encodeURI(sid) + "&days=" + encodeURI(days) + "&querydata=register";
  139. $.ajax({
  140. type:"get",
  141. url:"/register?" + text,
  142. success:function (data) {
  143. // alert(data.status);
  144. if (data.status){
  145. window.location.href="/register?"+text;
  146. if (data.info){
  147. layer.msg(data.info,{icon:1,time:1000});
  148. }
  149. }else{
  150. if (data.info){
  151. alert(data.info);
  152. }else{
  153. window.location.href="/register?"+text;
  154. }
  155. }
  156. }
  157. });
  158. }
  159. </script>
  160. </body>
  161. </html>