kkfluous
e57b8d8801
fix: 全屏模式重新设计为纵向布局
...
ci/woodpecker/push/woodpecker Pipeline was successful
- 去掉 CSS transform 旋转(移动端不兼容)
- KPI 改为单行横排4个卡片
- 标题栏+KPI 紧凑排列在顶部
- 表格区域占满剩余空间,可滚动查看所有列
- 移动端和桌面端统一布局
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:38:26 +08:00
kkfluous
8b95e53098
fix: 回到顶部改为 scrollTo(0) 确保完全回到页面顶端
...
用 window.scrollTo + documentElement.scrollTop 双重保险,
替代 scrollIntoView 避免只滚动到哨兵位置。
全屏模式改为 CSS transform 旋转实现移动端横屏。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:32:35 +08:00
kkfluous
bfee8344b9
fix: 全屏按钮增加横屏锁定
...
点击全屏按钮后:进入浏览器全屏 + 锁定横屏方向
退出全屏时:解除横屏锁定
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:27:14 +08:00
kkfluous
ca4a84f84b
fix: 查询日期默认为当天
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:22:33 +08:00
kkfluous
94277efc24
fix: 车辆详情清单标题也吸顶,与KPI合为一个sticky块
...
Tab栏 + KPI统计 + 清单标题 三层吸顶:
- Tab栏 sticky top-0
- KPI + 清单标题 sticky top-[44px]
移动端和Web端都生效。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:19:49 +08:00
kkfluous
787fa27949
fix: overflow-x-hidden 改为 overflow-x:clip 修复 sticky 吸顶
...
overflow-x:hidden 会创建滚动容器导致 position:sticky 失效,
改用 overflow-x:clip 裁剪溢出但不破坏 sticky 定位。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:15:38 +08:00
kkfluous
c5ee78e892
feat: Tab栏和KPI卡片吸顶固定
...
滚动列表时:
- Tab栏(实时监控/统计报表/每日汇报)sticky固定在顶部
- KPI统计卡片sticky固定在Tab栏下方,略缩小间距
- 背景色匹配页面避免透出内容
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:11:35 +08:00
kkfluous
50eaeb05ae
fix: 统计报表用年度完成率替代总完成率
...
- 完成率改用 current_year_completion_rate 平均值
- 50%达标数改用 current_year_completion_rate >= 0.5
- 修复后数据:40台普货 完成率51.6% 50%达标15台
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:08:46 +08:00
kkfluous
1d8e827374
fix: 回到顶部按钮用 IntersectionObserver 检测+scrollIntoView
...
- 顶部放哨兵元素,离开视口时显示回到顶部按钮
- 点击用 scrollIntoView 替代 window.scrollTo,兼容各种布局
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-02 00:05:42 +08:00
kkfluous
54c8449f7b
fix: 用 IntersectionObserver 替代 scroll 事件实现瀑布流
...
scroll 事件在某些布局下不触发,改用 IntersectionObserver
监听列表底部哨兵元素,进入视口时自动加载下一页,更可靠。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:59:54 +08:00
kkfluous
b7b254546c
fix: 改进瀑布流滚动和回到顶部的可靠性
...
- 使用 ref 避免 loadMore 依赖导致事件重复注册
- 同时监听 window 和 document 的 scroll 事件
- 降低回到顶部按钮触发阈值到 400px
- 增大触底检测距离到 300px
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:52:38 +08:00
kkfluous
82dac759be
fix: 环比统计跟随筛选条件正确计算
...
每辆车缓存其昨日里程(yesterdayKm),筛选后的环比基于
相同筛选条件下的车辆计算,而非全局对比。
例如筛选"业务一部"后,今日和昨日都只统计一部的车辆。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:50:07 +08:00
kkfluous
0b8bbbb063
feat: 支持查询指定日期里程+删除搜索关键词和车牌号筛选
...
- 后端支持 date 参数,指定日期时实时查询数据库(不用缓存)
- 同时查询前一天数据计算环比
- 高级筛选添加"查询日期"日期选择器
- 删除高级筛选中的"搜索关键词"和"车牌号"(已有快捷筛选)
- 筛选标签支持显示日期条件
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:41:03 +08:00
kkfluous
cbf0e18634
fix: 里程环比改为真实值(与前一天对比)
...
- 后端缓存刷新时查询前一天总里程(yesterdayTotal)
- 前端计算真实环比:(今日-昨日)/昨日*100%
- 上涨显示蓝色↑,下跌显示红色↓
- 昨日无数据时不显示环比
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:33:52 +08:00
kkfluous
66de41d50b
fix: KPI统计跟随筛选条件变化+客户筛选修正+部门排序
...
- KPI统计(总里程/平均单车/监控台数)改为基于筛选后数据计算
- 移除不需要的 onlineCount 字段
- 快捷筛选"按客户"和全屏表格"客户"列改为真正的客户筛选
- 删除混乱的 projects 变量映射
- 部门列表按 一部→二部→三部 顺序排序
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:29:31 +08:00
kkfluous
c73e20bacf
fix: 快捷筛选按客户改为客户筛选、删除日期筛选、更新频率文案
...
- 快捷筛选"按客户"改为真正的客户名称筛选(独立于项目筛选)
- 删除高级筛选中的"日期区间"和"日期"(无后端支持)
- "40MIN更新"改为"每分钟更新"
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:26:34 +08:00
kkfluous
8fffa141f4
fix: 修复车牌搜索失效,确保所有筛选条件正常
...
- 后端新增 plate 查询参数支持
- 前端将 filterPlate 传给 API 并加入依赖数组
- 所有筛选条件(部门/项目/主体/车牌/搜索/里程范围)
均正确传递到后端并触发数据刷新
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:22:12 +08:00
kkfluous
cb620e5101
feat: 筛选条件标签展示+单独删除+清除全部
...
筛选后在 KPI 卡片上方展示活跃筛选条件标签(蓝色圆角),
每个标签可单独点×删除,右侧"清除"按钮重置所有筛选。
支持:部门/项目/主体/车牌/搜索/里程范围/地区。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:18:55 +08:00
kkfluous
2469da310d
fix: 里程范围筛选接入后端
...
- 后端支持 mileageMin/mileageMax 查询参数
- 前端点击"完成筛选"时将里程范围提交到后端
- "重置所有"同时清除已应用的里程范围
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:14:56 +08:00
kkfluous
863ab17b58
fix: 筛选器和显示优化
...
- 删除年份筛选
- 项目筛选改用真实项目数据(ln_vehicle_contract.project_name)
- 主体查询改用 tab_truck → tab_org 的 org_name
- 里程区间改为两个独立条件(里程≥ / 里程≤)
- 未分配客户显示为 -
- 统计报表日期格式改为 M.D(如 3.25)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 23:06:56 +08:00
kkfluous
2f6269e071
feat: 实时监控改为瀑布流无限滚动+回到顶部
...
- 移除分页按钮,改为滚动触底自动加载下一页
- 滚动超过600px时显示蓝色回到顶部按钮
- 底部提示加载状态(加载中.../已加载全部 N 条)
- 筛选/排序变化时自动重置为首页
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 22:52:05 +08:00
kkfluous
d8f25448d0
fix: 实时监控显示优化
...
1. KPI 总里程不保留小数
2. 车辆卡片先展示部门再展示客户名称,客户名称不截断
3. 无部门时展示租赁状态(自营/租赁/挂靠等)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 22:45:46 +08:00
kkfluous
c3300359a0
fix: 所有里程数据添加 km 单位
...
实时监控:全屏表格、车辆卡片的今日/累计里程添加 km
统计报表:全屏表格、考核详情、侧滑面板的里程值添加 km
统一使用小写 km
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 22:35:45 +08:00
kkfluous
aa024f1b64
perf: 实时监控改为缓存+分页架构
...
后端:
- 每2分钟刷新全量数据到内存缓存(并行查询两库)
- 预计算统计信息(totalToday/totalAll/onlineCount/vehicleCount)
- 预提取筛选选项(departments/customers/plates)
- API 直接从缓存读取,支持分页(每页50条)+筛选+排序
前端:
- KPI 统计使用后端返回的 stats
- 车辆列表分页,带翻页控件
- 筛选选项从后端 filters 获取
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 22:23:25 +08:00
kkfluous
1fb9d53873
perf: 实时监控性能优化
...
- 后端:车辆关联信息缓存5分钟、两库并行查询、支持服务端
筛选/排序/分页(默认返回100条)
- 前端:筛选和排序参数传给后端,不再加载全量数据
- 筛选选项(部门/客户/车牌)仅首次加载获取
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 22:11:52 +08:00
kkfluous
ad17803ed1
fix: 里程数超过10000显示为xx.xx万KM
...
添加 fmtKm() 格式化函数,统计报表中所有里程数值
超过10000时自动转为万单位显示。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:47:35 +08:00
kkfluous
152935819b
fix: 考核区间支持多批次显示
...
190辆冷链车有3个不同考核区间(40台、50台、100台),
恒运有2个。后端改为查询每个target的不同考核区间并返回
periods数组,前端换行显示每个区间及其车辆数。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:43:17 +08:00
kkfluous
2a10c5ae31
fix: 修复统计报表移动端适屏问题
...
- Shell main 添加 min-w-0 overflow-x-hidden 防止 flex 子元素溢出
- trend API 排除当天数据 (stat_date < CURDATE()),只返回前7天
- StatisticsView 移除移动端 overflow-hidden,改为仅 landscape 模式
- 图表和列表卡片在移动端正确显示全宽内容
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:36:25 +08:00
kkfluous
ee3db94c75
fix: 修复统计报表在移动端的溢出问题
...
- MileageModule 减少移动端 padding (p-6→p-3)
- StatisticsView 添加 overflow-x-hidden 防止横向溢出
- 图表容器添加 overflow-hidden
- 减少图表右侧 margin 防止标签被截断
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:29:54 +08:00
kkfluous
dd1834477d
fix: 修复统计报表完成率格式和项目名称显示
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:26:31 +08:00
kkfluous
7e2eefc3da
feat: 实现里程管理统计报表视图(1:1 复刻原型)
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:16:39 +08:00
kkfluous
167842408c
feat: 实现里程管理实时监控视图(1:1 复刻原型)
...
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:11:26 +08:00
kkfluous
0a2cfc22c4
feat: MileageModule Tab 切换 + DailyReportView 占位
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 21:06:05 +08:00
kkfluous
75b4e55dca
feat: 添加里程管理 API 路由(monitoring/targets/trend)
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 21:06:01 +08:00
kkfluous
5ff3372f2a
feat: 添加里程管理 API 客户端
2026-04-01 21:05:29 +08:00
kkfluous
a7e617bc6f
feat: 添加 hydrogen_energy 数据库连接和里程管理类型定义
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 21:03:52 +08:00
kkfluous
3d6c31a86e
docs: 添加里程管理模块实施计划
...
7 个 Task:后端数据库连接+API 路由、前端类型+API 客户端、
MileageModule Tab 切换、MonitoringView 1:1 复刻、
StatisticsView 1:1 复刻、集成验证。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 21:01:58 +08:00
kkfluous
7cf7bc945a
docs: 添加里程管理模块设计文档
...
覆盖架构、API 端点、前端组件、数据映射,
1:1 复刻原型的实时监控和统计报表。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 20:55:45 +08:00
kkfluous
968e9369a0
refactor: 重写 App.tsx 为模块化顶层壳
2026-04-01 19:22:30 +08:00
kkfluous
caec13eec5
refactor: 创建 AssetsModule,迁移资产管理逻辑
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 19:21:39 +08:00
kkfluous
bb3dbde1c7
feat: 创建 Shell 布局组件(侧边栏 + 底部导航)
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 19:19:26 +08:00
kkfluous
40e84a1eaa
feat: 创建里程管理占位组件
2026-04-01 19:19:22 +08:00
kkfluous
be6598a940
refactor: 移动 types.ts 和 api.ts 到 modules/assets/
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 19:19:11 +08:00
kkfluous
de0320bfcd
refactor: 抽取 SearchSelect 为公共组件
...
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-04-01 19:18:16 +08:00
kkfluous
b495cac0fe
docs: 添加模块化重构实施计划
...
7 个 Task 的详细步骤,覆盖 SearchSelect 抽取、文件迁移、
AssetsModule 创建、Shell 布局、里程占位、App.tsx 重写和清理。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 19:07:02 +08:00
kkfluous
cfd81b1b9d
docs: 添加模块化重构设计文档
...
支持多 BI 大类(资产管理、里程管理)的架构重构设计,
包括目录结构、Shell 布局、导航机制和迁移策略。
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-04-01 19:03:13 +08:00
kkfluous
44c6f98254
fix: 出勤说明移到按部门/按业务负责人切换Tab的上方
...
ci/woodpecker/push/woodpecker Pipeline was successful
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-29 09:53:03 +08:00
kkfluous
dbf3f3becb
fix: 日期格式化为yyyy-MM-dd、出勤说明另起一行
...
ci/woodpecker/push/woodpecker Pipeline was successful
- 本周还车/交车/替换的日期从ISO格式截取前10位
- 出勤说明移到切换按钮下方单独一行
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-29 09:50:45 +08:00
kkfluous
3e4122caec
fix: 去除客户Tab的饼图(客户运营地区占比)
...
ci/woodpecker/push/woodpecker Pipeline was successful
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-29 09:39:10 +08:00
kkfluous
c70e4b52c4
fix: 出勤说明文字改为浅灰色
...
ci/woodpecker/push/woodpecker Pipeline was successful
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com >
2026-03-29 09:36:15 +08:00