r77/lot.html · 约 2207 字符
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,maximum-scale=1,user-scalable=no">
6<title>车位状态</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">车场管理员</div>
13 <div class="top-r">车位状态</div>
14 </header>
15 <main class="main">
16<div class="grid" style="margin-bottom:12px">
17 <div class="kpi"><div class="n">320</div><div class="l">总车位</div></div>
18 <div class="kpi"><div class="n">234</div><div class="l">已占用</div></div>
19 <div class="kpi"><div class="n">86</div><div class="l">空闲</div></div>
20 <div class="kpi"><div class="n">73%</div><div class="l">使用率</div></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span class="em">🅰️🅱️🅲️</span> 分区车位</div>
24 <div class="sgrid">
25 <div class="it"><span class="e">🅰️</span>空闲 42<div class="v">88%</div></div>
26 <div class="it"><span class="e">🅱️</span>空闲 31<div class="v">65%</div></div>
27 <div class="it"><span class="e">🅲️</span>空闲 13<div class="v">27%</div></div>
28 <div class="it"><span class="e">♿</span>残障 2<div class="v">1</div></div>
29 </div>
30</div>
31<div class="card">
32 <div class="sec-title"><span class="em">🚗</span> 最近入场</div>
33 <div class="line-row"><span class="plate">沪 A·8R26K</span><b>A 区 088</b></div>
34 <div class="line-row"><span class="plate">浙 B·3T91L</span><b>B 区 156</b></div>
35 <div class="line-row"><span class="plate">苏 E·7K20M</span><b>C 区 042</b></div>
36 <div class="line-row"><span class="plate">沪 C·5W88N</span><b>A 区 031</b></div>
37</div>
38<div class="card row"><div class="muted">⚠️ C 区空闲不足 15%，建议引导至 A 区</div><button class="btn sm">广播引导</button></div>
39</main>
40 <nav class="nav"><a class=" on" href="lot.html"><span class="ic">🚗</span>车位状态</a><a class="" href="rule.html"><span class="ic">🧾</span>计费规则</a><a class="" href="home.html"><span class="ic">🏠</span>首页</a></nav>
41</div>
42<script></script>
43</body>
44</html>