feat：增强模板的用户界面和功能
- 在 scanner.js 中为用户操作添加了 toast 通知。 - 更新 box.html 以包含额外的导航选项和改进的布局。 - 增强 edit.html，提供更清晰的说明和改进表单的可访问性。 - 修改了 error.html，以提供有关输入错误的用户指导。 - 改进了 index.html，以优化导航并添加了关键指标显示。 - 增强了 scan.html，优化了搜索输入和操作按钮。 - 引入了 stats.html，用于详细的库存统计和趋势。 - 创建了 types.html，用于分类概述库存类型。
This commit is contained in:
@@ -8,8 +8,14 @@
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero slim">
|
||||
<h1>{{ box.name }} - 编号 {{ slot_code }}</h1>
|
||||
<a class="btn btn-light" href="{{ url_for('view_box', box_id=box.id) }}">返回宫格</a>
|
||||
<div>
|
||||
<h1>{{ box.name }} - 编号 {{ slot_code }}</h1>
|
||||
<p>步骤: 填写核心字段 -> 检查数量 -> 保存</p>
|
||||
</div>
|
||||
<div class="hero-actions">
|
||||
<a class="btn btn-light" href="{{ url_for('stats_page') }}">统计页</a>
|
||||
<a class="btn btn-light" href="{{ url_for('view_box', box_id=box.id) }}">返回宫格</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
@@ -17,48 +23,61 @@
|
||||
<p class="alert">{{ error }}</p>
|
||||
{% endif %}
|
||||
|
||||
<form class="panel form-grid" method="post">
|
||||
<label>
|
||||
料号 *
|
||||
<input type="text" name="part_no" required value="{{ component.part_no if component else '' }}">
|
||||
</label>
|
||||
<label>
|
||||
名称 *
|
||||
<input type="text" name="name" required value="{{ component.name if component else '' }}">
|
||||
</label>
|
||||
<label>
|
||||
规格
|
||||
<input type="text" name="specification" value="{{ component.specification if component else '' }}">
|
||||
</label>
|
||||
<label>
|
||||
数量
|
||||
<input type="number" name="quantity" min="0" value="{{ component.quantity if component else 0 }}">
|
||||
</label>
|
||||
<label>
|
||||
位置备注
|
||||
<input type="text" name="location" value="{{ component.location if component else '' }}">
|
||||
</label>
|
||||
<label class="full">
|
||||
<input type="checkbox" name="is_enabled" value="1" {% if component is none or component.is_enabled %}checked{% endif %}>
|
||||
启用该位
|
||||
</label>
|
||||
<label class="full">
|
||||
备注
|
||||
<textarea name="note" rows="3">{{ component.note if component else '' }}</textarea>
|
||||
</label>
|
||||
<div class="entry-shell">
|
||||
<section class="entry-main">
|
||||
<form class="panel form-grid" method="post">
|
||||
<label>
|
||||
料号 *
|
||||
<input type="text" name="part_no" required value="{{ component.part_no if component else '' }}" aria-label="料号" placeholder="如 STM32F103C8T6">
|
||||
</label>
|
||||
<label>
|
||||
名称 *
|
||||
<input type="text" name="name" required value="{{ component.name if component else '' }}" aria-label="名称" placeholder="如 MCU STM32F103C8T6">
|
||||
</label>
|
||||
<label>
|
||||
规格
|
||||
<input type="text" name="specification" value="{{ component.specification if component else '' }}" placeholder="如 Cortex-M3 / LQFP-48">
|
||||
</label>
|
||||
<label>
|
||||
数量
|
||||
<input type="number" name="quantity" min="0" value="{{ component.quantity if component else 0 }}">
|
||||
</label>
|
||||
<label class="full">
|
||||
备注
|
||||
<textarea name="note" rows="3" placeholder="如 LCSC item 9243">{{ component.note if component else '' }}</textarea>
|
||||
</label>
|
||||
|
||||
<div class="actions full">
|
||||
<button class="btn" type="submit" name="action" value="save">保存</button>
|
||||
{% if component %}
|
||||
{% if component.is_enabled %}
|
||||
<button class="btn btn-light" type="submit" name="action" value="toggle_disable">停用</button>
|
||||
{% else %}
|
||||
<button class="btn btn-light" type="submit" name="action" value="toggle_enable">启用</button>
|
||||
{% endif %}
|
||||
<button class="btn btn-danger" type="submit" name="action" value="delete" onclick="return confirm('确认清空该格子吗?')">删除</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
<div class="actions full">
|
||||
<button class="btn" type="submit" name="action" value="save">保存</button>
|
||||
{% if component %}
|
||||
{% if component.is_enabled %}
|
||||
<button class="btn btn-light" type="submit" name="action" value="toggle_disable">停用</button>
|
||||
{% else %}
|
||||
<button class="btn btn-light" type="submit" name="action" value="toggle_enable">启用</button>
|
||||
{% endif %}
|
||||
<button class="btn btn-danger" type="submit" name="action" value="delete" onclick="return confirm('确认删除这个元件记录吗？')">删除</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<aside class="entry-sidebar">
|
||||
<section class="panel entry-guide">
|
||||
<h2>轻量入库规范</h2>
|
||||
<p class="hint">先保证可检索，再补充关键参数，不追求一次填很全。</p>
|
||||
<ul class="guide-list">
|
||||
<li>必填: 料号(part_no) + 名称(name) + 数量(quantity)</li>
|
||||
<li>建议: 规格(specification)写 2-4 个关键参数</li>
|
||||
<li>备注(note): 来源编号或链接，如 LCSC item 9243</li>
|
||||
</ul>
|
||||
<pre class="guide-code">料号: STM32F103C8T6
|
||||
名称: MCU STM32F103C8T6
|
||||
规格: Cortex-M3 / 64KB Flash / LQFP-48
|
||||
数量: 10
|
||||
备注: LCSC item 9243</pre>
|
||||
</section>
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user