HaHafeng
200eab5c2e
新功能 - 列头筛选：Excel风格筛选功能（Community版本，中文本地化，显示唯一值及计数） - 行号列：添加固定行号列（#列头，灰色背景，左侧固定） - 全量数据加载：不再限制50行预览，Session加载全量数据 - 全量数据返回：所有快速操作（筛选/映射/分箱/条件/删NA/计算/Pivot）全量返回结果 Bug修复 - 滚动条终极修复：修改MainLayout为固定高度（h-screen + overflow-hidden），整个浏览器窗口无滚动条，只有AG Grid内部滚动 - 计算列全角字符修复：自动转换中文括号等全角字符为半角 - 计算列特殊字符列名修复：完善列别名机制，支持任意特殊字符列名 UI优化 - 删除'表格仅展示前50行'提示条，减少干扰 - 筛选对话框美化：白色背景，圆角，阴影 - 列头筛选图标优化：清晰可见，易于点击 文档更新 - 工具C_功能按钮开发计划_V1.0.md：添加V1.5版本记录 - 工具C_MVP开发_TODO清单.md：添加Day 8 UX优化内容 - 00-工具C当前状态与开发指南.md：更新进度为98% - 00-模块当前状态与开发指南.md：更新DC模块状态 - 00-系统当前状态与开发指南.md：更新系统整体状态 影响范围 - Python微服务：无修改 - Node.js后端：5处代码修改（SessionService + QuickActionController + AICodeService） - 前端：MainLayout + DataGrid + ag-grid-custom.css + index.tsx - 完成度：Tool C整体完成度提升至98% 代码统计 - 修改文件：~15个文件 - 新增行数：~200行 - 修改行数：~150行 Co-authored-by: AI Assistant <assistant@example.com>
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { Suspense } from 'react'
|
||
import { Outlet } from 'react-router-dom'
|
||
import { Spin } from 'antd'
|
||
import TopNavigation from './TopNavigation'
|
||
import ErrorBoundary from '../modules/ErrorBoundary'
|
||
|
||
/**
|
||
* 主布局组件
|
||
*
|
||
* @description
|
||
* - 顶部导航栏
|
||
* - 错误边界保护 ⭐ Week 2 Day 7 新增
|
||
* - 懒加载支持（Suspense）
|
||
* - 主内容区（Outlet）
|
||
*
|
||
* @version Week 2 Day 7 - 任务17：集成错误边界
|
||
*/
|
||
const MainLayout = () => {
|
||
return (
|
||
<div className="h-screen flex flex-col overflow-hidden bg-gray-50">
|
||
{/* 顶部导航 */}
|
||
<TopNavigation />
|
||
|
||
{/* 主内容区 - 添加错误边界保护 ⭐ */}
|
||
<div className="flex-1 flex flex-col overflow-hidden">
|
||
<ErrorBoundary moduleName="主应用">
|
||
<Suspense
|
||
fallback={
|
||
<div className="flex-1 flex items-center justify-center">
|
||
<Spin size="large" />
|
||
</div>
|
||
}
|
||
>
|
||
<Outlet />
|
||
</Suspense>
|
||
</ErrorBoundary>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default MainLayout
|
||
|
||
|