r98/stock.html · 约 4005 字符
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">8</div><div class="l">在库品类</div></div>
18 <div class="kpi"><div class="n">941</div><div class="l">库存总件数</div></div>
19 <div class="kpi"><div class="n">2</div><div class="l">预警品类</div></div>
20 <div class="kpi"><div class="n">3</div><div class="l">待补货</div></div>
21</div>
22<div class="card">
23 <div class="sec-title"><span>🚨</span> 库存预警</div>
24 <div class="list"><div class="ico">🖨️</div><div class="info"><div class="nm">硒鼓（彩色）</div><div class="sub">库存 2 个 · 阈值 5 · 建议采购</div></div><span class="badge b-danger">紧缺</span></div>
25 <div class="list"><div class="ico">🔖</div><div class="info"><div class="nm">订书机</div><div class="sub">库存 18 个 · 阈值 15 · 接近下限</div></div><span class="badge b-warn">偏低</span></div>
26</div>
27<div class="card">
28 <div class="sec-title"><span>📦</span> 库存明细</div>
29 <div class="list"><div class="ico">🖊️</div><div class="info"><div class="nm">中性笔（黑）</div><div class="sub">书写文具 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">240</b><div class="muted">支</div></div></div><div class="list"><div class="ico">📄</div><div class="info"><div class="nm">A4 打印纸</div><div class="sub">纸张耗材 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">86</b><div class="muted">包</div></div></div><div class="list"><div class="ico">📁</div><div class="info"><div class="nm">文件夹（双夹）</div><div class="sub">收纳用品 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">53</b><div class="muted">个</div></div></div><div class="list"><div class="ico">📎</div><div class="info"><div class="nm">回形针</div><div class="sub">办公耗材 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">320</b><div class="muted">盒</div></div></div><div class="list"><div class="ico">🧮</div><div class="info"><div class="nm">桌面计算器</div><div class="sub">办公设备 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">12</b><div class="muted">台</div></div></div><div class="list"><div class="ico">📝</div><div class="info"><div class="nm">便利贴</div><div class="sub">书写文具 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">180</b><div class="muted">本</div></div></div><div class="list"><div class="ico">🔖</div><div class="info"><div class="nm">订书机</div><div class="sub">办公设备 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">18</b><div class="muted">个</div></div></div><div class="list"><div class="ico">🖨️</div><div class="info"><div class="nm">硒鼓（彩色）</div><div class="sub">耗材配件 · 阈值 10</div></div><div style="text-align:right"><b style="color:#fff;font-size:15px">2</b><div class="muted">个</div></div></div>
30</div>
31</main>
32 <nav class="nav"><a class="" href="approve.html"><span class="ic">✅</span>审批</a><a class=" on" href="stock.html"><span class="ic">📦</span>库存</a><a class="" href="stock_in.html"><span class="ic">🚚</span>入库</a><a class="" href="stats.html"><span class="ic">📊</span>报表</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
33</div>
34<script></script>
35</body>
36</html>