customers.html · 约 3175 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>客户管理 · WorkDesk</title><link rel="stylesheet" href="css/style.css"></head><body><header class="topbar"><div class="topbar-inner">
2 <div class="logo">⚡ WorkDesk</div>
3 <nav class="nav"><a href="index.html" class=""><span>📊</span>Dashboard</a><a href="jobs.html" class=""><span>📋</span>Jobs</a><a href="technicians.html" class=""><span>🔧</span>Technicians</a><a href="calendar.html" class=""><span>📅</span>Calendar</a><a href="customers.html" class="on"><span>👥</span>Customers</a><a href="invoices.html" class=""><span>💳</span>Invoices & Payments</a></nav>
4 <div class="user"><div class="avatar">JD</div><span>John Doe</span></div>
5 </div></header><main class="container"><div class="page-header"><div><h1>客户管理</h1><div class="date">5 位活跃客户</div></div><div class="actions"><button class="btn primary">+ 添加客户</button></div></div>
6<div class="card">
7 <div class="card-title">客户管理</div>
8 <input class="search" placeholder="🔍 搜索客户姓名或公司">
9 <table class="table">
10 <thead><tr><th>客户</th><th>公司</th><th>联系电话</th><th>最近工单</th><th>累计金额</th><th>状态</th></tr></thead>
11 <tbody>
12 <tr><td><div class="tech-card" style="padding:0;border:none;background:transparent"><div class="tech-avatar">蓝</div><div><div style="font-weight:700">蓝先生</div></div></div></td><td>蓝天物业</td><td>138-0000-1111</td><td>05-21 空调检修</td><td>$5,200</td><td><span class="badge green">活跃</span></td></tr>
13 <tr><td><div class="tech-card" style="padding:0;border:none;background:transparent"><div class="tech-avatar">星</div><div><div style="font-weight:700">星女士</div></div></div></td><td>星河办公</td><td>139-0000-2222</td><td>05-21 网络维护</td><td>$3,800</td><td><span class="badge green">活跃</span></td></tr>
14 <tr><td><div class="tech-card" style="padding:0;border:none;background:transparent"><div class="tech-avatar">绿</div><div><div style="font-weight:700">绿先生</div></div></div></td><td>绿岛园区</td><td>137-0000-3333</td><td>05-22 门禁调试</td><td>$6,100</td><td><span class="badge green">活跃</span></td></tr>
15 <tr><td><div class="tech-card" style="padding:0;border:none;background:transparent"><div class="tech-avatar">红</div><div><div style="font-weight:700">红女士</div></div></div></td><td>红石工厂</td><td>136-0000-4444</td><td>05-22 电路巡检</td><td>$2,400</td><td><span class="badge blue">潜在</span></td></tr>
16 <tr><td><div class="tech-card" style="padding:0;border:none;background:transparent"><div class="tech-avatar">金</div><div><div style="font-weight:700">金先生</div></div></div></td><td>金海酒店</td><td>135-0000-5555</td><td>05-22 水管维修</td><td>$8,900</td><td><span class="badge green">活跃</span></td></tr>
17 </tbody>
18 </table>
19</div>
20</main><footer>WorkDesk PC 端管理系统演示 · 由 驰旭教育 分享</footer><script src="js/main.js"></script></body></html>