technicians.html · 约 4423 字符
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="on"><span>🔧</span>Technicians</a><a href="calendar.html" class=""><span>📅</span>Calendar</a><a href="customers.html" class=""><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">8 名在岗技师</div></div><div class="actions"><button class="btn primary">+ 添加技师</button></div></div>
6<div class="grid grid-4">
7 <div class="card tech-card"><div class="tech-avatar">刘</div><div><div style="font-weight:700">刘师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">空调 · 暖通</div><div class="badge green">4.9 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">128</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
8 <div class="card tech-card"><div class="tech-avatar">王</div><div><div style="font-weight:700">王师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">网络 · 弱电</div><div class="badge green">4.8 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">96</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
9 <div class="card tech-card"><div class="tech-avatar">张</div><div><div style="font-weight:700">张师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">门禁 · 安防</div><div class="badge green">4.9 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">112</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
10 <div class="card tech-card"><div class="tech-avatar">李</div><div><div style="font-weight:700">李师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">电路 · 强电</div><div class="badge green">4.7 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">87</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
11 <div class="card tech-card"><div class="tech-avatar">赵</div><div><div style="font-weight:700">赵师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">水电 · 管道</div><div class="badge green">4.8 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">103</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
12 <div class="card tech-card"><div class="tech-avatar">陈</div><div><div style="font-weight:700">陈师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">木工 · 装修</div><div class="badge green">4.6 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">76</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
13 <div class="card tech-card"><div class="tech-avatar">周</div><div><div style="font-weight:700">周师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">电梯 · 机械</div><div class="badge green">4.9 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">54</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
14 <div class="card tech-card"><div class="tech-avatar">吴</div><div><div style="font-weight:700">吴师傅</div><div style="font-size:12px;color:#6B7280;margin:4px 0">清洁 · 消杀</div><div class="badge green">4.5 ★</div></div><div style="margin-left:auto;text-align:right"><div style="font-size:18px;font-weight:800">68</div><div style="font-size:11px;color:#6B7280">工单</div></div></div>
15</div>
16</main><footer>WorkDesk PC 端管理系统演示 · 由 驰旭教育 分享</footer><script src="js/main.js"></script></body></html>