Commit Graph

69 Commits

Author SHA1 Message Date
root e31cf88eab fix: 添加与登录页相同的 tt 对象刷新机制
问题:
- 登录页可以飞书免登,但审批详情页不能
- 原因:登录页有刷新机制等待 tt 对象注入,审批详情页没有

修复:
- approval/detail.tsx - 添加与登录页相同的刷新逻辑
- 在飞书中但 tt 对象不存在时,自动刷新页面(最多3次)
- 每次刷新后重新检测 tt 对象是否已注入

工作流程:
1. 用户点击飞书消息按钮
2. 打开审批详情页
3. 检测到在飞书中但 tt 对象不存在
4. 自动刷新页面(最多3次)
5. tt 对象注入成功后自动免登
6. 免登成功后加载审批详情

相关文件:
- frontend/src/pages/approval/detail.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 19:28:04 +08:00
root 6d08695a7d feat: 优化飞书免登失败后的用户体验
问题:
- 移动端飞书 WebView 中 JSBridge SDK 未注入
- 导致免登功能不可用

修复:
1. debug-feishu.tsx - 多次检测环境,添加重试和重新检测功能
2. login/index.tsx - 支持 redirect 参数,登录成功后返回原页面
3. QRCodeLogin.tsx - 支持 redirect 参数

用户体验改进:
- 免登失败时,友好提示用户使用其他登录方式
- 登录成功后自动返回到原页面(审批详情页)
- 用户完成登录后可直接进行审批操作

替代方案:
1. 点击飞书消息中的"查看详情"按钮
2. 跳转到登录页面
3. 使用邮箱/密码或扫码登录
4. 登录成功后自动返回审批详情页
5. 直接进行审批操作

相关文件:
- frontend/src/pages/debug-feishu.tsx
- frontend/src/pages/login/index.tsx
- frontend/src/pages/login/QRCodeLogin.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 19:24:20 +08:00
root 7e57e8720b feat: 添加飞书 JSBridge SDK 支持
问题:
- 移动端飞书 WebView 中 tt 对象没有被注入
- 导致免登功能无法使用

修复:
1. index.html - 引入飞书 H5 JSBridge SDK
2. approval/detail.tsx - 添加对多种飞书 API 的支持
3. debug-feishu.tsx - 更新调试页面,检测所有可能的 API 对象

支持的飞书 API:
- window.tt (标准 H5 应用)
- window.h5sdk (JSBridge)
- window.bridge (JSBridge)
- window.ttjsBridge (旧版)

相关文件:
- frontend/index.html
- frontend/src/pages/approval/detail.tsx
- frontend/src/pages/debug-feishu.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 19:21:01 +08:00
root f31abf2c68 feat: 添加飞书环境调试页面和详细日志
修改内容:
1. 新增 debug-feishu.tsx - 飞书环境调试页面
2. approval/detail.tsx - 添加详细的调试日志
3. router/index.tsx - 添加调试页面路由
4. business-trip.ts - 修复 import 错误

调试页面功能:
- 检测是否在飞书客户端内
- 显示 window.tt 等对象状态
- 测试飞书免登功能

使用方法:
1. 在飞书客户端中打开: https://xsm.dev.hnxinyouhe.com/debug-feishu
2. 查看环境信息
3. 点击"测试飞书免登"按钮

相关文件:
- frontend/src/pages/debug-feishu.tsx
- frontend/src/pages/approval/detail.tsx
- frontend/src/router/index.tsx
- frontend/src/services/business-trip.ts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 19:16:33 +08:00
root 3ad8f34914 feat: 添加飞书免登自动登录功能
修改内容:
1. approval/detail.tsx - 在加载详情前检查登录状态,如果在飞书内则自动免登
2. login/index.tsx - 改进飞书环境检测和tt对象注入逻辑

业务流程:
1. 用户在飞书中点击消息按钮
2. 打开审批详情页 → 检测未登录
3. 如果在飞书客户端内 → 自动调用 tt.requestAuthCode
4. 免登成功 → 自动加载详情
5. 免登失败 → 跳转到登录页面

