profitline.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
  10. <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  12. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  13. <title>{$webname}</title>
  14. <style>
  15. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  16. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  17. input:focus{background:#ebecf0;outline: 1px solid #ebecf0;}
  18. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  19. .no_header{position: fixed;z-index: 9999;background:#fff;padding:0px 10px;top:0px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);}
  20. .txtl{line-height:50px;width:10%;}
  21. .linecontent{width:100%;min-height:100vh;background:#fff;padding:10px;}
  22. .blockline{height:200px; margin: 0px auto; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;}
  23. .listbox{width:100%;min-height:300px;}
  24. .listcontent{width:100%;height:60px;border-bottom:1px solid #f5f5f5;}
  25. </style>
  26. </head>
  27. <body>
  28. <div class="container-fluid " style="padding:0px;width:100vw;">
  29. <div class="no_header">
  30. <div class="fl allhg txtl">
  31. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  32. </div>
  33. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
  34. <span class="fcc fzmmm">{:L('矿机收益曲线')}</span>
  35. </div>
  36. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  37. </div>
  38. </div>
  39. <div class="linecontent">
  40. <div style="width:100%;height:60px;"></div>
  41. <div style="width:100%;height:30px;line-height:30px;">
  42. <span class="fzmmm fcc">{:L('总收益')}:{$total} {$coinname}</span>
  43. </div>
  44. <div style="width:100%;">
  45. <div id="main" class="blockline" <?php if(empty($d_arr)){?>style="display:none;"<?php }?>></div>
  46. </div>
  47. <div class="listbox">
  48. <empty name="polist">
  49. <div style="width:100%;height:100px;line-height:100px;text-align:center;">
  50. <span class="fzmm fcc">{:L('暂时没有收益记录')}</span>
  51. </div>
  52. <else />
  53. <foreach name="polist" item="vo">
  54. <div class="listcontent">
  55. <div style="width:100%;height:30px;line-height:35px;">
  56. <span class="fzmm fcc">{$vo.ktitle}</span>
  57. </div>
  58. <div style="width:100%;">
  59. <div style="width:50%;height:30px;line-height:20px;float:left;">
  60. <span class="fcy" style="font-size:16px;font-weight:bold;">+ {$vo.num}</span>
  61. </div>
  62. <div style="width:50%;height:30px;line-height:20px;float:left;text-align:right;">
  63. <span class="fzmm fcc">{$vo.day}</span>
  64. </div>
  65. </div>
  66. </div>
  67. </foreach>
  68. </empty>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  74. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  75. <script type="text/javascript" src="/Public/Static/js/echarts/echarts.js" ></script>
  76. <script type="text/javascript">
  77. var myChart = echarts.init(document.getElementById('main'));
  78. option = {
  79. backgroundColor: 'transparent',
  80. tooltip : {
  81. trigger: 'axis',
  82. axisPointer: {
  83. type: 'cross',
  84. label: {
  85. backgroundColor: '#FCD535'
  86. }
  87. }
  88. },
  89. grid: {
  90. left: '0%',
  91. right: '1%',
  92. top: '1%',
  93. heigth:'100%',
  94. bottom: '5%',
  95. borderColor:'#FCD535',
  96. //backgroundColor:'#ccc',
  97. containLabel: true
  98. },
  99. xAxis: {
  100. boundaryGap : false,
  101. type: 'category',
  102. data: [<?php foreach($t_arr as $v){echo "'".$v."',";}?>],
  103. axisLabel: {
  104. show: true,
  105. textStyle: {
  106. color: '#707A8A'
  107. }
  108. }
  109. },
  110. yAxis: {
  111. show: false,
  112. type : 'value',
  113. axisLabel: {
  114. show: true,
  115. textStyle: {
  116. color: '#646c7b'
  117. }
  118. }
  119. },
  120. series: [{
  121. name:'产量',
  122. data: [<?php foreach($d_arr as $v){echo $v.",";}?>],
  123. type: 'line',
  124. stack: '总量',
  125. smooth: true,
  126. areaStyle: {normal: {
  127. color: new echarts.graphic.LinearGradient(
  128. 0, 0, 0, 1,
  129. [
  130. {offset: 0, color: '#FCD535'},
  131. {offset: 0.5, color: '#e4d47b'},
  132. {offset: 1, color: '#fff6c9'}
  133. ]
  134. )
  135. }},
  136. lineStyle: {
  137. width: 2,
  138. color: '#FCD535' //改变折线颜色
  139. }
  140. }]
  141. };
  142. myChart.setOption(option);
  143. </script>
  144. <script type="text/javascript">
  145. function goback(){
  146. window.history.go(-1);
  147. }
  148. </script>
  149. </html>