root/coruna-lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: new chain

Browse Source
This commit is contained in:
hashbro
2026-08-11 02:26:43 +08:00
parent ec2d9f2308
commit 9bf769b2bd
56 changed files with 3806 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/admin/dashboard/index.blade.php
+30 -16
View File
@@ -4,6 +4,12 @@
@section('content')
@php $portal = $portal ?? 'admin'; @endphp
<style>
.dash-metric { font-size: 28px; line-height: 1.2; }
.dash-metric-hl { color: #009688; font-weight: 600; }
.dash-metric-sep { color: #bbb; margin: 0 4px; font-weight: 400; }
.dash-metric-total { color: #333; }
</style>
<div class="layui-card">
<form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="LAY-dash-search">
<div class="layui-form-item">
@@ -47,54 +53,55 @@
<div class="layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">总设备数</div>
<div class="layui-card-body" style="font-size:28px;" id="dash-total">—</div>
<div class="layui-card-body dash-metric" id="dash-total">—</div>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">新增设备</div>
<div class="layui-card-body" style="font-size:28px;" id="dash-new">—</div>
<div class="layui-card-body dash-metric dash-metric-hl" id="dash-new">—</div>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">活跃设备</div>
<div class="layui-card-body" style="font-size:28px;" id="dash-active">—</div>
<div class="layui-card-body dash-metric" id="dash-active">—</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">页面 PV</div>
<div class="layui-card-body" style="font-size:28px;" id="dash-pv">—</div>
<div class="layui-card-body dash-metric" id="dash-pv">—</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">页面 UV</div>
<div class="layui-card-body" style="font-size:28px;" id="dash-uv">—</div>
<div class="layui-card-body dash-metric" id="dash-uv">—</div>
</div>
</div>
</div>
<div class="layui-word-aux" style="margin-top:4px;">有效口径：iOS &lt; 17 且使用 Safari（左侧高亮 / 右侧为全部）</div>
<div class="layui-row layui-col-space15" style="margin-top:12px;">
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">按系统（PV / UV）</div>
<div class="layui-card-header">按系统（PV / UV / 占比）</div>
<div class="layui-card-body">
<table class="layui-table" lay-size="sm">
<thead><tr><th>系统</th><th>PV</th><th>UV</th></tr></thead>
<tbody id="dash-by-os"><tr><td colspan="3">—</td></tr></tbody>
<thead><tr><th>系统</th><th>PV</th><th>UV</th><th>占比</th></tr></thead>
<tbody id="dash-by-os"><tr><td colspan="4">—</td></tr></tbody>
</table>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">按浏览器（PV / UV）</div>
<div class="layui-card-header">按 iOS 系统版本（PV / UV / 占比）</div>
<div class="layui-card-body">
<table class="layui-table" lay-size="sm">
<thead><tr><th>浏览器</th><th>PV</th><th>UV</th></tr></thead>
<tbody id="dash-by-browser"><tr><td colspan="3">—</td></tr></tbody>
<thead><tr><th>版本</th><th>PV</th><th>UV</th><th>占比</th></tr></thead>
<tbody id="dash-by-ios-version"><tr><td colspan="4">—</td></tr></tbody>
</table>
</div>
</div>
@@ -115,9 +122,16 @@ layui.use(['form'], function () {
function fillRows(sel, rows) {
var html = '';
(rows || []).forEach(function (r) {
html += '<tr><td>' + (r.label || '—') + '</td><td>' + r.pv + '</td><td>' + r.uv + '</td></tr>';
var pct = (r.pct === undefined || r.pct === null) ? '—' : (r.pct + '%');
html += '<tr><td>' + (r.label || '—') + '</td><td>' + r.pv + '</td><td>' + r.uv + '</td><td>' + pct + '</td></tr>';
});
$(sel).html(html || '<tr><td colspan="3">暂无</td></tr>');
$(sel).html(html || '<tr><td colspan="4">暂无</td></tr>');
}
function ratioHtml(effective, total) {
return '<span class="dash-metric-hl">' + effective + '</span>' +
'<span class="dash-metric-sep">/</span>' +
'<span class="dash-metric-total">' + total + '</span>';
}
function load(where) {
@@ -126,10 +140,10 @@ layui.use(['form'], function () {
$('#dash-total').text(res.data.total);
$('#dash-new').text(res.data.new_count);
$('#dash-active').text(res.data.active_count);
$('#dash-pv').text(res.data.pv);
$('#dash-uv').text(res.data.uv);
$('#dash-pv').html(ratioHtml(res.data.effective_pv || 0, res.data.pv || 0));
$('#dash-uv').html(ratioHtml(res.data.effective_uv || 0, res.data.uv || 0));
fillRows('#dash-by-os', res.data.by_os);
fillRows('#dash-by-browser', res.data.by_browser);
fillRows('#dash-by-ios-version', res.data.by_ios_version);
$('#dash-range').text('统计区间：' + res.data.from + ' ~ ' + res.data.to);
});
}