# weather **Repository Path**: showword/weather ## Basic Information - **Project Name**: weather - **Description**: No description available - **Primary Language**: TypeScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-12-10 - **Last Updated**: 2025-12-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 智能电网可视化大屏 - 江苏省 Smart Grid Dashboard for Jiangsu Province ## 项目简介 基于 React + TypeScript + Vite 构建的智能电网可视化大屏系统,提供电网运行、负荷分析、新能源接入、资产管理和经济分析的可视化展示功能。 ## 技术栈 - **前端框架**: React 18 + TypeScript - **构建工具**: Vite - **状态管理**: Zustand - **数据可视化**: ECharts 5.x - **地图组件**: Leaflet + React-Leaflet - **UI 组件库**: Ant Design 5.x - **HTTP 客户端**: Axios - **实时通信**: WebSocket ## 项目结构 ``` smart-grid-dashboard/ ├── src/ │ ├── components/ # 通用组件 │ ├── features/ # 功能模块 │ ├── services/ # API 服务 │ ├── stores/ # 状态管理 │ ├── types/ # TypeScript 类型定义 │ ├── utils/ # 工具函数 │ ├── App.tsx # 主应用组件 │ ├── main.tsx # 应用入口 │ └── index.css # 全局样式 ├── public/ # 静态资源 ├── .kiro/ # Kiro 规范文档 │ └── specs/ │ └── smart-grid-dashboard/ │ ├── requirements.md # 需求文档 │ ├── design.md # 设计文档 │ └── tasks.md # 任务列表 ├── vite.config.ts # Vite 配置 ├── tsconfig.json # TypeScript 配置 ├── package.json # 项目依赖 └── README.md # 项目说明 ``` ## 开发指南 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` 访问 http://localhost:3000 ### 构建生产版本 ```bash npm run build ``` ### 代码检查 ```bash npm run lint ``` ### 代码格式化 ```bash npm run format ``` ### 运行测试 ```bash npm run test ``` ## 环境变量 复制 `.env.example` 到 `.env.development` 或 `.env.production` 并配置相应的环境变量: - `VITE_API_BASE_URL`: API 基础 URL - `VITE_WS_URL`: WebSocket URL - `VITE_MAP_API_KEY`: 地图 API 密钥 - `VITE_ENABLE_MOCK_DATA`: 是否启用模拟数据 - `VITE_ENABLE_DEBUG`: 是否启用调试模式 ## 核心功能模块 1. **电网运行状态实时监控** - 实时显示电网运行参数和功率曲线 2. **负荷分析与预测展示** - 负荷曲线、统计数据和预测对比 3. **新能源接入监测** - 风电、光伏接入情况和弃风弃光率 4. **气象环境数据展示** - 实时气象数据和天气预报 5. **光伏发电功率预测** - 基于气象条件的光伏预测 6. **地理信息系统集成** - 设施分布地图和状态标记 7. **告警与故障管理** - 告警列表、筛选和热力图 8. **资产健康管理** - 设备健康评分和维护建议 9. **用户侧用电分析** - 行业用电分布和大用户排名 10. **节能与碳排放分析** - 节能潜力和碳排放计算 ## 开发规范 - 遵循 ESLint 和 Prettier 配置 - 使用 TypeScript 严格模式 - 组件使用函数式组件和 Hooks - 状态管理使用 Zustand - API 调用统一通过 services 层 - 样式使用 CSS Modules 或 Ant Design 主题 ## 许可证 MIT