<!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}
.filters{background:#fff;padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap}
.filters select,.filters input{padding:6px 10px;border:1px solid #cfd8dc;border-radius:4px;font-size:14px}
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}
</style>
</head>
<body>
<div class="navbar"><h1>司机准入-公海线索池</h1></div>
<div class="main">
<div class="filters">
<select><option>注册时间</option></select>
<select><option>渠道来源</option></select>
<select><option>城市</option></select>
<input placeholder="搜索线索ID/手机号/姓名">
<button class="btn" onclick="alert('查询')">查询</button>
</div>
<table>
<thead>
<tr><th>ID</th><th>司机姓名</th><th>手机号</th><th>注册时间</th><th>注册城市</th><th>来源</th><th>状态</th><th>操作</th></tr>
</thead>
<tbody>
<tr><td>L1001</td><td>张三</td><td>138****1234</td><td>2025-09-07 10:30</td><td>上海</td><td>司机端APP</td><td>未认领</td><td><button class="btn" onclick="alert('认领成功')">认领</button></td></tr>
<tr><td>L1002</td><td>李四</td><td>139****5678</td><td>2025-09-07 09:15</td><td>重庆</td><td>司机端小程序</td><td>未认领</td><td><button class="btn" onclick="alert('认领成功')">认领</button></td></tr>
</tbody>
</table>
</div>
</body>
</html>
index.html
index.html