echarts-title.blade.php
2.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<script type="text/javascript">
$(function(){
});
</script>
<style>
.chart-prompt{
font-size: 0.9rem;
/*text-align: right;
display: block;*/
}
.chart-prompt span{
color: #8a8a8a;
}
.chart-prompt .count{
color: #3e3a39;
font-weight: bold;
}
.chart-prompt .up{
color: #ff5f5f;
font-weight: bold
}
.chart-prompt .down{
color: #2d8cf0;
font-weight: bold
}
</style>
<div class="x_title" style="cursor: move;">
<h5>{{$data['box_title']}}</h5>
<div class="card-tools">
<small class="chart-prompt">
<span>
本月{{$data['title']}}：<span class="count">{{$data['month']['count']}}</span>，同比上月
<span class="{{$data['month']['class']}}">{{$data['month']['ratio']}}<i class="fa {{$data['month']['icon']}}"></i></span>
</span>
<span class="ml-4">
本周{{$data['title']}}：<span class="count">{{$data['week']['count']}}</span>，同比上周
<span class="{{$data['week']['class']}}">{{$data['week']['ratio']}}<i class="fa {{$data['week']['icon']}}"></i></span>
</span>
</small>
</div>
</div>
{{-- <div class="card-header with-border">
<h3 class="card-title">{{$data['box_title']}}</h3>
<div class="card-tools pull-right">
<div class="form-inline" style="padding-top: -6px;margin-top: -5px;">
<div class="form-group">
<button type="button" class="btn btn-sm btn-primary init-chart" disabled="disabled" style="margin-right: 10px;" data-type="last-week" onclick="getChartData('{{$data['id']}}','a-week' )">近一周</button>
<button type="button" class="btn btn-sm btn-default init-chart" style="margin-right: 10px;" data-type="week" onclick="getChartData('{{$data['id']}}','week' )">本周</button>
<button type="button" class="btn btn-sm btn-default init-chart" style="margin-right: 10px;" data-type="month"onclick="getChartData('{{$data['id']}}','month' )">本月</button>
</div>
<div class="form-group" style="width: 220px;">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
</div>
<input type="text" class="form-control" id="{{$data['id']}}_startdate" placeholder="开始日期" name="startdate" value="">
<span class="input-group-addon" style="border-left: 0; border-right: 0;">-</span>
<input type="text" class="form-control" id="{{$data['id']}}_enddate" placeholder="结束日期" name="enddate" value="">
</div>
</div>
</div>
</div>
</div> --}}