← 返回开发时间线

熊窝 v0.31.0:关系管理页整体重构与体验收敛

关系管理页整体重构:活跃度趋势图重做、长期未联系提示内联化、复制与任务归档真正可用、编辑弹窗由抽屉改居中悬浮窗,数据看板重新布局。

熊窝关系管理(CRM)页在这一版做了一次整体重构。核心不是加功能,而是把此前「信息密度不低、但细节都差一口气」的地方收敛到可用的状态:图表的比例与交互、联系方式的可复制、任务的归档闭环、弹窗形态统一,以及数据看板的排版。

活跃度趋势图重做

  • 之前的折线图用固定 viewBox + preserveAspectRatio="none" 拉伸填充,圆点被拉成椭圆、比例失真,而且面积渐变的 url(#crm-trend-fill) 从未定义。
  • 现在按容器真实像素设置 viewBox(等比,1:1),折线改为单调三次平滑曲线(不过冲),补齐渐变面积填充,Y 轴刻度按数据取整,峰值点单独高亮。
  • 修复「点开 tooltip → 关闭 → 再也点不开」的 bug:tooltip 元素改为常驻节点、只切换显隐,不再在关闭时 remove() 掉唯一节点。

联系详情

  • 长期未联系提示由独立的红色块改为「姓名旁状态药丸(N 天未联系)+ 最近联系行内 chip」,建议文案挂在悬浮 tooltip 上,不再挤占详情面板高度。
  • 手机 / 邮箱的复制按钮真正可用:Clipboard API 优先,失败回退隐藏 textarea + execCommand('copy');成功后按钮变绿色对勾并弹 toast。
  • 相关任务勾选接入归档闭环:勾选 → 确认悬浮窗 → 任务标记「已完成」并归档、移出列表,作为跟进任务时也不再触发提醒。
  • 互动记录固定展示最近 4 条;详情底部两侧卡片改为按内容高度,避免被强行拉高导致列表裁切。

弹窗形态统一

  • 「编辑联系人」由右侧抽屉改为居中悬浮窗(暖色卡片 + 右上角径向渐变 + 弹入动画),与互动 / 任务 / 归档弹窗统一。
  • 删除各大标题与弹窗的中英双语 kicker(PEOPLE IN YOUR CIRCLE、TOUCHPOINT LOG、NEXT ACTIONS 等),只保留中文标题。
  • 互动弹窗去掉「正在为 XX 记录一次互动」上下文行,标签精简为 类型 / 时间 / 摘要,时间与摘要改为整行堆叠并顶对齐。
  • 添加任务弹窗去掉上下文行与「今天 / 3天后 / 下周」快捷日期;归档弹窗按钮右对齐、去掉多余分割线。

数据看板

  • 去掉「RELATIONSHIP DASHBOARDS / 关系数据看板」标题行,直接以内容开场:第一行 KPI 条,第二行左「待跟进」(套卡片容器)/ 右「互动时间线」。看板宽度与主视图一致,两张卡片按内容自适应,不再强行拉伸。
  • 互动时间线保持「约 2 条可见高度」的滚动容器,其余记录可滚动查看;「回到联系人」放在时间线卡片右上角。
  • 侧栏「智能筛选」标题与右侧搜索框顶对齐。

发布

  • 发布提交:4ce839f feat(v0.31.0): 关系管理页重构 —— 看板布局、归档/复制、弹窗与图表收敛。
  • 同批次另有一条任务看板数据同步提交 da5499a(与 CRM 无关,拆分提交)。

UI 设计图留档

保留关系管理 v2 的两张 UI 快照:主视图展示联系人列表、详情信息卡、互动记录与相关任务;数据看板视图展示 KPI 条与「待跟进 / 互动时间线」两栏布局。

熊窝 v0.31.0 关系管理主视图

熊窝 v0.31.0 关系管理数据看板视图

下图为本次微调前的旧版关系管理界面(分组与筛选 Tab、关系热度、重要度、标记已联系等),一并留档以便对照重构前后的差异。

熊窝 v0.31.0 微调前的关系管理 UI 视图