Files
license-manager/docs/architecture/客户属性设计与web显示方案.md
T

11 KiB

客户属性设计与Web显示方案

1. 核心客户属性

基础标识

  • id - 唯一标识符

    • 作用: 数据库主键,系统内部引用
    • 生成: UUID自动生成
    • 必填: 是
  • customer_code - 客户编码 (如: CUS-2025-001)

    • 作用: 业务识别码,便于客服沟通和查找
    • 生成: CUS-YYYY-NNNN格式,系统自动递增
    • 必填: 是
    • 唯一: 是
    • 意义: 比数据库ID更有业务意义,支持按年度统计
  • customer_name - 客户名称/公司名

    • 作用: 主要识别信息,合同签署主体
    • 示例: "北京科技有限公司"、"张三"
    • 必填: 是
    • 搜索: 支持模糊搜索
  • customer_type - 客户类型 (个人/企业/政府/教育)

    • 作用: 区分客户类别,影响服务策略和定价
    • 枚举: individual(个人) | enterprise(企业) | government(政府) | education(教育)
    • 必填: 是
    • 默认: enterprise

联系信息

  • contact_person - 联系人姓名

    • 作用: 授权通知和技术支持的对接人
    • 必填: 是
    • 示例: "张三"
  • contact_title - 联系人职务

    • 作用: 了解联系人在组织中的角色,便于沟通
    • 必填: 否
    • 示例: "技术总监"、"IT经理"
  • email - 主邮箱

    • 作用: 授权激活通知、过期提醒、技术支持的主要渠道
    • 必填: 是
    • 唯一: 建议唯一
    • 验证: 邮箱格式验证
  • phone - 电话号码

    • 作用: 紧急联系、电话技术支持
    • 必填: 否
    • 格式: 支持手机和固话

地址信息

  • address - 地址
    • 作用: 联系地址,邮寄材料或现场服务时使用
    • 必填: 否
    • 示例: "北京市朝阳区科技园区100号"
    • 格式: 自由文本,用户可详细可简略

商业属性

  • company_size - 企业规模 (小型/中型/大型/集团)
    • 作用: 影响定价策略和服务等级
    • 枚举: small(小型) | medium(中型) | large(大型) | enterprise(集团)
    • 必填: 否
    • 用途: 制定差异化授权策略

授权配置

  • preferred_license_type - 首选授权类型 (在线/离线/混合)
    • 作用: 影响授权码生成策略和验证方式
    • 枚举: online(在线) | offline(离线) | hybrid(混合)
    • 必填: 否
    • 默认: online
    • 意义: 在线需要联网验证,离线可本地验证

客户分级

  • customer_level - 客户等级 (普通/VIP/企业/战略)
    • 作用: 影响服务优先级、授权数量限制、技术支持等级
    • 枚举: normal(普通) | vip(VIP) | enterprise(企业) | strategic(战略)
    • 必填: 否
    • 默认: normal
    • 影响: 高等级客户可获得更多授权、更快响应

状态管理

  • status - 客户状态 (正常/禁用)

    • 作用: 控制是否允许为该客户生成新授权
    • 枚举: active(正常) | disabled(禁用)
    • 必填: 是
    • 默认: active
    • 影响: 禁用状态下不能生成新授权,但现有授权仍可使用
  • description - 客户描述/备注

    • 作用: 记录客户特殊情况、业务背景、注意事项
    • 必填: 否
    • 示例: "重要客户,IoT平台采购方,需要优先技术支持"

时间字段

  • created_at - 创建时间

    • 作用: 记录客户注册时间,用于统计分析
    • 自动: 系统自动记录
    • 不可修改: 是
  • updated_at - 更新时间

    • 作用: 记录最后修改时间,追踪数据变更
    • 自动: 系统自动更新
    • 触发: 任何字段修改都会更新
  • created_by - 创建人

    • 作用: 记录是哪个管理员创建的客户
    • 必填: 是
    • 关联: 管理员用户ID
  • updated_by - 更新人

    • 作用: 记录最后修改人,便于问题追溯
    • 自动: 系统自动记录当前操作员

