Files
jiu/web/dist/features/inventory.html
T
wangjia aa7099ba94 feat(devops): 发版拆分为 client/site/server 三条独立流水线
将单一 CI/CD 流水线拆成三条互不影响的发布流水线,各有 tag 前缀、独立版本
序列与独立 CHANGELOG:

- client(client-v*):Flutter 全平台 + version.yaml 自更新清单
- site(site-v*):web/ Eleventy 营销站,不含 web 版 app
- server(server-v*):backend Go 服务 + 共享基建 nginx/systemd

新增 3 个 workflow(deploy-client/site/server.yml)替换 deploy.yml;CI 脚本
按 part 拆分为 compile-/release-/deploy-{client,site,server}.sh,抽出公共函数
lib-forgejo.sh;compile-{macos,android,ios,windows}.sh 改去 client-v 前缀;
manual.yml 按前缀路由回滚。

跨流水线解耦:version.yaml 归 client,后端每请求实时读取(不重启、不触发
server 流水线);官网下载页的版本徽章/下载链接/更新日志时间线运行时经
/api/v1/public/release 动态拉取(API 不可达回退构建时静态内容)。为此一次性
扩展后端 changelog 字段(version.go/public.go)与 download.njk 动态渲染。

CHANGELOG.md 重命名为 CHANGELOG-client.md,新增 CHANGELOG-site/server.md;
重写 /release 命令为 /release <part> [version];同步更新 CLAUDE.md 与部署文档。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 08:21:28 +08:00