相关文件:
- frontend/src/pages/approval/detail.tsx
- frontend/src/pages/login/index.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 19:14:19 +08:00
root df0d592ee4 feat: 飞书审批消息添加操作按钮
功能:
1. 审批通知卡片添加"通过"和"拒绝"按钮
2. 点击按钮跳转到审批详情页,自动弹出审批确认框
3. 保留"查看详情"按钮

实现:
- FeishuNotificationService.buildApprovalCard() - 添加审批操作按钮
- ApprovalService.notifyNextApprovers() - 传递 order_id 参数
- approval/detail.tsx - 处理 URL 中的 action 参数

按钮样式:
- 通过按钮:绿色 (primary)
- 拒绝按钮:红色 (danger)
- 查看详情:默认样式

相关文件:
- backend/app/service/FeishuNotificationService.php
- backend/app/service/ApprovalService.php
- frontend/src/pages/approval/detail.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:57:59 +08:00
root 8ce070bd77 fix: 使用 sessionStorage 保持 tab 状态
问题:navigate(-1) 浏览器后退不会传递 location.state

解决方案:
- 切换 tab 时保存到 sessionStorage
- 页面加载时优先从 sessionStorage 恢复 tab

修改文件:
- frontend/src/pages/business-trip/list.tsx
- frontend/src/pages/approval/list.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:38:42 +08:00
root f3a9e442e9 fix: 返回列表时保持之前的 tab 状态
问题:从详情页返回时,列表总是重置到"我发起的" tab

解决方案:
1. 导航到详情页时传递 state: { fromTab: activeTab }
2. 列表页从 location.state.fromTab 恢复 tab 状态

修改文件:
- frontend/src/pages/approval/list.tsx
- frontend/src/pages/business-trip/list.tsx

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:36:41 +08:00
root ea7f0f8820 feat: 添加"抄送我的"审批列表选项
后端修改:
- ApprovalService::getList 添加 'cc' 类型查询
- 从 form_data.cc_users 中查找包含当前用户的订单
- 兼容两种数据格式:[{id:29}] 或 [29]

前端修改:
- 添加"抄送我的"标签页
- 更新类型定义支持 'cc' 类型
- approvalListParams 类型添加 'cc' 选项

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:33:53 +08:00
root 0942cb1af0 fix: 修复旧审批记录状态并添加前端调试日志
1. 手动修复旧审批记录的状态(在代码修复之前审批的)
2. 添加前端 console.log 调试输出
3. 验证后端API返回正确的 approved 状态数据

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 18:25:56 +08:00
root 2e5f570b40 feat: 完善鉴权和密码功能,添加飞书通知模块
- 完善Token过期/不存在时跳转登录重新认证
- 实现正常的账号密码登录验证(邮箱/手机号+密码)
- 用户初始化密码设为工号(sn)
- 添加修改密码功能(API+前端页面)
- 修复扫码登录后跳转问题(zustand persist格式)
- 创建飞书通知服务 FeishuNotificationService
- 设置页面添加修改密码入口

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 15:19:37 +08:00
root ba555a59b7 debug: 添加轮询和跳转的详细日志 2026-02-26 12:00:56 +08:00
root 826989d6bf style: 只保留带 emoji 的提示,移除状态文字 2026-02-26 11:59:46 +08:00
root 716d39f0b6 style: 恢复带 emoji 的飞书扫码提示文字 2026-02-26 11:58:33 +08:00
root 32a0ba57cb style: 移除冗余的飞书扫码提示文字 2026-02-26 11:58:02 +08:00
root 6b9addf35d style: 调整弹框左右留白为 10px 2026-02-26 11:57:28 +08:00
root 40d4d88f98 style: 继续减少弹框留白为 8px 20px 2026-02-26 11:57:02 +08:00
root 49f8e30839 style: 继续减少弹框留白为 12px 20px 2026-02-26 11:56:48 +08:00
root 947cbdd571 style: 继续减少弹框留白为 16px 20px 2026-02-26 11:56:38 +08:00
root e82e6988a1 style: 减少弹框留白为 24px 20px 2026-02-26 11:56:22 +08:00
root 88a25e21c2 style: 调整二维码弹框的四周留白为 40px 30px 2026-02-26 11:56:08 +08:00
root b12842a338 style: 更新 QR SDK 配置参数,添加 style 属性
- width/height: 250x250
- style: width:300px;height:270px;border:none

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:55:07 +08:00
root 9836525c81 style: 进一步增大二维码尺寸到 280x280 2026-02-26 11:49:40 +08:00
root a691675411 style: 调整二维码尺寸为 240x240,增加容器高度 2026-02-26 11:47:30 +08:00
root 79cef9ac91 fix: 修复 QRLogin SDK 二维码不显示的问题
1. 使用 getElementById 获取容器,避免清空容器本身
2. 确保 DOM 渲染完成后再调用 SDK

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:36:46 +08:00
root d76ee80ecc fix: 修正飞书 SDK 全局变量名为 QRLogin
SDK 的全局变量是 window.QRLogin 而不是 window.QR

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:30:35 +08:00
root 983f58ee98 fix: 增加 SDK 加载等待时间,确保 window.QR 已初始化 2026-02-26 11:23:47 +08:00
root 6eb621cd95 fix: 在 HTML 中直接引入飞书 QR SDK
根据官方文档,SDK 应该在 HTML 中通过 script 标签引入,
而不是动态加载。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:19:46 +08:00
root 429a8605fc fix: 添加 QR SDK 加载失败的降级方案
1. 优先尝试加载飞书官方 QR SDK
2. 如果 SDK 加载超时(5秒)或失败,自动降级到普通二维码
3. 添加详细的加载日志,方便调试

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:16:40 +08:00
root 474c532666 fix: 使用飞书官方 QR SDK,扫码后不打开浏览器
使用飞书官方 LarkSSOSDKWebQRCode-1.0.3.js 生成二维码,
飞书APP会识别为登录二维码并在APP内直接处理,
不会打开任何浏览器窗口。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 11:13:43 +08:00
root b1d58ece61 fix: 使用飞书官方 passport 授权端点
后端修改:
- 授权 URL 从 open-apis 改为 passport.feishu.cn
- 使用 passport 端点获取 user_access_token
- 添加 httpGet 方法

