66 lines
1.7 KiB
Markdown
66 lines
1.7 KiB
Markdown
# 企业微信联系客服组件更新日志
|
||
|
||
## v2.0.0 - 集成全局Store配置
|
||
|
||
### 新增功能
|
||
- ✅ 企业微信配置集成到全局Store
|
||
- ✅ 从 `/api/config/init` 统一获取配置
|
||
- ✅ 支持props覆盖全局配置
|
||
- ✅ 优化配置获取逻辑
|
||
|
||
### 变更内容
|
||
1. **Store集成**：
|
||
- 在 `store/index.js` 中添加 `wxworkConfig` 状态
|
||
- 添加 `setWxworkConfig` mutation
|
||
- 在 `init` action 中从 `/api/config/init` 获取企业微信配置
|
||
|
||
2. **组件优化**：
|
||
- `wxwork-contact.vue` 组件现在优先从全局Store获取配置
|
||
- 支持通过props覆盖全局配置
|
||
- 移除单独的API调用，使用统一配置
|
||
|
||
3. **页面集成**：
|
||
- `pages/contact/contact.vue` 页面简化配置获取逻辑
|
||
- 直接使用全局Store中的企业微信配置
|
||
|
||
### 配置格式
|
||
后端 `/api/config/init` 需要返回以下格式的企业微信配置：
|
||
|
||
```json
|
||
{
|
||
"code": 0,
|
||
"data": {
|
||
// ... 其他配置 ...
|
||
"wxwork": {
|
||
"corp_id": "企业ID",
|
||
"agent_id": "应用ID",
|
||
"contact_id": "客服ID",
|
||
"contact_url": "活码链接",
|
||
"timestamp": "时间戳",
|
||
"nonceStr": "随机字符串",
|
||
"signature": "签名",
|
||
"enabled": true
|
||
}
|
||
}
|
||
}
|
||
```
|
||
|
||
### 使用方式
|
||
```vue
|
||
<!-- 使用全局配置 -->
|
||
<wxwork-contact btn-text="联系企业客服"></wxwork-contact>
|
||
|
||
<!-- 覆盖全局配置 -->
|
||
<wxwork-contact
|
||
:corp-id="customCorpId"
|
||
:contact-url="customContactUrl"
|
||
btn-text="自定义客服"></wxwork-contact>
|
||
```
|
||
|
||
## v1.0.0 - 初始版本
|
||
|
||
### 功能
|
||
- 企业微信JS-SDK封装
|
||
- 基础联系客服组件
|
||
- 支持小程序和H5环境
|
||
- 活码跳转和SDK两种方式 |