r40/rooms.html · 约 2094 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>考场管理</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">管理员端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13 <h1>考场管理</h1>
14 <div class="sub">系统管理员</div>
15</div>
16<div class="kpi" style="margin-top:12px">
17 <div class="box"><div class="num">8</div><div class="lab">考场总数</div></div>
18 <div class="box"><div class="num" style="color:var(--secondary)">480</div><div class="lab">总座位数</div></div>
19 <div class="box"><div class="num" style="color:var(--accent)">3</div><div class="lab">使用中</div></div>
20 <div class="box"><div class="num" style="color:var(--secondary)">1</div><div class="lab">在线考场</div></div>
21</div>
22<div class="list" style="margin-top:12px">
23 <div class="row"><div class="avatar">🖥️</div><div class="info"><div class="t">A301 第一机房</div><div class="s">60 座 · 多媒体 / 空调 / 监控</div></div><span class="tag gray">空闲</span></div>
24 <div class="row"><div class="avatar">🏛️</div><div class="info"><div class="t">B205 阶梯教室</div><div class="s">120 座 · 投影 / 音响</div></div><span class="tag ok">使用中</span></div>
25 <div class="row"><div class="avatar">☁️</div><div class="info"><div class="t">在线考场（云端）</div><div class="s">不限座位 · 远程监考 / 防切屏</div></div><span class="tag blue">可用</span></div>
26</div>
27<button class="btn full">+ 新增考场</button>
28<div class="bottom-nav"><a class="nav-item active" href="rooms.html"><span class="icon">🏫</span>考场</a><a class="nav-item" href="users.html"><span class="icon">👥</span>用户</a><a class="nav-item" href="arrange.html"><span class="icon">🗓️</span>安排</a></div><div class="safe-bottom"></div>
29</div>
30
31</body>
32</html>