103 lines
4.1 KiB
HTML
103 lines
4.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>数据概览 - MIP广告点击管理系统</title>
|
|
<link rel="stylesheet" href="css/common.css">
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<!-- 侧边栏 -->
|
|
<div class="sidebar">
|
|
<div class="logo">MIP管理系统</div>
|
|
<div class="menu">
|
|
<div class="menu-item active" onclick="location.href='dashboard.html'">
|
|
<span class="menu-icon">📊</span>
|
|
<span>数据概览</span>
|
|
</div>
|
|
<div class="menu-item" onclick="location.href='scheduler.html'">
|
|
<span class="menu-icon">⚙️</span>
|
|
<span>调度器管理</span>
|
|
</div>
|
|
<div class="menu-item" onclick="location.href='urls.html'">
|
|
<span class="menu-icon">🔗</span>
|
|
<span>链接管理</span>
|
|
</div>
|
|
<div class="menu-item" onclick="location.href='database.html'">
|
|
<span class="menu-icon">💾</span>
|
|
<span>数据库管理</span>
|
|
</div>
|
|
<div class="menu-item" onclick="location.href='browser.html'">
|
|
<span class="menu-icon">🌐</span>
|
|
<span>浏览器测试</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 主内容区 -->
|
|
<div class="main">
|
|
<!-- 顶部导航栏 -->
|
|
<div class="navbar">
|
|
<div class="breadcrumb">数据概览</div>
|
|
<div class="user-info">
|
|
<div class="status-indicator" id="statusIndicator"></div>
|
|
<span id="statusText">系统运行中</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 内容区 -->
|
|
<div class="content">
|
|
<!-- 统计卡片 -->
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-label">总链接数</div>
|
|
<div class="stat-value" id="totalUrls">0</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">总点击次数</div>
|
|
<div class="stat-value" id="totalClicks">0</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">获得回复</div>
|
|
<div class="stat-value" id="totalReplies">0</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">回复率</div>
|
|
<div class="stat-value" id="replyRate">0%</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 链接列表 -->
|
|
<div class="card">
|
|
<div class="card-header">链接列表</div>
|
|
<div class="card-body">
|
|
<div class="table-container">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>链接地址</th>
|
|
<th>点击次数</th>
|
|
<th>回复次数</th>
|
|
<th>上次点击时间</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="urlTableBody">
|
|
<tr>
|
|
<td colspan="5" class="empty-state">暂无数据</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/common.js"></script>
|
|
<script src="js/dashboard.js"></script>
|
|
</body>
|
|
</html>
|