100 lines
3.5 KiB
Markdown
100 lines
3.5 KiB
Markdown
# 页面优化与功能实现TODO清单
|
|
|
|
## 已完成
|
|
|
|
### Dashboard工作台
|
|
- [x] ✅ 活动动态流 - 实时活动条目动画入场
|
|
- [x] ✅ 动态高亮效果 - 新活动绿色高亮闪烁
|
|
- [x] ✅ 活动入场动画 - AnimatePresence滑入效果
|
|
- [x] ✅ 图表呼吸动画 - 网格和模块脉冲效果
|
|
- [x] ✅ 快速入口交互动画 - 背景渐变放大
|
|
|
|
### MonitoringCenter监控中心
|
|
- [x] ✅ 数据流动画 - 8条流动光带背景
|
|
- [x] ✅ 工艺阶段呼吸效果 - 动态径向渐变
|
|
- [x] ✅ 状态指示灯 - 脉冲+发光组合动画
|
|
- [x] ✅ 进度条扫光效果 - 白色扫光动画
|
|
- [x] ✅ 温度/负荷数字动画 - 缩放动画
|
|
- [x] ✅ 连接箭头粒子 - 浮动粒子效果
|
|
- [x] ✅ 报警入场动画 - AnimatePresence弹出
|
|
- [x] ✅ 报警震动效果 - 警告图标抖动
|
|
|
|
### FurnaceDiagnosis高炉诊断
|
|
- [x] ✅ 对话气泡入场动画 - spring弹性入场
|
|
- [x] ✅ 用户/AI图标动画 - 脉冲和旋转效果
|
|
- [x] ✅ 消息标签动画 - 弹性放大出现
|
|
- [x] ✅ 处理中动画 - 3点loading跳动
|
|
- [x] ✅ 输入框聚焦动画 - 轻微放大
|
|
- [x] ✅ 发送按钮悬停效果 - 缩放动画
|
|
|
|
### IntelligentConverter智能转炉
|
|
- [x] ✅ 吹炼阶段进度条 - 渐变色+扫光
|
|
- [x] ✅ 阶段时间轴 - 三阶段卡片状态动画
|
|
- [x] ✅ 关键参数卡片 - 脉冲发光效果
|
|
- [x] ✅ 控制建议卡片 - 动态渐变背景
|
|
- [x] ✅ 执行中状态 - 闪烁绿点动画
|
|
- [x] ✅ 置信度动画 - 脉冲缩放效果
|
|
- [x] ✅ 按钮悬停发光 - 绿色发光效果
|
|
|
|
### DataGovernanceStandard数据治理标准
|
|
- [x] ✅ 工序数据标准标题 - 旋转动画图标
|
|
- [x] ✅ 数据流动画背景 - 5条流动光带
|
|
- [x] ✅ 选中状态指示器 - 脉冲闪烁
|
|
- [x] ✅ 完成状态动画 - 弹性放大出现
|
|
- [x] ✅ 进度条扫光效果 - 白色扫光
|
|
- [x] ✅ 统计数据动画 - 数字滚动动画
|
|
- [x] ✅ 行业切换动画 - easeOut缓动
|
|
|
|
### PromptEngineering Prompt提示词
|
|
- [x] ✅ 模板预览打字机效果 - 逐字显示
|
|
- [x] ✅ 预览进度条 - 实时百分比
|
|
- [x] ✅ 变量高亮显示 - 蓝色边框动画
|
|
- [x] ✅ 模板卡片入场动画 - 交错延迟
|
|
- [x] ✅ 编辑器聚焦动画 - 边框高亮
|
|
|
|
### RAGSystem智能检索
|
|
- [x] ✅ 检索阶段指示器 - 4阶段流水线
|
|
- [x] ✅ 阶段图标旋转 - 当前阶段动态
|
|
- [x] ✅ 进度条渐变动画 - 流动效果
|
|
- [x] ✅ 答案打字机效果 - 光标闪烁
|
|
- [x] ✅ AI Generated标签 - 缩放出现
|
|
- [x] ✅ 检索结果悬停 - 阴影发光
|
|
- [x] ✅ 相关度进度条 - 扫光动画
|
|
- [x] ✅ 相关度数字 - 缩放+变色动画
|
|
|
|
### KnowledgeFusion知识融合
|
|
- [x] ✅ 统计卡片脉冲动画 - 选中时放大
|
|
- [x] ✅ 渐变光球动画 - 缩放呼吸
|
|
- [x] ✅ 实体标签动画 - 悬停缩放
|
|
- [x] ✅ 建议状态发光 - 绿色呼吸
|
|
- [x] ✅ 相似度背景扫光 - 流动动画
|
|
- [x] ✅ 相似度数字发光 - textShadow效果
|
|
- [x] ✅ 合并动画覆盖层 - 滑动渐变
|
|
- [x] ✅ 合并状态图标动画 - 脉冲旋转
|
|
- [x] ✅ 融合历史条目动画 - 交错入场
|
|
- [x] ✅ 历史时间闪烁 - 延迟错开
|
|
|
|
## 公共组件
|
|
|
|
### useAnimations Hook
|
|
- [x] ✅ useLoopAnimation - 循环动画
|
|
- [x] ✅ useStaggerAnimation - 交错延迟
|
|
- [x] ✅ useMouseFollow - 3D鼠标跟随
|
|
- [x] ✅ useTypewriter - 打字机效果
|
|
- [x] ✅ useCounterAnimation - 数字滚动
|
|
- [x] ✅ use3DCardEffect - 3D翻转卡片
|
|
- [x] ✅ useParticles - 粒子系统
|
|
- [x] ✅ useScrollAnimation - 滚动触发动画
|
|
|
|
## 进行中
|
|
|
|
暂无
|
|
|
|
## 待办
|
|
|
|
暂无
|
|
|
|
---
|
|
|
|
**最后更新**: 2026-04-04
|