diff --git a/public/documents/chapter-22-admin-dashboard.md b/public/documents/chapter-22-admin-dashboard.md
new file mode 100644
index 00000000..fc542d97
--- /dev/null
+++ b/public/documents/chapter-22-admin-dashboard.md
@@ -0,0 +1,24 @@
+# Dashboard
+
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ปรากฏหน้าจอหน้าแรกของระบบทรัพยากรบุคคล ให้คลิกเลือกแถบเมนู “Dashboard” โดยระบบ Dashboard จะทำการแยกเมนูคือเมนูโครงสร้าง และกรอบอัตรากำลัง, ทะเบียนประวัติ, สรรหาสอบแข่งขัน, สรรหาคัดเลือก, สรรหาคัดเลือกผู้พิการ, การบรรจุ แต่งตั้ง ย้าย โอน, การพ้นจากราชการ, บันทึกเวลา และการลา, การดำเนินการทางวินัย, เงินเดือน/ค่าจ้าง, การประเมินผลฯ ระดับดับบุคคล และการพัฒนาบุคลากร/ศึกษาต่อ ดังรูปภาพ
+
+![รูปภาพที่ 22 – 1 เมนู Dashboard](images/admin/chapter22/1.png)
+
+- โดยระบบ Dashboard จะมีหน้าที่ในการสรุปผลสถิติข้อมูลต่าง ๆ ของแต่ละระบบรวมไว้ในระบบ Dashboard โดยแยกตามเมนูตามระบบ ซึ่งการใช้งาน จะใช้งานในรูปแบบเดียวกัน คือ ระบบสามารถทำการแสดงสถิติข้อมูลต่าง เช่น ภาพรวมของระบบ รวมถึงการส่งออกข้อมูลต่าง ๆ ของแต่ละระบบได้ หรือการแสดงข้อมูลสถิติของแต่ละหน่วยงานได้เช่นกัน ดังตัวอย่างภาพสถิติระบบเงินเดือน/ค่าจ้าง
+
+- การส่งออกข้อมูล Dashboard ของระบบที่ต้องการ ให้เจ้าหน้าที่ผู้ดูแลระบบทำการใช้เมาส์คลิก ![close](images/button/export-pdf.png) ระบบจะทำการส่งออก หรือดาวน์โหลดข้อมูล Dashboard หรือข้อมูลสถิติให้ทันที ในรูปแบบไฟล์ .pdf
+
+![รูปภาพที่ 22 – 2 เมนู Dashboard ระบบเงินเดือน/ค่าจ้าง](images/admin/chapter22/2.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหา  
+> หมายเลข 2 ช่องสำหรับแสดงข้อมูลจำนวนเงินเดือนรวมของข้าราชการกรุงเทพมหานครสามัญตามหน่วยงาน  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อดาวน์โหลดรายงานสถิติของระบบเงินเดือน และค่าจ้าง
+
+![รูปภาพที่ 22 – 3 เมนู Dashboard ระบบเงินเดือน/ค่าจ้าง (2)](images/admin/chapter22/3.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงข้อมูลจำนวนเงินเดือนรวมของข้าราชการกรุงเทพมหานครสามัญ จำแนกตามระดับตำแหน่ง
+
+![รูปภาพที่ 22 – 4 เมนู Dashboard ระบบเงินเดือน/ค่าจ้าง (3)](images/admin/chapter22/4.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงข้อมูลจำนวนเงินเดือนของข้าราชการกรุงเทพมหานครสามัญ แยกตามช่วงอายุ โดยแสดงข้อมูลเป็นแผนภูมิวงกลม  
+> หมายเลข 2 ช่องสำหรับแสดงข้อมูลจำนวนเงินเดือนของข้าราชการกรุงเทพมหานครสามัญ แยกตามช่วงอายุ โดยแสดงข้อมูลเป็นรายการ (List)
diff --git a/public/images/admin/chapter22/1.png b/public/images/admin/chapter22/1.png
new file mode 100644
index 00000000..3628603f
Binary files /dev/null and b/public/images/admin/chapter22/1.png differ
diff --git a/public/images/admin/chapter22/2.png b/public/images/admin/chapter22/2.png
new file mode 100644
index 00000000..11364ab5
Binary files /dev/null and b/public/images/admin/chapter22/2.png differ
diff --git a/public/images/admin/chapter22/3.png b/public/images/admin/chapter22/3.png
new file mode 100644
index 00000000..0d752a20
Binary files /dev/null and b/public/images/admin/chapter22/3.png differ
diff --git a/public/images/admin/chapter22/4.png b/public/images/admin/chapter22/4.png
new file mode 100644
index 00000000..93d9cc52
Binary files /dev/null and b/public/images/admin/chapter22/4.png differ
diff --git a/public/images/button/export-pdf.png b/public/images/button/export-pdf.png
new file mode 100644
index 00000000..8def08e9
Binary files /dev/null and b/public/images/button/export-pdf.png differ
diff --git a/public/toc.json b/public/toc.json
index 20d08d52..3111abb3 100644
--- a/public/toc.json
+++ b/public/toc.json
@@ -372,7 +372,7 @@
               }
             ]
           },
-                    {
+          {
             "label": "รายงาน",
             "path": "/chapter-17-8-admin-discipline-report"
           }
@@ -466,6 +466,10 @@
             "path": "/chapter-21-4-admin-development-scholarship"
           }
         ]
+      },
+      {
+        "label": "Dashboard",
+        "path": "/chapter-22-admin-dashboard"
       }
     ]
   },