2. Web列表页显示信息

主要显示列

| 客户编码 | 客户名称 | 客户类型 | 联系人 | 邮箱 | 客户等级 | 状态 | 创建时间 | 操作 |

具体显示内容与作用

客户编码 (customer_code)

  • 显示: CUS-2025-001
  • 作用: 快速识别客户,支持精确搜索,客服沟通时的标准引用
  • 交互: 点击可复制到剪贴板

客户名称 (customer_name)

  • 显示: 北京科技有限公司
  • 作用: 主要识别信息,最重要的显示内容
  • 交互: 点击进入客户详情页
  • 样式: 可截断显示,悬停显示完整名称

客户类型 (customer_type)

  • 显示: 🏢企业 | 👤个人 | 🏛️政府 | 🎓教育
  • 作用: 快速区分客户类别,影响服务策略
  • 样式: 用图标+文字+颜色区分
  • 筛选: 支持按类型筛选

联系人 (contact_person)

  • 显示: 张三
  • 作用: 知道具体联系谁,便于沟通对接
  • 交互: 悬停显示联系人职务信息

邮箱 (email)

  • 显示: zhangsan@example.com
  • 作用: 重要联系方式,授权通知的主要渠道
  • 交互: 点击可发送邮件
  • 验证: 显示邮箱验证状态(已验证/未验证)

客户等级 (customer_level)

  • 显示: 🏢企业 | 👤普通 | ⭐VIP | 💼战略
  • 作用: 显示客户重要程度,影响服务优先级
  • 样式: 不同等级用不同颜色和图标
  • 排序: 支持按等级排序

状态 (status)

  • 显示: ✅正常 | ❌禁用
  • 作用: 显示客户是否可以生成新授权
  • 交互: 可直接点击切换状态(需要确认)
  • 样式: 正常为绿色,禁用为红色

创建时间 (created_at)

  • 显示: 2025-01-15
  • 作用: 了解客户注册时间,便于分析客户生命周期
  • 格式: YYYY-MM-DD
  • 排序: 默认按创建时间倒序

操作

  • 查看详情: 进入客户详情页
  • 编辑: 修改客户信息
  • 授权管理: 查看该客户的所有授权
  • 生成授权: 快速为该客户生成新授权
  • 更多操作: 禁用/启用、删除等

3. Web详情页显示信息

基本信息卡片

客户编码: CUS-2025-001          客户类型: 🏢企业
客户名称: 北京科技有限公司        客户等级: ⭐VIP客户  
联系人: 张三 (技术总监)          当前状态: ✅正常
邮箱: zhangsan@example.com     电话: 13800138000

用途: 核心信息一览,便于快速了解客户基本情况

地址信息卡片

地址: 北京市朝阳区科技园区100号

用途: 联系地址,邮寄材料或现场服务参考

商业信息卡片

企业规模: 中型企业             首选授权: 在线授权
备注描述: 重要客户,IoT平台采购方,需要优先技术支持

用途: 业务背景了解,制定针对性服务策略

状态信息卡片

当前状态: ✅正常              创建时间: 2025-01-15 10:30:00
创建人: 李四(管理员)           更新时间: 2025-01-20 15:45:00
更新人: 王五(客服)

用途: 跟踪客户生命周期,了解操作历史

授权统计卡片

总授权数: 3个                活跃授权: 2个
过期授权: 1个                最近授权: 2025-01-18
即将过期: 1个(7天内)          授权设备总数: 85台

用途: 快速了解客户授权使用情况,识别续费机会


4. 列表页功能特性

