<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>销售工作台</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
:root{--primary:#1e88e5;--success:#4caf50;--warning:#ff9800;--danger:#f44336}
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:var(--primary);margin:0}
.main{margin-top:80px;padding:20px}
.card{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px;margin-bottom:20px}
.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card h3{margin:0 0 12px;font-size:14px;color:#666}
.big-num{font-size:28px;font-weight:600}
.actions{display:flex;gap:12px;margin-bottom:20px}
.btn{padding:10px 16px;border:none;border-radius:4px;color:#fff;background:var(--primary);cursor:pointer;font-size:14px}
table{width:100%;border-collapse:none;border-spacing:0}
th,td{padding:12px;text-align:left;font-size:14px}
th{background:#fafafa;color:#666}
tr{border-bottom:1px solid #e8ecf0}
.status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px}
.status-new{background:#e3f2fd;color:var(--primary)}
</style>
</head>
<body>
<div class="navbar">
<h1>司机准入-注册线索管理</h1>
</div>
<div class="main">
<div class="overview">
<div class="card"><h3>公海线索数</h3><div class="big-num">1000</div></div>
<div class="card"><h3>私海线索数</h3><div class="big-num">200</div></div>
<div class="card"><h3>已跟进线索数</h3><div class="big-num">100</div></div>
<div class="card"><h3>提交资料线索数</h3><div class="big-num">50</div></div>
<div class="card"><h3>提交资料转化率</h3><div class="big-num">25%</div></div>
</div>
<div class="actions">
<button class="btn" onclick="alert('跳转到公海池')">认领线索</button>
<button class="btn" onclick="alert('打开新增跟进')">跟进线索</button>
</div>
<div class="card">
<h3>待办提醒</h3>
<table>
<thead><tr><th>线索ID</th><th>姓名</th><th>下次跟进</th><th>操作</th></tr></thead>
<tbody>
<tr><td>L0856</td><td>王五</td><td>2025-09-10 09:00</td><td><button class="btn">去跟进</button></td></tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
index.html
index.html