前端修改:
- 使用官方 tt.requestAuthCode() API(飞书内免登)
- 保留轮询方式实现扫码登录

参考文档: https://open.feishu.cn/document/sso/web-application-sso/qr-sdk-documentation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 10:20:48 +08:00
root fa8843d9e0 fix: 使用官方 tt.requestAuthCode API 替代 ttjsBridge
- 添加 tt 对象类型声明(官方 H5 API)
- 优先使用 tt.requestAuthCode() 获取授权码
- 保留 ttjsBridge 作为降级兼容方案
- 修正环境检测逻辑

参考文档: https://open.feishu.cn/document/quickly-create-a-login-free-web-app/introduction

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 10:14:03 +08:00
root 4ca47f0d33 fix: 修复 CustomEvent 语法错误,缺少闭合括号 2026-02-26 10:02:24 +08:00
root 77668d0323 fix: 修正 Toast 导入方式,使用命名导入 2026-02-26 10:01:21 +08:00
root df07b16c7a feat: 实现多端飞书登录功能
1. 飞书客户端内:静默自动登录
   - 检测飞书环境 (userAgent + ttjsBridge)
   - 调用 ttjsBridge.getAuthCode() 获取授权码
   - 自动登录到后台

2. 飞书客户端外:扫码登录
   - 后端新增三个接口:
     * POST /api/v1/auth/qrcode-login - 生成登录会话和二维码
     * GET /api/v1/auth/qrcode-login/status - 轮询登录状态
     * GET /login/qrcode/{id} - 飞书授权回调
   - 前端新增 QRCodeLogin 组件:
     * 使用 qrcode.react 生成二维码
     * 每 2 秒轮询登录状态
     * 状态:loading → pending → scanning → success/expired

3. 数据库表:feishu_login_session
   - 存储 session_id, auth_url, status, user_id
   - 状态:pending, scanning, success, expired
   - 2 分钟过期机制

