<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>主管管理后台</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body{margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;background:#f5f7fa}
.navbar{height:60px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08);display:flex;align-items:center;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:1000}
.navbar h1{font-size:18px;color:#1e88e5;margin:0}
.main{margin-top:80px;padding:20px}
.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.card{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}
h3{margin:0 0 12px;font-size:16px}
table{width:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
th,td{padding:12px 16px;font-size:14px}
th{background:#fafafa;color:#666}
tr{border-bottom:1px solid #e8ecf0}
.btn{padding:6px 12px;border:none;border-radius:4px;color:#fff;background:#1e88e5;font-size:13px;cursor:pointer;margin-right:6px}
</style>
</head>
<body>
<div class="navbar"><h1>司机准入-注册线索管理</h1></div>
<div class="main">
<div class="overview">
<div class="card"><h3>公海线索数</h3><div style="font-size:26px;font-weight:600">1000</div></div>
<div class="card"><h3>私海线索数</h3><div style="font-size:26px;font-weight:600">200</div></div>
<div class="card"><h3>已跟进线索数</h3><div style="font-size:26px;font-weight:600">100</div></div>
<div class="card"><h3>提交资料线索数</h3><div style="font-size:26px;font-weight:600">50</div></div>
<div class="card"><h3>提交资料转化率</h3><div style="font-size:26px;font-weight:600">25%</div></div>
<div class="card"><h3>待分配线索</h3><div style="font-size:26px;font-weight:600">42</div></div>
</div>
<div class="card" style="margin-bottom:20px">
<h3>待分配线索</h3>
<table>
<thead><tr><th>ID</th><th>姓名</th><th>手机</th><th>注册时间</th><th>来源</th><th>操作</th></tr></thead>
<tbody>
<tr><td>L2001</td><td>赵六</td><td>156****8888</td><td>2025-09-08 10:00</td><td>快手</td><td><button class="btn" onclick="alert('分配')">分配</button></td></tr>
</tbody>
</table>
</div>
<div class="card">
<h3>销售团队绩效（近7日）</h3>
<table>
<thead><tr><th>销售</th><th>认领数</th><th>转化数</th><th>转化率</th><th>操作</th></tr></thead>
<tbody>
<tr><td>小李</td><td>32</td><td>6</td><td>18.8%</td><td><button class="btn" onclick="alert('查看详情')">详情</button></td></tr>
<tr><td>小王</td><td>28</td><td>3</td><td>10.7%</td><td><button class="btn" onclick="alert('查看详情')">详情</button></td></tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
index.html
index.html