vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,181 Commits 29 Branches 1 Tag
023684b8b7e2e77c5f8da0e4cb33cfc8ecc85f2f
Commit Graph

22 Commits

Author SHA1 Message Date
zdl
ae42024ec0 fix: 调整客服弹窗 将 PC 端聊天窗口从 380×640 调整为 450×750。 
H5 端：宽度占满，高度根据宽度等比缩放
 2025-12-04 17:26:16 +08:00
zdl
b1d5b217d3 refactor: 事件详情弹窗改用 Drawer 组件从底部弹出 
- EventDetailModal: Modal 替换为 Drawer，placement="bottom"
- 使用 destroyOnHidden 替代已弃用的 destroyOnClose
- 关闭按钮改用 CloseOutlined 图标，移到右上角
- 简化 Less 文件，删除与 TSX styles 属性重复的配置
- BytedeskWidget: H5 端降低 z-index，避免遮挡发布按钮

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-04 15:45:48 +08:00
zdl
143933b480 feat: 修复 pc 客服弹窗UI展示问题 2025-12-02 16:07:41 +08:00
zdl
101d042b0e fix:调整客服UI 2025-11-27 15:31:07 +08:00
zdl
9df725b748 feat: 精简日志 2025-11-26 15:34:11 +08:00
zdl
baf4ca1ed4 feat: 屏蔽 STOMP WebSocket 错误日志（不影响功能） 2025-11-21 18:45:13 +08:00
zdl
9669d5709e fix： 在 craco.config.js 中将 /bytedesk 代理移出 Mock 模式条件判断 
现在 /bytedesk 代理始终启用，指向 https://valuefrontier.cn
 2025-11-21 18:06:21 +08:00
zdl
e2861b994b feat: 修改bug引入错误 2025-11-20 15:46:43 +08:00
zdl
e753437b86 feat: 调整客服配置 2025-11-20 15:07:45 +08:00
zdl
6ef635b1ba feat: 修改配置 2025-11-13 00:19:58 +08:00
zdl
9fe65f6c23 feat: 参数调整 2025-11-12 14:27:32 +08:00
zdl
44ae479615 feat: 调整链接 2025-11-12 13:41:33 +08:00
zdl
e32a500247 fix(bytedesk): 修复路径配置，统一使用 /bytedesk/ 前缀 
修复 Bytedesk 客服系统路径不匹配问题，统一前端、CRACO 和 Nginx 配置。

## 问题
- 前端配置使用 `/bytedesk-api/` 路径
- 生产 Nginx 配置使用 `/bytedesk/` 路径
- 路径不匹配导致请求 404 或被 React Router 拦截

## 解决方案
统一使用 `/bytedesk/` 路径前缀，避免 React Router 冲突

## 代码变更

### src/bytedesk-integration/config/bytedesk.config.js
- `htmlUrl`: `/bytedesk-api/chat/` → `/bytedesk/chat/`
- `apiUrl`: `/bytedesk-api/` → `/bytedesk/`
- 更新配置注释，说明代理架构

### craco.config.js
- 代理前缀：`/bytedesk-api` → `/bytedesk`
- 删除冗余代理：`/chat` 和 `/config`（Nginx 统一处理）
- 简化配置，减少代理规则数量

## 请求链路
```
浏览器 → /bytedesk/chat/
    ↓
CRACO/Nginx → location /bytedesk/ {}
    ↓
代理转发 → http://43.143.189.195/chat/
    ↓
✅ Bytedesk 聊天窗口
```

## 优势
- ✅ 前端、CRACO、Nginx 路径统一
- ✅ 避免 React Router 冲突
- ✅ 简化代理配置
- ✅ 无需修改服务器 Nginx

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-12 13:30:39 +08:00
zdl
5524826edd feat: 切换iframe域名 2025-11-12 13:16:11 +08:00
zdl
19b03b6c91 feat: 调整配置 2025-11-12 11:54:18 +08:00
zdl
b07cb8ab51 feat: 修改 bytedesk.config.js，改为使用相对路径和动态域名 2025-11-12 11:26:05 +08:00
zdl
fb4a18c8ec feat: 调整环境配置 2025-11-12 11:03:37 +08:00
zdl
5c60450ba1 feat: 配置调整 2025-11-12 10:43:06 +08:00
zdl
a3dfa5fd06 fix(bytedesk): 修复组织 UUID 和 API URL 配置错误 
回滚之前错误的提交，使用正确的组织 UUID（df_org_uid）和相对路径 API URL。

