feat：增强模板的用户界面和功能

- 在 scanner.js 中为用户操作添加了 toast 通知。 - 更新 box.html 以包含额外的导航选项和改进的布局。 - 增强 edit.html，提供更清晰的说明和改进表单的可访问性。 - 修改了 error.html，以提供有关输入错误的用户指导。 - 改进了 index.html，以优化导航并添加了关键指标显示。 - 增强了 scan.html，优化了搜索输入和操作按钮。 - 引入了 stats.html，用于详细的库存统计和趋势。 - 创建了 types.html，用于分类概述库存类型。
2026-03-10 01:34:02 +08:00
parent 859f92cdf0
commit 0a54bfd5aa
11 changed files with 2255 additions and 258 deletions
--- a/templates/types.html
+++ b/templates/types.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>分类总览</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+</head>
+<body>
+    <header class="hero">
+        <div>
+            <h1>分类总览</h1>
+            <p>将容器拆分为独立界面，避免长页面翻找</p>
+        </div>
+        <div class="hero-actions">
+            <a class="btn btn-light" href="{{ url_for('stats_page') }}">统计页</a>
+            <a class="btn" href="{{ url_for('scan_page') }}">扫码/搜索</a>
+        </div>
+    </header>
+
+    <main class="container">
+        <section class="metrics-grid">
+            {% for item in type_cards %}
+            <article class="metric-card type-card">
+                <p class="metric-title">{{ item.label }}</p>
+                <p class="metric-value">{{ item.count }}</p>
+                <p class="hint">{{ item.desc }}</p>
+                <a class="btn" href="{{ item.url }}">进入分类</a>
+            </article>
+            {% endfor %}
+        </section>
+    </main>
+</body>
+</html>