Quản Lý Hạ Tầng¶
Hệ thống hỗ trợ quản lý CRUD đầy đủ cho 4 loại hạ tầng xanh.
Các Loại Hạ Tầng¶
| Loại | Đường dẫn | Mô tả |
|---|---|---|
| 🌳 Công viên | /parks |
Công viên, vườn hoa, không gian xanh |
| ⚡ Trạm sạc | /charging |
Trạm sạc xe điện |
| 🚴 Xe đạp | /bikes |
Điểm thuê xe đạp công cộng |
| 📸 Du lịch | /tourist |
Điểm tham quan |
Giao Diện Chung¶
Tất cả các trang quản lý hạ tầng có cấu trúc tương tự:
┌─────────────────────────────────────────────────────┐
│ Tiêu đề [+ Thêm mới] │
├─────────────────────────────────────────────────────┤
│ [Tìm kiếm... ] [Lọc ▼] │
├─────────────────────────────────────────────────────┤
│ ┌─────────────────────────────────────────────────┐ │
│ │ ID │ Tên │ Vị trí │ Hành động │ │
│ ├────┼──────────────┼───────────┼────────────────┤ │
│ │ 1 │ Công viên A │ Hoàn Kiếm │ [Sửa] [Xóa] │ │
│ │ 2 │ Công viên B │ Ba Đình │ [Sửa] [Xóa] │ │
│ │ ...│ ... │ ... │ ... │ │
│ └─────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────┤
│ [< 1 2 3 4 5 >] │
└─────────────────────────────────────────────────────┘
Thao Tác CRUD¶
Thêm Mới (Create)¶
- Click nút [+ Thêm mới]
- Điền thông tin trong form:
- Tên: Tên địa điểm (bắt buộc)
- Mô tả: Thông tin chi tiết
- Tọa độ: Lat/Long (hoặc chọn trên bản đồ)
- Thông tin bổ sung: Tùy loại hạ tầng
- Click [Lưu]
Xem Chi Tiết (Read)¶
Click vào tên địa điểm hoặc icon 👁️ để xem chi tiết.
Chỉnh Sửa (Update)¶
- Click nút [Sửa] hoặc icon ✏️
- Chỉnh sửa thông tin trong form
- Click [Lưu thay đổi]
Xóa (Delete)¶
- Click nút [Xóa] hoặc icon 🗑️
- Xác nhận trong dialog: "Bạn có chắc muốn xóa?"
- Click [Xác nhận]
Lưu ý
Thao tác xóa không thể hoàn tác. Dữ liệu sẽ bị xóa vĩnh viễn.
Chi Tiết Từng Loại¶
🌳 Quản Lý Công Viên¶
Các trường thông tin:
| Trường | Kiểu | Mô tả |
|---|---|---|
| name | String | Tên công viên |
| description | Text | Mô tả chi tiết |
| address | String | Địa chỉ |
| area | Number | Diện tích (m²) |
| coordinates | [lat, lng] | Tọa độ |
⚡ Quản Lý Trạm Sạc¶
Các trường thông tin:
| Trường | Kiểu | Mô tả |
|---|---|---|
| name | String | Tên trạm |
| operator | String | Nhà vận hành (VinFast, E-Station...) |
| capacity | Number | Số cổng sạc |
| connector_types | Array | Loại cổng (Type 2, CCS2...) |
| status | Enum | Trạng thái (active/inactive) |
| coordinates | [lat, lng] | Tọa độ |
🚴 Quản Lý Điểm Thuê Xe Đạp¶
Các trường thông tin:
| Trường | Kiểu | Mô tả |
|---|---|---|
| name | String | Tên điểm |
| operator | String | Nhà vận hành |
| capacity | Number | Số xe tối đa |
| available | Number | Số xe khả dụng |
| coordinates | [lat, lng] | Tọa độ |
📸 Quản Lý Điểm Du Lịch¶
Các trường thông tin:
| Trường | Kiểu | Mô tả |
|---|---|---|
| name | String | Tên địa điểm |
| type | Enum | Loại hình (Đền, Chùa, Di tích...) |
| description | Text | Mô tả |
| opening_hours | String | Giờ mở cửa |
| coordinates | [lat, lng] | Tọa độ |