123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
- <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
- <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
- <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
- <script src="/Public/Static/Icoinfont/iconfont.js"></script>
- <title>{$webname}</title>
- <style>
- ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
- ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
- input:focus{background:#ebecf0;outline: 1px solid #ebecf0;}
- a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
- .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%);}
- .txtl{line-height:50px;width:10%;}
- .linecontent{width:100%;min-height:100vh;background:#fff;padding:10px;}
- .blockline{height:200px; margin: 0px auto; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;}
- .listbox{width:100%;min-height:300px;}
- .listcontent{width:100%;height:60px;border-bottom:1px solid #f5f5f5;}
- </style>
- </head>
- <body>
- <div class="container-fluid " style="padding:0px;width:100vw;">
- <div class="no_header">
- <div class="fl allhg txtl">
- <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
- </div>
- <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
- <span class="fcc fzmmm">{:L('矿机收益曲线')}</span>
- </div>
- <div class="fr allhg txtr" style="line-height:50px;width:10%;">
- </div>
- </div>
-
- <div class="linecontent">
- <div style="width:100%;height:60px;"></div>
- <div style="width:100%;height:30px;line-height:30px;">
- <span class="fzmmm fcc">{:L('总收益')}:{$total} {$coinname}</span>
- </div>
-
- <div style="width:100%;">
- <div id="main" class="blockline" <?php if(empty($d_arr)){?>style="display:none;"<?php }?>></div>
- </div>
-
- <div class="listbox">
- <empty name="polist">
- <div style="width:100%;height:100px;line-height:100px;text-align:center;">
- <span class="fzmm fcc">{:L('暂时没有收益记录')}</span>
- </div>
- <else />
- <foreach name="polist" item="vo">
- <div class="listcontent">
- <div style="width:100%;height:30px;line-height:35px;">
- <span class="fzmm fcc">{$vo.ktitle}</span>
- </div>
- <div style="width:100%;">
- <div style="width:50%;height:30px;line-height:20px;float:left;">
- <span class="fcy" style="font-size:16px;font-weight:bold;">+ {$vo.num}</span>
- </div>
- <div style="width:50%;height:30px;line-height:20px;float:left;text-align:right;">
- <span class="fzmm fcc">{$vo.day}</span>
- </div>
- </div>
- </div>
- </foreach>
- </empty>
-
- </div>
-
- </div>
- </div>
- </body>
- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
- <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
- <script type="text/javascript" src="/Public/Static/js/echarts/echarts.js" ></script>
- <script type="text/javascript">
- var myChart = echarts.init(document.getElementById('main'));
- option = {
- backgroundColor: 'transparent',
- tooltip : {
- trigger: 'axis',
- axisPointer: {
- type: 'cross',
- label: {
- backgroundColor: '#FCD535'
- }
- }
- },
- grid: {
- left: '0%',
- right: '1%',
- top: '1%',
- heigth:'100%',
- bottom: '5%',
- borderColor:'#FCD535',
- //backgroundColor:'#ccc',
- containLabel: true
- },
- xAxis: {
- boundaryGap : false,
- type: 'category',
- data: [<?php foreach($t_arr as $v){echo "'".$v."',";}?>],
- axisLabel: {
- show: true,
- textStyle: {
- color: '#707A8A'
- }
- }
- },
- yAxis: {
- show: false,
- type : 'value',
- axisLabel: {
- show: true,
- textStyle: {
- color: '#646c7b'
- }
- }
- },
- series: [{
- name:'产量',
- data: [<?php foreach($d_arr as $v){echo $v.",";}?>],
- type: 'line',
- stack: '总量',
- smooth: true,
- areaStyle: {normal: {
- color: new echarts.graphic.LinearGradient(
- 0, 0, 0, 1,
- [
- {offset: 0, color: '#FCD535'},
- {offset: 0.5, color: '#e4d47b'},
- {offset: 1, color: '#fff6c9'}
- ]
- )
- }},
- lineStyle: {
- width: 2,
- color: '#FCD535' //改变折线颜色
- }
- }]
- };
- myChart.setOption(option);
- </script>
- <script type="text/javascript">
- function goback(){
- window.history.go(-1);
- }
- </script>
- </html>
|