← กลับไปยัง Dev Center
ทดสอบ Dashboard Components
หน้าทดสอบสำหรับ Dashboard Components ทั้งหมด พร้อมแสดงผลแบบธีมตาม Property Type Group
1. Chart Cards (กราฟแสดงสถิติ)
กราฟแสดงการกระจายตัวตามประเภทอาคารและกลุ่มอายุอาคาร
การกระจายตัวตามประเภทอาคาร
กำลังคำนวณ
กลุ่มอายุอาคาร
กำลังคำนวณ
2. Dashboard Cards with Property Type Group Theming
แสดงการใช้งาน Dashboard Cards พร้อมธีมสีตาม Property Type Group
ภาพรวมอาคารที่พักอาศัย
ข้อมูลสถิติและตัวชี้วัดหลัก
จำนวนและสถานะ
89 อาคาร
ต้องการรื้อถอน
ต้องการซ่อมบำรุง
78
ปกติ
ไม่มีสถานะ
อัตราการใช้งาน
82.10%
+2.8% จากไตรมาสที่แล้ว
ค่าใช้จ่ายในการก่อสร้าง
฿2,450,300
+4.2% จากเดือนที่แล้ว
ไม่มีข้อมูล
ค่าใช้จ่ายในการซ่อมบำรุง
฿780,200
+12.5% จากเดือนที่แล้ว
ไม่มีข้อมูล
อาคารที่ต้องการซ่อมบำรุง
รายการอาคารที่ต้องดำเนินการซ่อมบำรุง
อาคารที่ต้องการซ่อมบำรุง
| อาคาร | ประเภทอาคาร | สถานที่ | อายุอาคาร |
|---|---|---|---|
อาคารพักอาศัย 1 RES001 | อาคารพักอาศัย | 8 ปี | |
อาคารพักอาศัย 2 RES002 | อาคารพักอาศัย | 12 ปี | |
อาคารพักอาศัย 3 RES003 | อาคารพักอาศัย | 25 ปี | |
อาคารพักอาศัย 4 RES004 | อาคารพักอาศัย | 5 ปี |
รายละเอียด Components
ChartCards:
- BuildingTypePieChartCard - กราฟวงกลมแสดงการกระจายตามประเภทอาคาร
- BuildingAgeBarChartCard - กราฟแท่งแสดงกลุ่มอายุอาคาร
StatCards:
- CountAndStatusCard - แสดงจำนวนและสถานะอาคาร (ต้องการซ่อม/กำลังซ่อม/ปกติ)
- OccupancyCard - แสดงอัตราการใช้งานพร้อมกราฟแนวโน้ม
- CostCard - แสดงค่าใช้จ่าย (ก่อสร้าง/ซ่อมบำรุง) พร้อมกราฟแนวโน้ม
MaintenanceTable:
- แสดงตารางอาคารที่ต้องการซ่อมบำรุง
- รองรับการปรับแต่งธีมสีตาม Property Type Group
Property Type Group Theming:
- Residential (Blue): ใช้สีน้ำเงินสำหรับ cards, tables, และ charts
- Commercial (Emerald): ใช้สีเขียวสำหรับ cards, tables, และ charts