jobs.html · 约 2602 字符
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="on"><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=""><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 <div class="tabs"><button class="on">全部</button><button>进行中</button><button>已完成</button><button>待分配</button></div>
10 <table class="table">
11 <thead><tr><th>工单号</th><th>客户</th><th>服务类型</th><th>技师</th><th>预约时间</th><th>金额</th><th>状态</th></tr></thead>
12 <tbody>
13 <tr><td><b>#006</b></td><td>蓝天物业</td><td>空调检修</td><td>刘师傅</td><td>05-21 14:00</td><td>$120.00</td><td><span class="badge orange">进行中</span></td></tr>
14 <tr><td><b>#007</b></td><td>星河办公</td><td>网络维护</td><td>王师傅</td><td>05-21 16:00</td><td>$85.00</td><td><span class="badge blue">已分配</span></td></tr>
15 <tr><td><b>#008</b></td><td>绿岛园区</td><td>门禁调试</td><td>张师傅</td><td>05-22 09:00</td><td>$200.00</td><td><span class="badge green">已完成</span></td></tr>
16 <tr><td><b>#009</b></td><td>红石工厂</td><td>电路巡检</td><td>李师傅</td><td>05-22 11:00</td><td>$150.00</td><td><span class="badge gray">待分配</span></td></tr>
17 <tr><td><b>#010</b></td><td>金海酒店</td><td>水管维修</td><td>赵师傅</td><td>05-22 14:00</td><td>$320.00</td><td><span class="badge blue">已分配</span></td></tr>
18 </tbody>
19 </table>
20</div>
21</main><footer>WorkDesk PC 端管理系统演示 · 由 驰旭教育 分享</footer><script src="js/main.js"></script></body></html>