汇总客户身份、健康状态、关键关系和最近活动的详情页。A customer detail page that brings identity, health, key relationships, and recent activity together.
B 端后台B2B admin详情Detail双栏Split view时间轴Timeline专业Professional密集Dense克制Restrained
客户详情
客户账户海屿科技续费风险
合同金额¥ 286,000
到期日2026-09-18
负责人林然
账户信息
行业
企业服务
版本
专业版
席位
84 / 120
活动记录加载失败账户基本信息仍可查看。
标本可交互，可以切换不同状态。Interactive specimen — switch between the available states.
适用场景Use cases
客户跟进、风险判断、操作追溯客户跟进 · 风险判断 · 操作追溯
关键状态Key states
默认Default加载Loading错误Error
布局结构Structure
身份与状态摘要Identity and status summary
关键指标和负责人Key metrics and owner
主要业务信息Core business details
活动时间轴Activity timeline
视觉特征Visual traits
状态与更新时间同时展示Status and updated time appear together
详情字段按任务分组Details are grouped by task
危险操作与常规操作分开Destructive and routine actions are separated
实现约束Implementation guardrails
需要做到Do
在页头给出账户健康状态Lead with account health
记录关键字段的更新时间Show when key fields were updated
活动时间轴支持按类型筛选Let activity be filtered by type
避免Avoid
把所有字段放进同一张大卡片Put every field in one giant card
让危险操作与编辑按钮并列Place destructive and edit actions side by side
AI 风格说明AI design brief
构建一个便于客户成功人员扫描和跟进的账户详情页。
适用场景：客户跟进、风险判断、操作追溯。
页面结构：身份与状态摘要；关键指标和负责人；主要业务信息；活动时间轴。
视觉特征：状态与更新时间同时展示；详情字段按任务分组；危险操作与常规操作分开。
关键状态：默认、加载、错误。
需要做到：在页头给出账户健康状态；记录关键字段的更新时间；活动时间轴支持按类型筛选。
避免：把所有字段放进同一张大卡片；让危险操作与编辑按钮并列。Build an account detail page for scanning and follow-up by customer-success teams.
Use cases: Customer follow-up, Risk assessment, Action traceability.
Structure: Identity and status summary; Key metrics and owner; Core business details; Activity timeline.
Visual traits: Status and updated time appear together; Details are grouped by task; Destructive and routine actions are separated.
Key states: Default, Loading, Error.
Do: Lead with account health; Show when key fields were updated; Let activity be filtered by type.
Avoid: Put every field in one giant card; Place destructive and edit actions side by side.
# 客户账户详情 (Customer Account Detail)
汇总客户身份、健康状态、关键关系和最近活动的详情页。
A customer detail page that brings identity, health, key relationships, and recent activity together.
## 分类
- 产品类型：B 端后台 / B2B admin
- 页面类型：详情 / Detail
- 布局方式：双栏、时间轴 / Split view, Timeline
- 视觉气质：专业、密集、克制 / Professional, Dense, Restrained
- 关键状态：默认、加载、错误 / Default, Loading, Error
## 页面结构
- 身份与状态摘要 / Identity and status summary
- 关键指标和负责人 / Key metrics and owner
- 主要业务信息 / Core business details
- 活动时间轴 / Activity timeline
## 视觉特征
- 状态与更新时间同时展示 / Status and updated time appear together
- 详情字段按任务分组 / Details are grouped by task
- 危险操作与常规操作分开 / Destructive and routine actions are separated
## AI 风格说明 / AI design brief
构建一个便于客户成功人员扫描和跟进的账户详情页。
适用场景：客户跟进、风险判断、操作追溯。
页面结构：身份与状态摘要；关键指标和负责人；主要业务信息；活动时间轴。
视觉特征：状态与更新时间同时展示；详情字段按任务分组；危险操作与常规操作分开。
关键状态：默认、加载、错误。
需要做到：在页头给出账户健康状态；记录关键字段的更新时间；活动时间轴支持按类型筛选。
避免：把所有字段放进同一张大卡片；让危险操作与编辑按钮并列。
Build an account detail page for scanning and follow-up by customer-success teams.
Use cases: Customer follow-up, Risk assessment, Action traceability.
Structure: Identity and status summary; Key metrics and owner; Core business details; Activity timeline.
Visual traits: Status and updated time appear together; Details are grouped by task; Destructive and routine actions are separated.
Key states: Default, Loading, Error.
Do: Lead with account health; Show when key fields were updated; Let activity be filtered by type.
Avoid: Put every field in one giant card; Place destructive and edit actions side by side.
来源：LearnUI PM 原创示例，MIT License
