กลับหน้าหลัก

โครงสร้าง

แผนผังหน้าจอ (Sitemap)

19 หน้าจอใน 3 กลุ่ม — คลิกชื่อหน้าเพื่อเปิด และดูว่าแต่ละหน้าลิงก์ไปไหน

เข้าสู่ระบบ (ใช้ร่วม)

index.html — หน้าเลือก portal

→ login · เว็บแอดมิน · แอปมือถือ · sitemap

login.html

→ เลือกเข้า แอดมิน / มือถือ (modal)
→ register · forgot

3 ขั้น: ฟอร์ม → OTP → สำเร็จ → login

forgot.html

→ ส่งลิงก์ (toast) → login

เว็บแอดมิน (web)

→ รายการทั้งหมด · รายงาน
→ บันทึกรับเงิน (modal) · แถวรายการ → detail

transactions.html

ค้นหา/กรอง/เรียง · ส่งออก CSV · เพิ่มรายการ (modal)
→ transaction-detail

transaction-detail.html

พิมพ์ใบเสร็จ · คืนเงิน/ยกเลิก (confirm) → ดูลูกค้า

เพิ่ม (modal) · ลบ (confirm) · กรอง · → customer-detail

customer-detail.html

ประวัติการซื้อ → transaction-detail

เพิ่ม/แก้ไข (modal) · ลบ (confirm) · กรองสถานะ

สลับช่วง 7/30 วัน · กราฟแท่ง + ตาราง · ส่งออก

staff.html

เพิ่ม/แก้ไข (modal) · เปิด-ปิดใช้งาน (confirm)

แท็บ: ร้าน / PromptPay / บัญชี · เปลี่ยนรหัส (modal) · ออกจากระบบ → login

แอปพนักงาน (mobile)

home.html

→ รับเงิน · รายการ · โปรไฟล์

กรอกเงิน + รายละเอียด → deposit-qr

deposit-qr.html

แสดง QR + นับถอยหลัง · ยืนยัน → success · ยกเลิก → deposit

deposit-success.html

→ ดูรายการ · รับเงินใหม่ · detail

transactions.html

ค้นหา/กรอง · → transaction-detail

transaction-detail.html

แชร์สลิป (toast)

แก้ไขโปรไฟล์/รหัส (modal) · → สลับเว็บแอดมิน · ออกจากระบบ → login