calendar.html · 约 2061 字符
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="on"><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">May 2026</div></div><div class="actions"><button class="btn primary">+ 新建日程</button></div></div>
6<div class="card">
7 <div class="card-title">May 2026</div>
8 <table class="cal-table">
9 <thead><tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr></thead>
10 <tbody>
11 <tr><td class="muted">27</td><td class="muted">28</td><td class="muted">29</td><td class="muted">30</td><td>1</td><td>2</td><td>3</td></tr>
12 <tr><td>4</td><td>5</td><td class="has">6</td><td>7</td><td class="has">8</td><td>9</td><td>10</td></tr>
13 <tr><td>11</td><td class="today">12</td><td class="has">13</td><td>14</td><td class="has">15</td><td>16</td><td>17</td></tr>
14 <tr><td>18</td><td class="has">19</td><td>20</td><td class="has">21</td><td class="has">22</td><td>23</td><td>24</td></tr>
15 <tr><td>25</td><td>26</td><td class="has">27</td><td>28</td><td>29</td><td>30</td><td class="muted">31</td></tr>
16 </tbody>
17 </table>
18</div>
19</main><footer>WorkDesk PC 端管理系统演示 · 由 驰旭教育 分享</footer><script src="js/main.js"></script></body></html>