4. 其他优化
   - 移除审批详情页的 header
   - 更新 PROJECT_ISSUES.md 文档

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 09:58:19 +08:00
root ba41b340fc fix: 修复审批列表首次加载不显示和发起人审批人问题
- 移除 loadingRef,解决 React 18 StrictMode 下请求阻塞问题
- 提交申请时根据选择的审批人动态创建/更新审批节点
- 修改申请提交后跳转到审批列表而非出差列表
- 更新 PROJECT_ISSUES.md 记录所有问题和解决方案

修复问题:
1. 首次进入审批列表"我发起的"不显示数据
2. 发起人也是审批人时"待我审批"不显示
3. 申请提交后跳转到错误的页面

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 09:35:26 +08:00
root b7919910f1 docs: 整理项目问题文档,修复审批列表数据混乱
- 新增 PROJECT_ISSUES.md 统一管理所有问题和解决方案
- 精简 CLAUDE.md,移除重复的问题记录部分
- 修复审批列表数据混乱问题(React 18 StrictMode + 状态管理)
- 修复首次加载不显示数据问题(requestIdRef 清理时机)
- 修复页码初始值错误(hasMore 默认值)
- 修复后端响应序列化问题(Eloquent 模型转数组)
- 添加审批人和抄送人重复校验
- 修复双 header 问题
- 调整申请页面 padding-bottom

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 09:12:21 +08:00
root 214992b163 fix: 修复出差申请页面头像 key 重复警告
- 审批人头像 key 改为 approver-{id}
- 抄送人头像 key 改为 cc-{id}

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:42:39 +08:00
root 5c582b092e fix: 修复审批弹框按钮不显示的问题
- 使用 actions 属性自定义弹框按钮
- 添加按钮点击事件的日志

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:39:03 +08:00
root 2a5c335cdd debug: 增加审批弹框的调试日志
- 添加按钮点击和API调用的日志
- 添加弹框关闭的日志
- 添加 closeOnMaskClick 和 closeOnAction 配置

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:37:09 +08:00
root 1780822528 fix: 飞书登录回调地址改为https协议
- 重定向URI改为: https://xsm.dev.hnxinyouhe.com/login

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:33:14 +08:00
root e4e2be904b fix: 修正飞书登录回调地址为http协议
- 重定向URI改为: http://xsm.dev.hnxinyouhe.com/login
- 移除scope参数,使用飞书默认权限

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:32:35 +08:00
root 4712cc4446 fix: 添加飞书授权scope参数并增加调试日志
- scope参数设置为必需的权限范围
- 添加授权URL日志输出便于调试

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:28:34 +08:00
root fd48d35f8c fix: 修改飞书登录回调地址为公网域名
- 使用 https://xsm.dev.hnxinyouhe.com/login 作为回调地址
- 确保飞书授权可以正常跳转

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:28:00 +08:00
root ba919d2cdc debug: 增加更详细的调试日志来排查审批按钮不显示问题
- 添加类型检查日志(userId、approvers类型)
- 添加多种匹配方式尝试
- 显示操作按钮状态

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:24:48 +08:00
root a5a148d57e style: 审批流程样式优化
- 审批人标签:蓝色 (#1890ff)
- 抄送人标签:橙色 (#faad14)
- 已审批:绿色对号 ✓
- 待审批:蓝色时钟图标 ⏱ + 脉动动画
- 未开始:灰色序号

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:21:45 +08:00
root 76c6e93e36 feat: 审批流程改为时间轴样式,增加审批人/抄送人标识
- 审批流程使用时间轴样式显示
- 增加"审批人"和"抄送人"标签
- 已审批节点显示审批人姓名和审批时间
- 未审批节点显示节点名称(人名)
- 当前审批节点高亮显示

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:19:37 +08:00
root be5dea1d24 fix: 将审批节点名称改为直接显示人名
- 数据库:将节点名称从"经理审批"、"主管审批"等改为直接显示人名
- 前端:未审批时显示节点名称(人名),而非"待审批"

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:16:55 +08:00
root 349b6c9fe3 fix: 审批流程节点只显示人名,不显示职务前缀
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:16:14 +08:00
root dad47d8df5 fix: 修复审批详情页多余的闭合标签导致白屏
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:15:29 +08:00