pay.tpl 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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 src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  12. <script src="http://code.highcharts.com/highcharts.js"></script>
  13. </head>
  14. <body onload="InitParams({{.Server_id}}, {{.Minutes}}, {{.Days}})">
  15. <div class="x-body layui-anim layui-anim-up">
  16. <blockquote class="layui-elem-quote">
  17. 指定服务器:<input id="server_id" type="text" name="服务器ID" />
  18. 时间颗粒度(分钟):<input id="minutes" type="text" name="时间颗粒度" />
  19. 过往天数:<input id="days" type="text" name="天数" />
  20. <br>
  21. <br>
  22. <input class="layui-btn" type="button" onclick="submitUpdate()" value=刷新>
  23. <input class="layui-btn" type="button" onclick="submitDownload()" value=下载>
  24. </blockquote>
  25. </div>
  26. <div class="x-body layui-anim layui-anim-up">
  27. <blockquote class="layui-elem-quote">
  28. <span id ="cur_charge" style="font-size:20px;"> 今日充值 : 0 </span>
  29. <span id ="tol_charge" style="font-size:20px;"> 累计充值 : 0 </span>
  30. </blockquote>
  31. </div>
  32. <div id="container" style="width: 1600px; height: 800px; margin: 0 auto"></div>
  33. <script language="JavaScript">
  34. $(document).ready(function() {
  35. var chart = {
  36. type: 'spline'
  37. };
  38. var title = {
  39. text: '支付金额统计'
  40. };
  41. var subtitle = {
  42. text: '来源:游戏服'
  43. };
  44. var xAxis = {
  45. title: {
  46. text: '时间'
  47. },
  48. tickPixelInterval: 1,
  49. categories: {{.Categories}}
  50. };
  51. var yAxis = {
  52. title: {
  53. text: '金额(美分)'
  54. },
  55. plotLines: [{
  56. value: 0,
  57. width: 1,
  58. color: '#808080'
  59. }]
  60. };
  61. var tooltip = {
  62. valueSuffix: '美分'
  63. }
  64. var legend = {
  65. layout: 'vertical',
  66. align: 'right',
  67. verticalAlign: 'middle',
  68. borderWidth: 0
  69. };
  70. var series = [
  71. ];
  72. var list = {{.Series}}
  73. for ( var i= 0; i < list.length; i++){
  74. series.push({"name":list[i].Name, "data":eval(list[i].Data)})
  75. }
  76. var TodayCharge = {{.TodayCharge}};
  77. var TotalCharge = {{.TotalCharge}};
  78. updateCharge(TodayCharge,TotalCharge)
  79. var json = {};
  80. json.title = title;
  81. json.subtitle = subtitle;
  82. json.xAxis = xAxis;
  83. json.yAxis = yAxis;
  84. json.tooltip = tooltip;
  85. json.legend = legend;
  86. json.series = series;
  87. json.chart = chart;
  88. $('#container').highcharts(json);
  89. });
  90. function InitParams(ServerId, Minutes, Days) {
  91. if (ServerId.length > 0) {
  92. document.getElementById("server_id").value = ServerId;
  93. }
  94. if (Minutes > 0) {
  95. document.getElementById("minutes").value = Minutes;
  96. }
  97. if (Days > 0) {
  98. document.getElementById("days").value = Days;
  99. }
  100. }
  101. function submitUpdate () {
  102. var sid = document.getElementById("server_id").value;
  103. var min = document.getElementById("minutes").value;
  104. var days = document.getElementById("days").value;
  105. var text = "server_id=" + encodeURI(sid) + "&minutes=" + encodeURI(min) + "&days=" + encodeURI(days) ;
  106. $.ajax({
  107. type:"get",
  108. url:"/pay?" + text,
  109. success:function (data) {
  110. // alert(data.status);
  111. if (data.status){
  112. window.location.href="/pay?"+text;
  113. if (data.info){
  114. layer.msg(data.info,{icon:1,time:1000});
  115. }
  116. }else{
  117. if (data.info){
  118. alert(data.info);
  119. }else{
  120. window.location.href="/pay?"+text;
  121. }
  122. }
  123. }
  124. });
  125. }
  126. function submitDownload () {
  127. var sid = document.getElementById("server_id").value;
  128. var min = document.getElementById("minutes").value;
  129. var days = document.getElementById("days").value;
  130. var text = "server_id=" + encodeURI(sid) + "&minutes=" + encodeURI(min) + "&days=" + encodeURI(days) + "&querydata=pay";
  131. $.ajax({
  132. type:"get",
  133. url:"/pay?" + text,
  134. success:function (data) {
  135. // alert(data.status);
  136. if (data.status){
  137. window.location.href="/pay?"+text;
  138. if (data.info){
  139. layer.msg(data.info,{icon:1,time:1000});
  140. }
  141. }else{
  142. if (data.info){
  143. alert(data.info);
  144. }else{
  145. window.location.href="/pay?"+text;
  146. }
  147. }
  148. }
  149. });
  150. }
  151. function updateCharge (today,total) {
  152. document.getElementById('cur_charge').innerText="今日充值: "+today+"美分";
  153. document.getElementById('tol_charge').innerText="累计充值: "+total+"美分";
  154. }
  155. </script>
  156. </body>
  157. </html>