UX设计

距离 上次更新 又过了几天，这个海缆管理工具已经迭代到 v1.13.0。这一轮更新的主题是打磨细节——没有太多新功能，但在用户体验和代码质量上做了不少改进。 主要更新 💰 成本总览面板 (v1.11.0) Sales Order 表单里有各种成本卡片（Cable、Backhaul、Cross-Connect 等），之前填完只能靠脑算总成本。现在加了一个实时计算面板： ┌─────────────────────────────────────┐ │ 📊 Cost Totals Summary │ ├─────────────────────────────────────┤ │ Recurring (MRC): $2,500 /month │ │ One-time (NRC): $15,000 │ │ Amortized: $625 /month │ └─────────────────────────────────────┘ 设计细节： 面板跟随成本卡片的状态实时更新 支持 Toggle 选择器，可以快速开关成本类型 Amortized 值自动根据合同期限计算（NRC 分摊到每月） 为了这个功能，还重构了成本卡片的 UI 模式——原来的"Add Cost"按钮改成了Toggle 开关，更清晰地表达"这个成本项是否包含"的语义。 📱 浮动胶囊导航 (v1.12.0) 移动端的底部导航栏从全宽条形改成了浮动胶囊风格： Before: ┌─────────────────────────────────────┐ │ 🏠 📦 💰 👥 ⚙️ │ └─────────────────────────────────────┘ After: ╭───────────────────────╮ │ 🏠 📦 💰 👥 ⚙️ │ ╰───────────────────────╯ 这是参考了 iOS 17 和各种现代 App 的导航设计。关键实现细节： ...

又过了一天，这个"随手造的轮子"已经迭代到了 v1.10.0。从 v1.2 的架构重构 到现在，系统经历了从"能用"到"好用"再到"可靠"的蜕变。 主要更新 🔄 销售订单续约系统 (v1.4.0 - v1.9.0) 这是最实用的新功能。之前合同到期需要手动创建新订单、重新填写所有信息，现在一键续约就能搞定。 核心设计思路： ID 连续性：续约后保持原始订单号，便于历史追溯 商务灵活性：支持续约时调整价格（MRC/NRC），记录新旧价差 智能日期计算：自动计算新合同期限，支持自定义合同长度 ┌─────────────────────────────────────────┐ │ 📋 Renewal Workspace │ ├─────────────────────────────────────────┤ │ Current MRC: $3,000 → New MRC: [$___]│ │ Current NRC: $500 → New NRC: [$___]│ │ │ │ ▼ Cost Renewals (Optional) │ │ ┌─ Cable Cost ────────────────┐ │ │ │ MRC: $___ Annual O&M: $___| │ │ └─────────────────────────────┘ │ └─────────────────────────────────────────┘ v1.9.0 集成成本续约：续约时可以同步更新 Cable、Backhaul、Cross-Connect 等供应商成本，确保 P&L 全程准确。 ...