แดชบอร์ด
ดูภาพรวมรายรับรายจ่าย กระแสเงินสด และยอดจากออเดอร์ในที่เดียว
แดชบอร์ด
ไปที่ หน้าแรก (/s/<shopId>/dashboard) เป็นที่รวมเงินสดของร้านทุกอย่าง -- ทั้งที่ลงทุน รายจ่าย รายรับ และยอดจากออเดอร์อัตโนมัติ
ระบบแยก data 2 แหล่ง:
- Manual -- รายการที่คุณพิมพ์เอง (เช่น ค่าส่ง ค่าโฆษณา ค่าลงทุน)
- NubSatang -- ออเดอร์จากบอท/หน้าร้าน ที่ระบบสร้างให้อัตโนมัติ
ใช้ toggle ที่หัวหน้าจอ Manual / NubSatang / ทั้งหมด เพื่อสลับมุมมอง
Hero -- ยอดรวม
ส่วนบนสุดแสดง:
- ยอดรวมทั้งหมด -- รายรับ - รายจ่าย ทั้งหมด
- รายจ่าย / รายรับ -- ยอดแยกแต่ละด้าน
- จำนวน รายการ -- กี่ entry
แตะ chip ทั้งหมด / กำลังดำเนินการ / เสร็จสิ้น เพื่อกรอง
ส่วน NubSatang Sales
ถ้าเปิด source = NubSatang หรือ All จะเห็น:
- ยอดสั่งซื้อ -- รวมยอดออเดอร์ในช่วงเวลา
- ยอดชำระแล้ว -- ยอดที่ลูกค้าโอนแล้ว
- ยอดค้างรับ -- ยอดที่ยังไม่เก็บ
- ออเดอร์ -- จำนวนออเดอร์
ช่วงเวลาเลือกได้: วันนี้ / สัปดาห์นี้ / เดือนนี้ / ปีนี้ / กำหนดเอง
กรองสถานะ: ไม่นับยกเลิก (default) หรือ ทุกสถานะ
ใต้นั้นมีกราฟ ยอดขาย NubSatang แสดงเทรนด์เป็น bar chart
Cashflow Chart
กราฟแสดงเงินเข้า-ออก เทียบกันรายวัน/รายเดือน ช่วยให้เห็นแพทเทิร์น (เช่น ปลายเดือนเงินเข้าเยอะ)
Top Categories
ตารางย่อแสดงประเภทที่มียอดสูงสุดในช่วงเวลา -- ใช้เช็คว่าค่าใช้จ่ายไหนสูงเกินคาด
รายการ Manual
ส่วนล่างเป็น list ของรายการที่คุณเพิ่มเอง แต่ละ entry มี:
- ชื่อรายการ + ประเภท
- จำนวนเงิน (เขียวสำหรับรายรับ แดงสำหรับรายจ่าย)
- Progress bar -- ใช้สำหรับรายการที่ทยอยรับเข้า/จ่ายออก
- วันที่
- ปุ่ม เงินเข้า / เงินออก -- บันทึก transaction เพิ่มเข้ารายการนี้
- ปุ่ม จบรายการ -- ปิดรายการเมื่อเสร็จ
เพิ่มรายการใหม่
กดปุ่ม + มุมขวาล่าง (FAB) เปิดฟอร์ม:
- ชื่อรายการ (เช่น "ค่าสินค้า Labubu Halloween")
- ประเภท -- ค่าสินค้า / ค่าส่ง / ค่าลงทุน / ค่าคอลแลป / อื่นๆ (หรือสร้าง category เองได้)
- รายรับ / รายจ่าย
- จำนวนเงิน -- เป้าหมาย (ถ้าทยอยจ่าย ใส่ยอดรวมที่ต้องการ)
- ผู้จัดหา / ลูกค้า (option)
- วันที่เริ่ม-สิ้นสุด (option)
- หมายเหตุ
บันทึกแล้วจะโผล่ใน list ทันที (optimistic update)
บันทึกการเงินเข้า/ออก ในรายการ
คลิกรายการ → เห็น modal:
- รายการ transaction ของรายการนี้ทั้งหมด
- กด + เงินเข้า / + เงินออก เพิ่ม transaction ใหม่
- ดูยอดที่เหลือ / ที่โปะแล้ว
ตัวอย่าง: รายจ่ายค่าสินค้า ฿20,000 -- พอเก็บเงินลูกค้าได้ ฿5,000 กด "เงินเข้า ฿5,000" → progress bar เลื่อนเป็น 25%
Search / Sort / Filter
ใน list ด้านล่าง:
- Search ชื่อรายการ
- Sort by date (ใหม่/เก่า)
- Sort by amount (มาก/น้อย)
Tip การใช้งาน
- ดูภาพรวมต้นเดือนเพื่อ plan รับ-จ่าย
- เปิด source = ทั้งหมดเพื่อเห็นภาพรวมจริง
- เปิด source = NubSatang เพื่อโฟกัสยอดจากระบบเท่านั้น
- ใช้ "จบรายการ" เมื่อปิด deal แล้ว เพื่อ Progress bar ไม่ให้บ่นว่ายังค้าง
บทความนี้มีประโยชน์ไหม?