lucky_shop/components/wxwork-contact/CHANGELOG.md

企业微信联系客服组件更新日志

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 需要返回以下格式的企业微信配置：

{
  "code": 0,
  "data": {
    // ... 其他配置 ...
    "wxwork": {
      "corp_id": "企业ID",
      "agent_id": "应用ID", 
      "contact_id": "客服ID",
      "contact_url": "活码链接",
      "timestamp": "时间戳",
      "nonceStr": "随机字符串",
      "signature": "签名",
      "enabled": true
    }
  }
}

使用方式

<!-- 使用全局配置 -->
<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两种方式