แดชบอร์ด

ดูภาพรวมรายรับรายจ่าย กระแสเงินสด และยอดจากออเดอร์ในที่เดียว

แดชบอร์ด

ไปที่ หน้าแรก (/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 ไม่ให้บ่นว่ายังค้าง

บทความนี้มีประโยชน์ไหม?