757 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light" />
<title>库存管理 · 岩美酒库管理系统</title>
<meta name="description" content="岩美酒库管理系统库存管理功能:实时库存查询、批次追踪、全仓盘点、库存流水审计。" />
<link rel="stylesheet" href="/assets/color.css" />
<link rel="stylesheet" href="/assets/style.css" />
<link rel="stylesheet" href="/assets/features-inventory.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<script src="https://unpkg.com/lucide@0.469.0/dist/umd/lucide.min.js"></script>
</head>
<body>
<nav class="topnav">
<div class="topnav-inner">
<a href="/" class="topnav-brand">
<img src="/assets/logo-full.svg" alt="岩美" />
</a>
<div class="topnav-links">
<a href="/#modules">产品</a>
<a href="/features/inventory.html">库存</a>
<a href="/features/approval.html">审核流</a>
<a href="/#pricing">价格</a>
<a href="/download/">下载</a>
<a href="/docs/">文档</a>
<a href="/#faq">支持</a>
</div>
<div class="topnav-cta" id="nav-cta">
<a href="/register/" class="btn btn-primary btn-sm">注册门店</a>
</div>
<button class="nav-hamburger" id="nav-hamburger" aria-label="菜单" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
<div class="nav-mobile-menu" id="nav-mobile-menu">
<a href="/#modules">产品</a>
<a href="/features/inventory.html">库存管理</a>
<a href="/features/approval.html">审核流</a>
<a href="/#pricing">价格</a>
<a href="/download/">下载</a>
<a href="/docs/">文档</a>
<a href="/#faq">支持</a>
<div class="nav-mobile-cta" id="nav-mobile-cta">
<a href="/register/" class="btn btn-primary">注册门店</a>
</div>
</div>
</nav>
<!-- ============== HERO ============== -->
<section class="feat-hero">
<div class="container feat-hero-inner">
<div>
<div class="feat-breadcrumb">
<a href="/">首页</a>
<i data-lucide="chevron-right" class="icon"></i>
<a href="/#modules">产品功能</a>
<i data-lucide="chevron-right" class="icon"></i>
<span style="color: var(--gray-900); font-weight: 500;">库存管理</span>
</div>
<p class="eyebrow">功能详情 · 库存管理</p>
<h1>实时库存,<br/>跨多仓追溯每一瓶酒。</h1>
<p class="lead">
从入库到售出,每一次库存变动都有记录、可追溯、可回放。多仓库统一管理、批次级追踪、账实差异自动核算 — 不止是库存表。
</p>
<div class="actions">
<a href="#" class="btn btn-primary btn-lg">免费试用 30 天</a>
<a href="/docs/" class="btn btn-secondary btn-lg">
<i data-lucide="book-open" class="icon"></i>查看文档
</a>
</div>
<div class="quick-stats">
<div>
<div class="quick-stat-label">SKU 上限</div>
<div class="quick-stat-val">无限</div>
</div>
<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>
</div>
</div>
<div class="composite">
<!-- Main inventory card -->
<div class="composite-card composite-main">
<div class="mc-head">
<div class="mc-title">库存列表 · A 仓</div>
<div class="mc-tabs">
<div class="mc-tab active">列表</div>
<div class="mc-tab">流水</div>
<div class="mc-tab">盘点</div>
</div>
</div>
<div class="mc-stats">
<div>
<div class="mc-stat-label">库存总量</div>
<div class="mc-stat-val">2,816<span class="delta">↑ 4.2%</span></div>
</div>
<div>
<div class="mc-stat-label">库存金额</div>
<div class="mc-stat-val">¥486K<span class="delta">↑ 2.8%</span></div>
</div>
<div>
<div class="mc-stat-label">预警 SKU</div>
<div class="mc-stat-val" style="color: var(--warning-500);">7</div>
</div>
</div>
<div class="mc-table">
<div class="mc-thead">
<div>SKU</div><div>商品</div><div>仓库</div><div>库存</div><div>批次</div><div>状态</div>
</div>
<div class="mc-trow">
<div class="sku">WT-501-006</div>
<div>茅台飞天 53°</div>
<div>A 仓</div>
<div>148</div>
<div>L-2026-04</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="mc-trow">
<div class="sku">XJ-468-001</div>
<div>五粮液第八代</div>
<div>A 仓</div>
<div>92</div>
<div>L-2026-03</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="mc-trow">
<div class="sku">XJ-330-024</div>
<div>剑南春水晶剑</div>
<div>B 仓</div>
<div style="color: var(--warning-700); font-weight: 500;">12</div>
<div>L-2026-02</div>
<div><span class="mc-pill warn">偏低</span></div>
</div>
<div class="mc-trow">
<div class="sku">PJ-750-012</div>
<div>拉菲传奇波尔多</div>
<div>A 仓</div>
<div>64</div>
<div>L-2026-05</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="mc-trow">
<div class="sku">PJ-700-008</div>
<div>轩尼诗 VSOP</div>
<div>B 仓</div>
<div style="color: var(--danger-700); font-weight: 500;">3</div>
<div>L-2026-01</div>
<div><span class="mc-pill low">告急</span></div>
</div>
</div>
</div>
<!-- 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="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>
<div class="qty">仅 3 瓶</div>
</div>
<div class="alert-row">
<div class="name">剑南春水晶剑</div>
<div class="qty">12 瓶</div>
</div>
<div class="alert-row">
<div class="name">人头马 X.O</div>
<div class="qty">8 瓶</div>
</div>
<div style="text-align: right; margin-top: 8px; font-size: 11px;">
<a href="#" style="color: var(--brand-500);">查看全部 7 条 →</a>
</div>
</div>
<!-- Floating batch card -->
<div class="composite-card composite-tertiary">
<div class="batch-title">
<i data-lucide="layers" class="icon"></i>
批次追踪 · L-2026-05
</div>
<div class="batch-row">
<div class="lot">入库 04-28</div>
<div>初始 50 瓶</div>
<div class="meta">A 仓</div>
<div>+50</div>
</div>
<div class="batch-row">
<div class="lot">出库 05-12</div>
<div>客户 · 春和宴</div>
<div class="meta">8 瓶</div>
<div>-8</div>
</div>
<div class="batch-row">
<div class="lot">出库 05-19</div>
<div>客户 · 北辰大酒店</div>
<div class="meta">12 瓶</div>
<div>-12</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 1: Real-time inventory ============== -->
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="layout-list" class="icon"></i>实时库存查询</div>
<h2>不止是库存表,是一个可筛选的工作面板</h2>
<p class="lead">
库存数据自动跟随入库、出库、盘点变动 — 每一次写入都是一次事务,不存在「待同步」状态。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="filter" class="icon"></i>
<div>
<strong>多维筛选与列控制</strong>
按仓库、商品系列、库存状态、批次任意组合筛选,列可隐藏或重排。
</div>
</li>
<li>
<i data-lucide="search" class="icon"></i>
<div>
<strong>模糊搜索与拼音匹配</strong>
支持商品名、SKU、拼音首字母混合搜索,与你输入"飞天"同等结果。
</div>
</li>
<li>
<i data-lucide="pencil-line" class="icon"></i>
<div>
<strong>行内编辑备注</strong>
点击「备注」列即可弹出编辑框,不必进入详情页改字段。
</div>
</li>
<li>
<i data-lucide="file-spreadsheet" class="icon"></i>
<div>
<strong>一键导出 Excel</strong>
筛选后的视图与数据一同导出,可直接发给会计、税务。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="visual-card">
<div class="visual-card-head">
<div class="visual-card-title">库存列表 · 全部仓库</div>
<div class="visual-card-meta">共 2,816 瓶 · ¥486,290</div>
</div>
<div class="inv-table">
<div class="inv-table-row head">
<div>SKU</div><div>商品名称 / 规格</div><div>仓库</div><div>库存</div><div>金额</div><div>状态</div>
</div>
<div class="inv-table-row">
<div class="sku">WT-501-006</div>
<div class="name">茅台飞天 53°<small>500ml×6 · L-2026-04</small></div>
<div>A 仓</div>
<div>148</div>
<div>¥298,400</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="inv-table-row">
<div class="sku">XJ-468-001</div>
<div class="name">五粮液第八代 52°<small>500ml · L-2026-03</small></div>
<div>A 仓</div>
<div>92</div>
<div>¥92,920</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="inv-table-row">
<div class="sku">XJ-330-024</div>
<div class="name">剑南春水晶剑 52°<small>500ml×6 · L-2026-02</small></div>
<div>B 仓</div>
<div style="color: var(--warning-700); font-weight: 500;">12</div>
<div>¥4,560</div>
<div><span class="mc-pill warn">偏低</span></div>
</div>
<div class="inv-table-row">
<div class="sku">PJ-750-012</div>
<div class="name">拉菲传奇波尔多<small>750ml · L-2026-05</small></div>
<div>A 仓</div>
<div>64</div>
<div>¥18,560</div>
<div><span class="mc-pill ok">充足</span></div>
</div>
<div class="inv-table-row">
<div class="sku">PJ-700-008</div>
<div class="name">轩尼诗 VSOP<small>700ml · L-2026-01</small></div>
<div>B 仓</div>
<div style="color: var(--danger-700); font-weight: 500;">3</div>
<div>¥1,770</div>
<div><span class="mc-pill low">告急</span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 2: Batch tracking ============== -->
<section class="feat-block reverse">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="layers" class="icon"></i>批次追踪</div>
<h2>每一批货的命运,<br/>都可以回放给你看</h2>
<p class="lead">
每张审批通过的入库单都会自动形成一个独立批次,可追踪其后续被谁出库、剩余多少、还在哪个仓库。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="git-branch" class="icon"></i>
<div>
<strong>批次自动生成</strong>
入库审批通过即建立批次,无需手动维护。
</div>
</li>
<li>
<i data-lucide="map-pin" class="icon"></i>
<div>
<strong>逐瓶溯源</strong>
出库时按"先进先出"自动从最早批次扣减,留下完整的批次→客户对应关系。
</div>
</li>
<li>
<i data-lucide="qr-code" class="icon"></i>
<div>
<strong>标签二维码</strong>
每个批次都可打印含二维码的标签,扫码即查批次详情。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="batch-journey">
<div class="batch-journey-head">
<div class="bj-meta-main">
<div class="bj-lot">L-2026-05</div>
<div class="bj-product">茅台飞天 53°<small>500ml×6 · A 仓</small></div>
</div>
<div class="bj-totals">
<div class="bj-total-row">初始入库 <strong>50 瓶</strong></div>
<div class="bj-total-row">累计出库 <strong style="color: var(--accent-500);">20 瓶</strong></div>
<div class="bj-total-row">剩余 <strong style="color: var(--success-700);">30 瓶</strong></div>
</div>
</div>
<div class="bj-progress">
<div class="bj-progress-bar" style="width: 60%;"></div>
</div>
<div class="bj-progress-labels">
<span>已出库 60%</span>
<span>40% 库存</span>
</div>
<div class="bj-timeline">
<div class="bj-event stockin">
<div class="bj-event-dot"></div>
<div class="bj-event-date">2026-04-28</div>
<div class="bj-event-desc">入库 · 供应商 茅台经销华东<small>经办人:李建国</small></div>
<div class="bj-event-qty">+50</div>
<div class="bj-event-doc">RK0007</div>
</div>
<div class="bj-event stockout">
<div class="bj-event-dot"></div>
<div class="bj-event-date">2026-05-12</div>
<div class="bj-event-desc">出库 · 客户 春和宴酒楼<small>经办人:王芳</small></div>
<div class="bj-event-qty">8</div>
<div class="bj-event-doc">CK0034</div>
</div>
<div class="bj-event stockout">
<div class="bj-event-dot"></div>
<div class="bj-event-date">2026-05-19</div>
<div class="bj-event-desc">出库 · 客户 北辰大酒店<small>经办人:王芳</small></div>
<div class="bj-event-qty">12</div>
<div class="bj-event-doc">CK0041</div>
</div>
<div class="bj-event">
<div class="bj-event-dot"></div>
<div class="bj-event-date">— 当前 —</div>
<div class="bj-event-desc" style="color: var(--gray-900); font-weight: 500;">剩余 30 瓶<small>预计 6 月底前售完</small></div>
<div class="bj-event-qty" style="color: var(--brand-700);">30</div>
<div class="bj-event-doc"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 3: Stocktake ============== -->
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="clipboard-check" class="icon"></i>全仓盘点</div>
<h2>账面 vs 实际,差异一目了然</h2>
<p class="lead">
逐 SKU 录入实盘数量,系统自动核算账实差异、损耗金额,并一键转为盘亏调整单。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="warehouse" class="icon"></i>
<div>
<strong>跨多仓库联动</strong>
一次盘点可同步多仓库,避免分仓时数据不一致。
</div>
</li>
<li>
<i data-lucide="calculator" class="icon"></i>
<div>
<strong>差异自动核算</strong>
实盘填好后立即显示账面、实际、差异数量与金额。
</div>
</li>
<li>
<i data-lucide="history" class="icon"></i>
<div>
<strong>历史盘点对比</strong>
可对比上一次盘点结果,识别长期偏差最大的 SKU。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="stocktake-table">
<div class="st-summary">
<div class="st-summary-item">
<div class="label">盘点商品</div>
<div class="val">128</div>
</div>
<div class="st-summary-item">
<div class="label">账面合计</div>
<div class="val">2,816</div>
</div>
<div class="st-summary-item">
<div class="label">实际合计</div>
<div class="val">2,808</div>
</div>
<div class="st-summary-item">
<div class="label">损耗金额</div>
<div class="val neg">−¥6,840</div>
</div>
</div>
<div class="st-row head">
<div>商品</div><div>账面</div><div>实际</div><div>差异</div><div>损耗</div>
</div>
<div class="st-row">
<div style="text-align: left;">茅台飞天 53° · 500ml×6</div>
<div>148</div>
<div>148</div>
<div><span class="diff-pill zero">0</span></div>
<div></div>
</div>
<div class="st-row">
<div style="text-align: left;">五粮液第八代 52° · 500ml</div>
<div>92</div>
<div>90</div>
<div><span class="diff-pill neg">2</span></div>
<div style="color: var(--danger-700);">−¥2,020</div>
</div>
<div class="st-row">
<div style="text-align: left;">剑南春水晶剑 52° · 500ml×6</div>
<div>12</div>
<div>12</div>
<div><span class="diff-pill zero">0</span></div>
<div></div>
</div>
<div class="st-row">
<div style="text-align: left;">拉菲传奇波尔多 · 750ml</div>
<div>64</div>
<div>60</div>
<div><span class="diff-pill neg">4</span></div>
<div style="color: var(--danger-700);">−¥1,160</div>
</div>
<div class="st-row">
<div style="text-align: left;">轩尼诗 VSOP · 700ml</div>
<div>3</div>
<div>3</div>
<div><span class="diff-pill zero">0</span></div>
<div></div>
</div>
<div class="st-row">
<div style="text-align: left;">人头马 X.O · 700ml</div>
<div>40</div>
<div>38</div>
<div><span class="diff-pill neg">2</span></div>
<div style="color: var(--danger-700);">−¥3,660</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 4: Inventory logs ============== -->
<section class="feat-block reverse">
<div class="container feat-block-inner">
<div class="feat-text">
<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>
<i data-lucide="filter" class="icon"></i>
<div>
<strong>按类型 / 时间 / SKU 任意筛选</strong>
排查异常时可秒级定位。
</div>
</li>
<li>
<i data-lucide="link" class="icon"></i>
<div>
<strong>关联原单据</strong>
每条流水都关联到对应入库单 / 出库单 / 盘点单,一键跳转。
</div>
</li>
<li>
<i data-lucide="hard-drive" class="icon"></i>
<div>
<strong>永久保留</strong>
流水数据永不自动清除,满足审计与合规要求。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="log-card">
<div class="log-toolbar">
<span class="log-filter-pill active">全部类型</span>
<span class="log-filter-pill"><i data-lucide="plus" class="icon"></i>入库</span>
<span class="log-filter-pill"><i data-lucide="minus" class="icon"></i>出库</span>
<span class="log-filter-pill"><i data-lucide="clipboard" class="icon"></i>盘点</span>
<span style="margin-left: auto;">本月 · 共 1,284 条</span>
</div>
<div class="log-row">
<div class="log-time">05-23 14:32</div>
<div><span class="log-type-pill in">入库</span></div>
<div class="log-desc">茅台飞天 53° · 500ml×6<small>RK20260523000007 · A 仓</small></div>
<div class="log-qty in">+4</div>
<div class="log-op">李建国</div>
</div>
<div class="log-row">
<div class="log-time">05-23 11:48</div>
<div><span class="log-type-pill out">出库</span></div>
<div class="log-desc">五粮液第八代 52°<small>CK20260523000012 · 客户 春和宴</small></div>
<div class="log-qty out">6</div>
<div class="log-op">王芳</div>
</div>
<div class="log-row">
<div class="log-time">05-23 10:15</div>
<div><span class="log-type-pill check">盘点</span></div>
<div class="log-desc">拉菲传奇波尔多<small>PD20260523001 · 账实差异</small></div>
<div class="log-qty out">2</div>
<div class="log-op">张磊</div>
</div>
<div class="log-row">
<div class="log-time">05-22 17:20</div>
<div><span class="log-type-pill out">出库</span></div>
<div class="log-desc">人头马 X.O · 700ml<small>CK20260522000008 · 客户 北辰</small></div>
<div class="log-qty out">2</div>
<div class="log-op">王芳</div>
</div>
<div class="log-row">
<div class="log-time">05-22 14:08</div>
<div><span class="log-type-pill in">入库</span></div>
<div class="log-desc">轩尼诗 VSOP · 700ml<small>RK20260522000005 · B 仓</small></div>
<div class="log-qty in">+24</div>
<div class="log-op">李建国</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 5: Alerts ============== -->
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="alert-triangle" class="icon"></i>库存状态</div>
<h2>一眼看出哪些商品<br/>需要补货</h2>
<p class="lead">
为每件商品设置最低库存量,系统根据当前库存自动标记「充足 / 偏低 / 告急」,无需手工比对。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="sliders-horizontal" class="icon"></i>
<div>
<strong>按 SKU 设置最低库存</strong>
热销商品阈值高,冷门商品阈值低 — 每件单独配置。
</div>
</li>
<li>
<i data-lucide="list-filter" class="icon"></i>
<div>
<strong>库存列表一目了然</strong>
库存状态标签跟随列表显示,随时筛选「偏低」「告急」的 SKU。
</div>
</li>
<li>
<i data-lucide="qr-code" class="icon"></i>
<div>
<strong>商品二维码防伪</strong>
每件商品生成专属二维码,顾客扫码即可查看批次与防伪信息。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="alert-config-card">
<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 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 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>
</div>
</div>
</section>
<!-- ============== Use cases ============== -->
<section class="section" style="background: var(--bg-surface); border-bottom: 1px solid var(--border-subtle);">
<div class="container">
<p class="eyebrow">典型场景</p>
<h2 style="font-size: 36px; font-weight: 600; color: var(--brand-900); margin: 0 0 12px; letter-spacing: var(--tracking-cn-display);">
库存管理,落到实际操作里是什么样
</h2>
<p style="font-size: var(--text-lg); color: var(--fg-muted); max-width: 640px; margin: 0;">
三个常见门店场景,看库存管理如何省下你每天的时间。
</p>
<div class="usecases-grid">
<div class="usecase-card">
<i data-lucide="package-search" class="icon"></i>
<h4>客户来取货前,先看一眼批次</h4>
<p>客户要 12 瓶飞天,先在批次追踪里看哪一批快到期;优先发出旧批次,新批次留着。</p>
</div>
<div class="usecase-card">
<i data-lucide="calendar-check-2" class="icon"></i>
<h4>月底盘点,2 小时变 30 分钟</h4>
<p>用移动端扫码逐瓶录入,系统对比账面 → 实时显示差异。损耗自动转入应付,不用再算。</p>
</div>
<div class="usecase-card">
<i data-lucide="file-check-2" class="icon"></i>
<h4>财务来问"这瓶怎么少了",3 秒回答</h4>
<p>打开库存流水,按 SKU 筛选,全部入库、出库、盘点变动一目了然,每条都关联到原始单据。</p>
</div>
</div>
</div>
</section>
<!-- ============== Final CTA ============== -->
<section>
<div class="container" style="padding-top: 80px;">
<div class="cta-strip">
<div>
<h2>试试看你今天的库存有几瓶。</h2>
<p>30 天免费试用,无需绑定支付。所有数据云端实时备份,可随时导出。</p>
</div>
<div class="cta-strip-actions">
<a href="/register/" class="btn btn-primary btn-lg">
免费开通试用<i data-lucide="arrow-right" class="icon"></i>
</a>
<a href="/features/approval.html" class="btn btn-secondary btn-lg">
下一个功能:审核流 →
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<img src="/assets/logo-full.svg" alt="岩美" />
<p>为酒行与酒店设计的库存、审核、财务一体化管理平台。</p>
<div class="footer-contact">
<div><a href="mailto:yammy2023@163.com">yammy2023@163.com</a></div>
</div>
</div>
<div class="footer-col">
<h5>产品</h5>
<ul>
<li><a href="/#modules">核心模块</a></li>
<li><a href="/#platforms">多端覆盖</a></li>
<li><a href="/#reports">数据洞察</a></li>
<li><a href="/#pricing">价格方案</a></li>
<li><a href="/download/">版本更新</a></li>
</ul>
</div>
<div class="footer-col">
<h5>资源</h5>
<ul>
<li><a href="/docs/">使用手册</a></li>
<li><a href="/download/">下载客户端</a></li>
</ul>
</div>
<div class="footer-col">
<h5>客户支持</h5>
<ul>
<li><a href="/#faq">常见问题</a></li>
<li><a href="mailto:yammy2023@163.com">联系我们</a></li>
</ul>
</div>
<div class="footer-col">
<h5>公司</h5>
<ul>
<li><a href="/register/">注册门店</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>© 2026 岩美科技 · 保留所有权利</div>
</div>
</div>
</footer>
<script src="/assets/nav.js"></script>
</body>
</html>