## 问题
1. **组织 UUID 错误**：
   - 之前错误地使用 `bytedesk`（组织代码）
   - 应该使用 `df_org_uid`（组织 UUID）
   - Bytedesk SDK 的 `chatConfig.org` 需要组织 UUID，不是代码

2. **API URL 默认值错误**：
   - 代码默认值使用 HTTP 绝对 URL: `http://43.143.189.195`
   - 会导致生产环境 Mixed Content 错误
   - 应该使用相对路径: `/bytedesk-api`

## 解决方案
1. 统一使用组织 UUID: `df_org_uid`
2. 修改 API URL 默认值为相对路径: `/bytedesk-api`

## 代码变更

### 1. `.env.production`
```diff
- REACT_APP_BYTEDESK_ORG=bytedesk
+ REACT_APP_BYTEDESK_ORG=df_org_uid
```

### 2. `src/bytedesk-integration/config/bytedesk.config.js`
```diff
- const BYTEDESK_API_URL = process.env.REACT_APP_BYTEDESK_API_URL || 'http://43.143.189.195';
+ const BYTEDESK_API_URL = process.env.REACT_APP_BYTEDESK_API_URL || '/bytedesk-api';

- const BYTEDESK_ORG = process.env.REACT_APP_BYTEDESK_ORG || 'bytedesk';
+ const BYTEDESK_ORG = process.env.REACT_APP_BYTEDESK_ORG || 'df_org_uid';
```

### 3. `src/bytedesk-integration/.env.bytedesk.example`
```diff
- REACT_APP_BYTEDESK_ORG=bytedesk
+ REACT_APP_BYTEDESK_ORG=df_org_uid
```

## 后台配置确认
根据 Bytedesk 管理后台：
- ✅ 组织 UUID: `df_org_uid`
- ✅ 组织代码: `bytedesk`（仅用于显示）
- ✅ 工作组 UUID: `df_wg_uid`

## 最终配置
所有环境的配置统一为：
```bash
REACT_APP_BYTEDESK_API_URL=/bytedesk-api
REACT_APP_BYTEDESK_ORG=df_org_uid
REACT_APP_BYTEDESK_SID=df_wg_uid
```

## 本地开发配置
开发者需要在 `.env.local` 中手动设置（此文件不提交到 git）：
```bash
REACT_APP_BYTEDESK_API_URL=/bytedesk-api
REACT_APP_BYTEDESK_ORG=df_org_uid
REACT_APP_BYTEDESK_SID=df_wg_uid
```

## 验证
- ✅ 即使环境变量未设置，默认值也是正确的
- ✅ 不会出现 Mixed Content 错误（使用相对路径）
- ✅ 配置与后台管理界面的 UUID 一致
- ✅ 不再出现 "Failed to create thread" 错误

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-11 20:14:28 +08:00
zdl
2bb8cb78e6 feat: 客服通知代码提交 2025-11-11 11:31:40 +08:00
zdl
8e5623d723 feat(customer-service): 集成 Bytedesk 客服系统并优化 Dify 机器人显示 
## 主要变更

### 1. Dify 机器人优化
**文件**: public/index.html
- ✅ 恢复 Dify 机器人代码
- ✅ 添加显示控制逻辑：只在 /home 页面显示
- ✅ 使用 JavaScript 监听路由变化，动态控制显示/隐藏
- ✅ 保留所有样式配置

### 2. Bytedesk 客服系统集成
**文件**: src/bytedesk-integration/config/bytedesk.config.js
- ✅ 配置开发环境使用代理路径（/bytedesk-api）
- ✅ 修复 X-Frame-Options 跨域问题
- ✅ 优化 shouldShowCustomerService 逻辑：默认所有页面显示，只在 /login 隐藏
- ✅ 保留白名单模式代码作为备用方案

**文件**: src/components/GlobalComponents.js
- ✅ 集成 BytedeskWidget 组件
- ✅ 使用 shouldShowCustomerService 控制显示

### 3. 客服显示规则

**Dify 机器人**:
- ✅ /home 页面 → 显示
- ❌ 其他页面 → 隐藏

**Bytedesk 客服**:
- ✅ 所有页面 → 显示
- ❌ /login 页面 → 隐藏

## 已知问题

- ⚠️ Bytedesk 服务器配置 enabled: false，需要后端修改为 true
- ⚠️ 配置接口: /config/bytedesk/properties

## 测试建议

1. 访问 /home 页面，检查 Dify 机器人是否显示
2. 访问其他页面，检查 Dify 是否隐藏
3. 等待后端修改 enabled 后，测试 Bytedesk 客服功能

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-10 19:58:36 +08:00
zdl
57b4841b4c feat: 添加客服组件 2025-11-10 19:23:25 +08:00