345 lines
11 KiB
Markdown
345 lines
11 KiB
Markdown
# 客户属性设计与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. 业务价值总结
|
|
|
|
### 提高工作效率
|
|
- **快速识别**: 通过客户编码和等级快速识别重要客户
|
|
- **精准搜索**: 多维度搜索快速定位目标客户
|
|
- **批量操作**: 减少重复性操作,提高处理效率
|
|
|
|
### 优化客户服务
|
|
- **服务分级**: 根据客户等级提供差异化服务
|
|
- **及时响应**: 通过状态管理及时识别问题客户
|
|
- **个性化**: 根据客户偏好(授权类型)提供合适的解决方案
|
|
|
|
### 支撑业务决策
|
|
- **客户分析**: 通过等级、类型分布了解客户结构
|
|
- **趋势监控**: 通过创建时间分析客户增长趋势
|
|
- **风险控制**: 通过状态管理防范业务风险 |