44 lines
1.2 KiB
Markdown
44 lines
1.2 KiB
Markdown
|
# EMS Frontend Template
|
||
|
|
|
||
|
|
Base React frontend template for EMS customer projects.
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
When creating a new customer project, copy this template:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
cp -r ems-frontend-template/ <customer-repo>/frontend/
|
||
|
|
cd <customer-repo>/frontend
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
Then customize:
|
||
|
|
1. Edit `src/App.tsx` — add/remove routes per customer needs
|
||
|
|
2. Edit `src/layouts/MainLayout.tsx` — customer branding (logo, colors, sidebar)
|
||
|
|
3. Edit `package.json` — remove unused deps (e.g., Three.js if no 3D)
|
||
|
|
4. Edit `vite.config.ts` — update proxy target if backend port differs
|
||
|
|
|
||
|
|
## Tech Stack
|
||
|
|
- React 19 + TypeScript
|
||
|
|
- Ant Design 5 + ProComponents
|
||
|
|
- ECharts 6
|
||
|
|
- Three.js + React Three Fiber (optional, for 3D visualization)
|
||
|
|
- i18next (zh + en)
|
||
|
|
- Vite 8
|
||
|
|
|
||
|
|
## Available Pages
|
||
|
|
- Dashboard, Monitoring, Devices, DeviceDetail
|
||
|
|
- Analysis (cost, loss, YoY, MoM, subitem)
|
||
|
|
- Alarms, Carbon, Reports
|
||
|
|
- BigScreen (2D), BigScreen3D (3D)
|
||
|
|
- Charging (stations, piles, orders, pricing)
|
||
|
|
- Prediction, EnergyStrategy, AIOperations
|
||
|
|
- Maintenance, DataQuery, Management, Quota
|
||
|
|
- System (settings, audit log)
|
||
|
|
- Login
|
||
|
|
|
||
|
|
## Notes
|
||
|
|
- Not all pages are needed for every customer
|
||
|
|
- Remove unused page imports from App.tsx
|
||
|
|
- Remove corresponding dependencies from package.json
|