wangjia/jiu
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 130 Wiki Activity

fix(web): 删除官网未实现功能描述，修正营销文案

Browse Source 
- approval.html: 删除红冲/Block 5 整块、移除调拨单引用、删除「允许超量出库」bullet、中性化「录错了不慌」场景
- inventory.html: 删除「库存预警推送/SMS」块、「过期预警」bullet、移除「v1.6.2 新增」标注
- index.njk: Hero 版本号改为动态、信任指标替换为真实数据、移动端功能列表去虚假功能

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-06-07 20:39:39 +08:00
parent 0c96d5e325
commit 46ef7db480
3 changed files with 58 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/features/approval.html
+12 -103
View File
@@ -682,7 +682,7 @@ button { font-family: inherit; cursor: pointer; }
}
/* ====================================================================
BLOCK 5: REVERSAL / RED-MARK
REVERSAL STYLES (unused, kept for possible future use)
==================================================================== */
.reversal-pair {
display: grid;
@@ -972,7 +972,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<p class="eyebrow">功能详情 · 审核驱动业务流</p>
<h1>每一笔库存变动，<br/>都经过一次<em>签字</em>。</h1>
<p class="lead">
入库、出库、盘点、调拨 —— 统一状态机，统一审批界面。审批不仅是一个按钮，是一笔事务：库存动了，账款也跟着动，全程留痕。
入库、出库、盘点 —— 统一状态机，统一审批界面。审批不仅是一个按钮，是一笔事务：库存动了，账款也跟着动，全程留痕。
</p>
<div class="actions">
<a href="#" class="btn btn-primary btn-lg">免费试用 30 天</a>
@@ -982,16 +982,16 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
</div>
<div class="quick-stats">
<div>
<div class="quick-stat-label">审批延迟</div>
<div class="quick-stat-val">≤ 1s</div>
<div class="quick-stat-label">单据类型</div>
<div class="quick-stat-val">3 种</div>
</div>
<div>
<div class="quick-stat-label">审计字段</div>
<div class="quick-stat-val">14</div>
<div class="quick-stat-label">操作留痕</div>
<div class="quick-stat-val">全程</div>
</div>
<div>
<div class="quick-stat-label">回滚机制</div>
<div class="quick-stat-val">红冲</div>
<div class="quick-stat-label">审批联动</div>
<div class="quick-stat-val">库存 + 账款</div>
</div>
</div>
</div>
@@ -1060,7 +1060,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-tag"><i data-lucide="git-branch" class="icon"></i>统一状态机</div>
<h2>四种状态，<br/>覆盖所有业务单据</h2>
<p class="lead">
入库、出库、盘点、调拨 —— 全部走同一套状态：草稿 → 待审核 → 已审批 / 已拒绝。员工学一次，全员通用。
入库、出库、盘点 —— 全部走同一套状态：草稿 → 待审核 → 已审批 / 已拒绝。员工学一次，全员通用。
</p>
<ul class="feat-bullets">
<li>
@@ -1080,7 +1080,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<li>
<i data-lucide="layers" class="icon"></i>
<div>
<strong>一套界面，四种单据复用</strong>
<strong>一套界面，三种单据复用</strong>
前端审批界面统一，节省培训成本，避免分模块状态差异。
</div>
</li>
@@ -1093,7 +1093,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="state-tab active">入库单</div>
<div class="state-tab">出库单</div>
<div class="state-tab">盘点单</div>
<div class="state-tab">调拨单</div>
</div>
<div class="state-machine-meta">stock_in_orders.status</div>
@@ -1143,7 +1142,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<span class="sm-applies-pill"><i data-lucide="package-plus" class="icon"></i>入库单</span>
<span class="sm-applies-pill"><i data-lucide="package-minus" class="icon"></i>出库单</span>
<span class="sm-applies-pill"><i data-lucide="clipboard-check" class="icon"></i>盘点单</span>
<span class="sm-applies-pill"><i data-lucide="arrow-right-left" class="icon"></i>调拨单</span>
</div>
</div>
</div>
@@ -1263,13 +1261,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
校验失败时单据状态回到「待审核」，无需重新录入。
</div>
</li>
<li>
<i data-lucide="settings-2" class="icon"></i>
<div>
<strong>可配置宽松模式</strong>
系统设置中可开启「允许超量出库」（备货场景使用），缺省关闭。
</div>
</li>
</ul>
</div>
@@ -1435,88 +1426,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
</div>
</section>
<!-- ============== BLOCK 5: Reversal ============== -->
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag" style="background: var(--accent-50); color: var(--accent-700);"><i data-lucide="undo" class="icon"></i>红冲机制</div>
<h2>审批不可撤销，<br/>但错误可以修正</h2>
<p class="lead">
审批一旦通过，原单据永远是历史的真实记录。如有错误，只能通过红冲（反向调整单）来修正 —— 既保留审计链，又能纠正库存与账款。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="archive" class="icon"></i>
<div>
<strong>原单不动</strong>
原始单据完整保留，不被覆盖、不被删除，永久可查。
</div>
</li>
<li>
<i data-lucide="rotate-ccw" class="icon"></i>
<div>
<strong>反向调整自动生成</strong>
点击「红冲」一键生成反向单据，数量取反、关联原单据 ID、状态自动进入「待审核」。
</div>
</li>
<li>
<i data-lucide="calculator" class="icon"></i>
<div>
<strong>净库存为零</strong>
红冲单审批通过后，库存与账款回到红冲前的状态，但审计链上多了两笔记录而非清除。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="reversal-pair">
<div class="reversal-doc original">
<div class="reversal-stamp-mini" style="color: var(--success-500); border-color: var(--success-500);">已审批</div>
<div class="reversal-doc-id">RK20260523000007</div>
<div class="reversal-doc-meta">2026-05-23 · 入库 · 茅台经销华东</div>
<div class="reversal-doc-row"><div>茅台飞天 53°</div><div>+4</div></div>
<div class="reversal-doc-row"><div>五粮液第八代</div><div>+20</div></div>
<div class="reversal-doc-row"><div>剑南春水晶剑</div><div>+2</div></div>
<div class="reversal-doc-row"><div>拉菲传奇</div><div>+10</div></div>
<div class="reversal-doc-foot"><div>合计</div><div>+36 · ¥48,400</div></div>
</div>
<div class="reversal-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>
<span class="reversal-arrow-label">红冲</span>
</div>
<div class="reversal-doc reversal">
<div class="reversal-stamp-mini">红 冲</div>
<div class="reversal-doc-id">RK20260524000001</div>
<div class="reversal-doc-meta">2026-05-24 · 反向调整 · 关联 ...000007</div>
<div class="reversal-doc-row"><div>茅台飞天 53°</div><div>−4</div></div>
<div class="reversal-doc-row"><div>五粮液第八代</div><div>−20</div></div>
<div class="reversal-doc-row"><div>剑南春水晶剑</div><div>−2</div></div>
<div class="reversal-doc-row"><div>拉菲传奇</div><div>−10</div></div>
<div class="reversal-doc-foot"><div>合计</div><div>−36 · −¥48,400</div></div>
</div>
</div>
<div class="reversal-net">
<div class="reversal-net-item">
<div class="reversal-net-label">原单库存影响</div>
<div class="reversal-net-val">+36 瓶</div>
</div>
<div class="reversal-net-item">
<div class="reversal-net-label">红冲库存影响</div>
<div class="reversal-net-val" style="color: #C97B86;">−36 瓶</div>
</div>
<div class="reversal-net-item">
<div class="reversal-net-label">净影响</div>
<div class="reversal-net-val" style="color: var(--success-500);">0</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 6: Permission matrix ============== -->
<section class="feat-block reverse">
<div class="container feat-block-inner">
@@ -1629,8 +1538,8 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="usecase-card">
<i data-lucide="rotate-ccw" class="icon"></i>
<h4>录错了不慌</h4>
<p>新员工录错入库单一次性多写了 10 瓶，审批通过后才发现。点击「红冲」，反向调整单一键生成，1 分钟修正库存与账款。</p>
<div class="quote">"原始数据保留，红冲也留痕，内审完全不会有问题。"</div>
<p>审批通过的单据不可撤销，但可补录一张方向相反的修正单提交审核，两笔记录都完整保留在审计链中，库存与账款同步修正。</p>
<div class="quote">"原始数据保留，修正也留痕，内审完全不会有问题。"</div>
</div>
</div>
</div>
web/features/inventory.html
+27 -52
View File
@@ -813,8 +813,8 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<!-- Floating alert card -->
<div class="composite-card composite-secondary">
<div class="alert-card-title" style="display: flex; align-items: center; gap: 6px;">
<i data-lucide="bell" class="icon" style="width: 12px; height: 12px; color: var(--warning-500);"></i>
库存预警
<i data-lucide="alert-triangle" class="icon" style="width: 12px; height: 12px; color: var(--warning-500);"></i>
低库存商品
</div>
<div class="alert-row danger">
<div class="name">轩尼诗 VSOP</div>
@@ -983,13 +983,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
出库时按"先进先出"自动从最早批次扣减，留下完整的批次→客户对应关系。
</div>
</li>
<li>
<i data-lucide="alert-circle" class="icon"></i>
<div>
<strong>过期预警</strong>
按生产日期 + 保质期推算，临近到期前自动标记。
</div>
</li>
<li>
<i data-lucide="qr-code" class="icon"></i>
<div>
@@ -1070,7 +1063,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<i data-lucide="warehouse" class="icon"></i>
<div>
<strong>跨多仓库联动</strong>
v1.6.2 新增 — 一次盘点可同步多仓库，避免分仓时数据不一致。
一次盘点可同步多仓库，避免分仓时数据不一致。
</div>
</li>
<li>
@@ -1167,7 +1160,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-tag"><i data-lucide="scroll-text" class="icon"></i>库存流水审计</div>
<h2>谁动了我的库存？<br/>每一次都查得清楚</h2>
<p class="lead">
所有库存变动都会自动写入流水表，包括入库、出库、盘点调整、单据红冲，附带时间戳与经办人。
所有库存变动都会自动写入流水表，包括入库、出库、盘点调整，附带时间戳与经办人。
</p>
<ul class="feat-bullets">
<li>
@@ -1247,31 +1240,31 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="bell" class="icon"></i>库存预警</div>
<h2>该补货之前，<br/>系统已经替你看见了</h2>
<div class="feat-tag"><i data-lucide="alert-triangle" class="icon"></i>库存状态</div>
<h2>一眼看出哪些商品<br/>需要补货</h2>
<p class="lead">
每个 SKU 都可单独设置安全库存阈值，触发即在 Web 与移动端同步推送，永远不会错过补货时机。
为每件商品设置最低库存量，系统根据当前库存自动标记「充足 / 偏低 / 告急」，无需手工比对。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="sliders-horizontal" class="icon"></i>
<div>
<strong>按 SKU 灵活配置</strong>
热销商品阈值高，冷门商品阈值低 — 不需要一刀切。
<strong>按 SKU 设置最低库存</strong>
热销商品阈值高，冷门商品阈值低 — 每件单独配置。
</div>
</li>
<li>
<i data-lucide="bell-ring" class="icon"></i>
<i data-lucide="list-filter" class="icon"></i>
<div>
<strong>多渠道通知</strong>
Web 顶栏、移动 App 推送、可选邮件 / 短信通知。
<strong>库存列表一目了然</strong>
库存状态标签跟随列表显示，随时筛选「偏低」「告急」的 SKU。
</div>
</li>
<li>
<i data-lucide="trending-up" class="icon"></i>
<i data-lucide="qr-code" class="icon"></i>
<div>
<strong>智能补货建议</strong>
基于近 30 天销售速率 × 补货周期，给出建议补货量。<small style="color: var(--brand-500);">v1.7 Beta</small>
<strong>商品二维码防伪</strong>
每件商品生成专属二维码，顾客扫码即可查看批次与防伪信息。
</div>
</li>
</ul>
@@ -1279,38 +1272,20 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-visual">
<div class="alert-config-card">
<h4>预警阈值 · 茅台飞天 53°</h4>
<p class="sub">当库存低于阈值时，自动推送给指定操作员。</p>
<div class="threshold-bar">
<div class="threshold-track"></div>
<div class="threshold-marker" style="left: 30%;"></div>
<div class="threshold-tick" style="left: 0%;">0</div>
<div class="threshold-tick" style="left: 18%;">20</div>
<div class="threshold-tick" style="left: 42%;">50</div>
<div class="threshold-tick" style="left: 100%;">200</div>
<div class="threshold-label" style="left: 9%; color: var(--danger-700);">告急</div>
<div class="threshold-label" style="left: 30%; color: var(--warning-700);">偏低</div>
<div class="threshold-label" style="left: 70%; color: var(--success-700);">充足</div>
</div>
<div style="display: flex; justify-content: space-between; align-items: center; margin: 16px 0 8px;">
<span style="font-size: 13px; color: var(--gray-700);">当前阈值</span>
<span style="font-family: var(--font-mono); font-size: 18px; font-weight: 600; color: var(--brand-700);">35 瓶</span>
</div>
<div class="alert-rules">
<div class="alert-rule">
<div>低于 <strong>50 瓶</strong> · 推送给 <strong>张磊（仓储）</strong></div>
<div class="switch"></div>
<h4>库存状态一览</h4>
<p class="sub">基于最低库存量 (min_stock) 自动标记状态。</p>
<div style="display:flex;flex-direction:column;gap:10px;margin-top:12px;">
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">茅台飞天 53°</span>
<span style="font-size:12px;color:var(--success-700);background:var(--success-50);padding:2px 10px;border-radius:20px;font-weight:600;">充足</span>
</div>
<div class="alert-rule">
<div>低于 <strong>20 瓶</strong> · 短信通知 <strong>李建国（采购）</strong></div>
<div class="switch"></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">剑南春水晶剑</span>
<span style="font-size:12px;color:var(--warning-700);background:var(--warning-50);padding:2px 10px;border-radius:20px;font-weight:600;">偏低</span>
</div>
<div class="alert-rule">
<div>临近过期 <strong>30 天</strong> · 邮件提醒</div>
<div class="switch off"></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">轩尼诗 VSOP</span>
<span style="font-size:12px;color:var(--danger-700);background:var(--danger-50);padding:2px 10px;border-radius:20px;font-weight:600;">告急</span>
</div>
</div>
</div>