137 lines
5.1 KiB
HTML
137 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title></title>
|
|
<script src="../js/index_2.js"></script>
|
|
<link rel="stylesheet" href="../css/index.css">
|
|
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.card-hover {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.card-hover:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 20px rgba(22, 93, 255, 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-neutral text-gray-800 p-4 sm:p-6 lg:p-8">
|
|
<!-- 页面标题 -->
|
|
<div class="mb-8">
|
|
<h1 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold">系统概览</h1>
|
|
<p class="text-gray-500 mt-1">欢迎回来，管理员！这里是您的系统概览</p>
|
|
</div>
|
|
|
|
<!-- 数据卡片 - 核心指标 -->
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
|
|
<!-- 总用户数 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 card-hover" onclick="openSystem('1')">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-gray-500 text-sm">实名制后台管理子系统</p>
|
|
<h3 class="text-2xl font-bold mt-2">12,458</h3>
|
|
<p class="text-green-500 text-sm mt-2 flex items-center">
|
|
<i class="fa fa-arrow-up mr-1"></i> 12.5%
|
|
<span class="text-gray-500 ml-1">较上月</span>
|
|
</p>
|
|
</div>
|
|
<div class="h-12 w-12 rounded-full bg-blue-100 flex items-center justify-center text-primary">
|
|
<i class="fa fa-users text-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 总用户数 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 card-hover" onclick="openSystem('2')">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-gray-500 text-sm">实名制后台大屏子系统</p>
|
|
<h3 class="text-2xl font-bold mt-2">12,458</h3>
|
|
<p class="text-green-500 text-sm mt-2 flex items-center">
|
|
<i class="fa fa-arrow-up mr-1"></i> 12.5%
|
|
<span class="text-gray-500 ml-1">较上月</span>
|
|
</p>
|
|
</div>
|
|
<div class="h-12 w-12 rounded-full bg-blue-100 flex items-center justify-center text-primary">
|
|
<i class="fa fa-users text-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 新增用户 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 card-hover" onclick="openSystem('3')">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-gray-500 text-sm">领导履职</p>
|
|
<h3 class="text-2xl font-bold mt-2">386</h3>
|
|
<p class="text-green-500 text-sm mt-2 flex items-center">
|
|
<i class="fa fa-arrow-up mr-1"></i> 8.2%
|
|
<span class="text-gray-500 ml-1">较上月</span>
|
|
</p>
|
|
</div>
|
|
<div class="h-12 w-12 rounded-full bg-green-100 flex items-center justify-center text-green-600">
|
|
<i class="fa fa-user-plus text-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 活跃用户 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 card-hover" onclick="openSystem('4')">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-gray-500 text-sm">承载力后台管理子系统</p>
|
|
<h3 class="text-2xl font-bold mt-2">2,521</h3>
|
|
<p class="text-green-500 text-sm mt-2 flex items-center">
|
|
<i class="fa fa-arrow-up mr-1"></i> 5.3%
|
|
<span class="text-gray-500 ml-1">较昨日</span>
|
|
</p>
|
|
</div>
|
|
<div class="h-12 w-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600">
|
|
<i class="fa fa-eye text-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 活跃用户 -->
|
|
<div class="bg-white rounded-xl shadow-sm p-6 card-hover" onclick="openSystem('5')">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-gray-500 text-sm">承载力大屏子系统</p>
|
|
<h3 class="text-2xl font-bold mt-2">2,521</h3>
|
|
<p class="text-green-500 text-sm mt-2 flex items-center">
|
|
<i class="fa fa-arrow-up mr-1"></i> 5.3%
|
|
<span class="text-gray-500 ml-1">较昨日</span>
|
|
</p>
|
|
</div>
|
|
<div class="h-12 w-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600">
|
|
<i class="fa fa-eye text-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../public.js"></script>
|
|
<script>
|
|
function openSystem(id) {
|
|
let username=localStorage.getItem("public_username");
|
|
let token=localStorage.getItem("public_token");
|
|
let url=web_url+contentPath;
|
|
if(id==='1'){
|
|
window.open(url+'/smz-web/lodingIndex.html?token='+username,'smz_html');
|
|
}else if(id==='2'){
|
|
window.open(url+'/smz-screen/lodingIndex.html?token='+username,'smz_web_html');
|
|
}else if(id==='3'){
|
|
window.open('http://20.56.230.91:10080/ldlz/ywgllogin?username='+username+"&token="+token,'ldlz_html');
|
|
}else if(id==='4'){
|
|
window.open(url+'/czl-web/lodingIndex.html?token='+username,'czl_html');
|
|
}else if(id==='5'){
|
|
window.open(url+'/czl-screen/lodingIndex.html?token='+username,'czl_web_html');
|
|
}
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|