搜索筛选

  • 全文搜索框: 支持客户编码、名称、联系人、邮箱的模糊搜索

    • 作用: 快速定位目标客户
    • 实现: 实时搜索,输入即显示结果
  • 客户类型筛选: 全部 | 企业 | 个人 | 政府 | 教育

    • 作用: 按业务类型分类查看
    • 场景: 针对不同类型客户制定营销策略
  • 客户等级筛选: 全部 | 普通 | VIP | 企业 | 战略

    • 作用: 重点关注高价值客户
    • 场景: 优先处理VIP和战略客户的需求
  • 状态筛选: 全部 | 正常 | 禁用

    • 作用: 识别问题客户,及时处理
    • 场景: 定期清理禁用客户,分析禁用原因

排序功能

  • 按创建时间排序 (默认)

    • 作用: 了解客户注册趋势,关注新客户
  • 按客户名称排序

    • 作用: 字母序查找,便于浏览
  • 按客户等级排序

    • 作用: 优先显示重要客户
  • 按更新时间排序

    • 作用: 查看最近活跃的客户

批量操作

  • 批量启用/禁用

    • 作用: 批量处理客户状态变更
    • 场景: 批量处理欠费客户、恢复客户服务
  • 批量导出

    • 作用: 导出客户数据进行分析
    • 格式: Excel、CSV格式
  • 批量删除

    • 作用: 清理无效客户数据
    • 安全: 需要二次确认,软删除机制

分页显示

  • 每页条数: 10/20/50/100条可选

    • 默认: 20条
    • 作用: 平衡加载速度和浏览效率
  • 总数统计: 显示"共1,234个客户"

    • 作用: 了解客户总体规模
  • 页码导航: 支持跳转到指定页

    • 作用: 快速浏览大量数据

5. 显示优化建议

响应式设计

  • 桌面端(>1200px): 显示所有列

    • 作用: 完整信息展示,提高工作效率
  • 平板端(768-1200px): 隐藏地址、电话等次要信息

    • 作用: 保持核心信息,适应中等屏幕
  • 手机端(<768px): 卡片式布局,只显示客户名称、等级、状态

    • 作用: 移动端快速浏览,支持现场客户查询

数据可视化(仪表盘)

  • 客户等级分布饼图

    • 作用: 了解客户结构,制定等级提升策略
  • 客户类型统计柱图

    • 作用: 分析目标市场,调整营销重点
  • 月度新增客户趋势图

    • 作用: 监控业务增长,评估营销效果

交互优化

  • 悬停显示完整信息

    • 场景: 客户名称过长时显示完整名称
    • 内容: 联系人悬停显示职务和电话
  • 点击客户名称进入详情页

    • 作用: 快速访问详细信息
  • 状态切换快捷操作

    • 实现: 点击状态图标直接切换,需要确认
    • 作用: 快速处理客户状态变更
  • 右键菜单快速操作

    • 功能: 编辑、查看授权、生成授权、禁用等
    • 作用: 提高操作效率,减少页面跳转

性能优化

  • 虚拟滚动: 大数据量时采用虚拟滚动

    • 触发: 客户数>1000时
    • 作用: 保证页面流畅性
  • 延迟加载: 图片和非关键信息延迟加载

    • 作用: 提高首屏加载速度
  • 缓存策略: 客户列表数据缓存5分钟

    • 作用: 减少不必要的服务器请求

6. 业务价值总结

提高工作效率

  • 快速识别: 通过客户编码和等级快速识别重要客户
  • 精准搜索: 多维度搜索快速定位目标客户
  • 批量操作: 减少重复性操作,提高处理效率

优化客户服务

  • 服务分级: 根据客户等级提供差异化服务
  • 及时响应: 通过状态管理及时识别问题客户
  • 个性化: 根据客户偏好(授权类型)提供合适的解决方案

支撑业务决策

  • 客户分析: 通过等级、类型分布了解客户结构
  • 趋势监控: 通过创建时间分析客户增长趋势
  • 风险控制: 通过状态管理防范业务风险