33 lines
1.9 KiB
HTML
33 lines
1.9 KiB
HTML
<style type="text/css">
|
||
.dash-section { margin-bottom: 20px; }
|
||
.dash-section h4 { border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 12px; font-size: 15px; color: #333; }
|
||
.dash-card { background: #f9f9f9; border-radius: 6px; padding: 12px; text-align: center; }
|
||
.dash-card .big-num { font-size: 28px; font-weight: bold; color: #333; }
|
||
.dash-card .label-text { font-size: 12px; color: #999; margin-top: 4px; }
|
||
.num-ball-sm { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; color: #fff; font-weight: bold; font-size: 13px; }
|
||
.mini-card { text-align: center; background: #f5f5f5; padding: 8px 12px; border-radius: 5px; display: inline-block; margin: 3px; min-width: 65px; }
|
||
.mini-card .name { font-size: 14px; font-weight: bold; color: #333; }
|
||
.mini-card .val { font-size: 11px; color: #666; }
|
||
#dash-chart { width: 100%; height: 280px; }
|
||
</style>
|
||
|
||
<div class="panel panel-default panel-intro">
|
||
<div class="panel-heading">
|
||
{:build_heading(null, false)}
|
||
<div style="float:right;">
|
||
<div class="form-inline">
|
||
<label>{:__('Query Periods')}：</label>
|
||
<input type="number" id="dash-periods" class="form-control input-sm" value="{$periods|htmlentities}" min="10" max="100" style="width:80px;display:inline-block;">
|
||
<button class="btn btn-sm btn-primary" id="btn-dash-refresh"><i class="fa fa-refresh"></i> {:__('Refresh')}</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel-body">
|
||
<div id="dash-content">
|
||
<div class="text-center" style="padding:60px;"><i class="fa fa-spinner fa-spin fa-2x"></i><br><span class="text-muted">{:__('Loading')}</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|