ผังองค์กร (Org Chart)

💡 แอปนี้คืออะไร

ผังองค์กรคือหน้าเดียวที่ตอบคำถามว่า "บริษัทเรามีใครบ้าง ใครดูแลใคร อยู่สาขาไหน ติดต่ออย่างไร" — แสดงเป็นการ์ดรายคน (รูป ชื่อจริง ชื่อเล่น รหัสพนักงาน ตำแหน่ง แผนก สาขา เบอร์ อายุงาน) เรียงเป็นชั้นตามระดับ 👑 ผู้บริหาร · 🏵️ ผู้ช่วยผู้บริหาร · ⭐ ผู้จัดการ · 🎖️ หัวหน้างาน · 👤 พนักงาน การ์ดของแต่ละหน้าที่มีธีมสีต่างกัน แถบบนสรุปจำนวนคน จำนวนสาขา และอายุงานเฉลี่ย

ข้อมูลไม่ได้พิมพ์มือ แต่ดึงจากระบบ HR และศูนย์พนักงานกลาง (staff) ด้วยสคริปต์สร้างหน้าใหม่ทุกครั้งที่มีคนเข้า-ออกหรือเปลี่ยนตำแหน่ง (รหัสพนักงานเป็นกุญแจจับคู่ · รูปโปรไฟล์และเบอร์/ตำแหน่งยึดจาก staff เป็นหลัก) นอกจากผังรวมยังมีหน้า /branches ผังรายสาขา ที่จัดเป็นลำดับชั้น ผู้บริหาร → ผจก.สาขา → พนักงาน แยกทีละสาขา ตั้งใจไม่แสดงเงินเดือน เพื่อให้พิมพ์ติดบอร์ดหรือแชร์ได้สบายใจ

🔑 ใครใช้ได้ / วิธีเข้าใช้งาน

• เข้าผ่านลิงก์เฉพาะที่ได้รับจากพี่ไอซ์ หรือกดการ์ด "ผังองค์กร" ในหน้าฮับ (หมวดพนักงาน·ปฏิบัติการ) — ระบบลิงก์ = กุญแจ เปิดครั้งแรกเครื่องจะจำอัตโนมัติ · กุญแจเดียวกันใช้ได้ทั้งผังรวมและ /branches
• ครั้งแรกจะเจอด่าน "เลือกชื่อตัวเอง + ใส่รหัส PIN" — ใช้ PIN เดียวกับระบบพนักงานกลาง (staff) ทำครั้งเดียวระบบจะจำว่าเป็นใคร
• ลิงก์หลัก (เจ้าของ/HR) — เห็นครบทุกอย่าง กดปุ่ม 💰 แสดงเงินเดือน ได้ (ค่าเริ่มต้นซ่อนไว้)
• ลิงก์ผู้ชมรายคน (สำหรับคนนอกที่พี่ไอซ์อนุญาต) — ไม่ต้องใส่ PIN และไม่เห็นเงินเดือนเลย (ระบบตัดตัวเลขออกตั้งแต่ฝั่งเซิร์ฟเวอร์ ปุ่มแสดงเงินเดือนหายไป CSV/ภาพที่ออกก็ไม่มี) เพิกถอนรายคนได้โดยไม่กระทบลิงก์หลัก

📝 วิธีใช้งานทีละขั้น

ค้นหาและกรองคน

1. แถบเครื่องมือด้านบนมี 3 ตัวกรอง: สาขา (— ทุกสาขา — / รายสาขา) · ระดับ (ผู้บริหาร / ผู้ช่วยผู้บริหาร / ผู้จัดการ / หัวหน้างาน / พนักงาน) · แผนก
2. ช่อง ค้นหา พิมพ์ "ชื่อ / รหัส / เบอร์" ได้เลย เช่น เนย์, CY001, 08x
3. เมื่อกรองสาขาใดสาขาหนึ่ง กลุ่มผู้บริหารและผู้ช่วยผู้บริหาร (ส่วนกลาง) จะยังแสดงเสมอ เพราะดูแลทุกสาขา · ตัวเลขบนแถบสถิติ (รวมกี่คน กี่สาขา ผู้บริหาร อายุงานเฉลี่ย) ปรับตามที่กรอง

ดู/ซ่อนเงินเดือน (เฉพาะลิงก์หลัก)

1. ค่าเริ่มต้นเงินเดือนซ่อน (แถบสถิติเขียน "รวมเงินเดือน 🔒")
2. กด 💰 แสดงเงินเดือน เพื่อเปิด — บนการ์ดจะโชว์เงินเดือนรายคน และแถบสถิติโชว์ยอดรวม กดซ้ำเพื่อซ่อนก่อนยื่นจอให้คนอื่นดู

ออกภาพ / PDF / CSV

1. 🖼️ ดูเป็นภาพ → เปิดกล่อง "ดาวน์โหลดภาพผังองค์กร" ติ๊กได้ว่า "👑 ไม่แสดงผู้บริหารในภาพ" และ "💰 แสดงเงินเดือนในภาพ" แล้วเลือกรูปแบบ: 🏢 ทั้งบริษัท · 📚 ทุกสาขา (แยก 6 ภาพ) · 📍 เลือกสาขานี้ (เลือกจาก dropdown) — ระบบสร้างภาพ PNG ให้ดาวน์โหลด
2. 🖨️ PDF = สั่งพิมพ์หน้าปัจจุบัน (ตามที่กรองอยู่) เลือก "บันทึกเป็น PDF" ในหน้าต่างพิมพ์
3. 📤 CSV = ดาวน์โหลดตารางรายชื่อตามที่กรองอยู่ ไปเปิดใน Excel ต่อได้

เพิ่มรูป / บันทึกข้อมูลเฉพาะเครื่อง

1. บนการ์ดกดไอคอน 📷 (หรือ ✎ ถ้ามีรูปแล้ว) เพื่ออัปโหลดรูปพนักงานจากเครื่องตัวเอง — รูปที่อัปทางนี้จะทับรูปกลางเฉพาะบนเครื่องนี้ (เก็บใน localStorage ไม่ซิงก์ไปเครื่องอื่น)
2. 💾 บันทึก = ดาวน์โหลดข้อมูลที่แก้ไว้บนเครื่องเป็นไฟล์ JSON · 📂 โหลด = นำไฟล์ JSON นั้นกลับมาใช้ · 🗑️ ล้าง = ล้างข้อมูลที่แก้เฉพาะเครื่องกลับเป็นค่ากลาง
3. ถ้าอยากให้รูปขึ้นถาวรทุกเครื่อง ให้พนักงานอัปรูปในแอป staff แล้วให้พี่ไอซ์รันสคริปต์สร้างผังใหม่

ดูผังรายสาขา (/branches)

1. กดปุ่ม 🏢 ผังรายสาขา ในแถบเครื่องมือ (หรือเปิด pttv-org.pages.dev/branches ด้วยกุญแจเดียวกัน)
2. ด้านบนมีชิปกระโดดไป 👑 ส่วนกลาง และแต่ละสาขา (ไชยา · เวียงสระ · พระแสง · เคียนซา · วิภาวดี · ชัยบุรี) แต่ละสาขาเรียงเป็นชั้น: แถบ "👑 ส่วนกลาง — ดูแลทุกสาขา" (ผู้บริหาร+ผู้ช่วยฯ การ์ดจิ๋ว) → ผจก.สาขา → หัวหน้างาน → สายงาน · การ์ดมีเบอร์กดโทรได้ (📱)
3. ปุ่ม 🖨️ พิมพ์ / PDF มุมบน สั่งพิมพ์ทั้งหน้าไปติดบอร์ดสาขาได้ (หน้านี้ไม่มีเงินเดือนอยู่แล้ว) · ปุ่ม 👥 ผังรวมทั้งบริษัท กลับหน้าหลัก

⚙️ ฟีเจอร์ทั้งหมด

• การ์ดรายคน: รูป · ชื่อจริง/ชื่อเล่น (ไทย+อังกฤษ) · รหัสพนักงาน · ตำแหน่ง/แผนก/หน่วย · สาขา · เบอร์ · อีเมล · อายุงาน · ธีมสีตามหน้าที่ (เช่น ผู้บริหาร จัดซื้อ การเงิน ติดตามหนี้ ตรวจสอบบัญชี)
• จัดชั้น 5 กลุ่ม: 👑 ผู้บริหาร · 🏵️ ผู้ช่วยผู้บริหาร · ⭐ ผู้จัดการ · 🎖️ หัวหน้างาน · 👤 พนักงาน (แถวจัดสมดุลอัตโนมัติ)
• แถบสถิติ: รวมกี่คน · กี่สาขา · ผู้บริหาร · อายุงานเฉลี่ย · รวมเงินเดือน (ล็อกจนกว่าจะกดแสดง)
• กรองสาขา / ระดับ / แผนก + ค้นหาชื่อ/รหัส/เบอร์ · ส่วนกลางแสดงทุกสาขาเสมอ
• 💰 แสดง/ซ่อนเงินเดือน (ซ่อนเป็นค่าเริ่มต้น · ลิงก์ผู้ชมไม่มีเลย)
• 🖼️ ออกภาพ PNG (ทั้งบริษัท / แยก 6 สาขา / สาขาเดียว · เลือกซ่อนผู้บริหาร-โชว์เงินเดือน) · 🖨️ PDF · 📤 CSV
• 📷 อัปรูปเฉพาะเครื่อง + 💾 บันทึก / 📂 โหลด JSON / 🗑️ ล้าง
• หน้า /branches ผังรายสาขาแบบลำดับชั้น มีส่วนกลางติดทุกสาขา · เบอร์กดโทร · พิมพ์/PDF · ไม่มีเงินเดือน
• ด่าน PIN พนักงานกลาง (idgate) · ลิงก์ผู้ชมรายคนข้าม PIN + ตัดเงินเดือนฝั่งเซิร์ฟเวอร์ · เพิกถอนรายคนได้
• สร้างข้อมูลจาก HR + staff ด้วยสคริปต์ (build_org.py → build_branches.py) · จำอายุงาน/อายุคำนวณใหม่ตรงวันรัน · PWA · Responsive

❓ ข้อควรรู้ / คำถามพบบ่อย

ถาม: มีคนเข้าใหม่/ลาออก/เปลี่ยนตำแหน่ง ทำไมผังยังไม่เปลี่ยน?
ตอบ: ผังไม่ได้อ่านฐานข้อมูลสดตอนเปิดหน้า แต่สร้างเป็นไฟล์ไว้ล่วงหน้า — ต้องแก้ข้อมูลที่ต้นทางก่อน (ตำแหน่ง/เบอร์/รูป แก้ในแอป staff · สถานะทำงาน/เงินเดือน แก้ในแอป HR) แล้วให้พี่ไอซ์รัน build_org.py ตามด้วย build_branches.py และ deploy ระดับ (rank)/หน่วยงาน/ชื่ออังกฤษ เป็นข้อมูลที่จัดมือไว้ในผัง สคริปต์จะไม่ทับ

ถาม: อัปรูปในผังแล้ว เพื่อนเปิดจากเครื่องอื่นทำไมไม่เห็น?
ตอบ: รูปที่อัปผ่านปุ่ม 📷 บนการ์ดเก็บไว้ในเบราว์เซอร์เครื่องนั้นเท่านั้น ถ้าอยากให้เห็นทุกเครื่องให้อัปรูปในแอป staff แล้วรันสร้างผังใหม่

ถาม: ส่งผังให้คนนอก (เช่น ที่ปรึกษา/ผู้ตรวจ) ได้ไหม?
ตอบ: ได้ค่ะ ขอให้พี่ไอซ์ออก "ลิงก์ผู้ชมรายคน" — ผู้ชมไม่ต้องใส่ PIN และไม่เห็นเงินเดือนแม้จะออก CSV/ภาพ · หรือส่งหน้า /branches ที่พิมพ์เป็น PDF ก็ไม่มีเงินเดือนเช่นกัน

ถาม: ทำไมบางสาขาไม่มี ผจก. ในผัง / ชื่อซ้ำกันสองคน?
ตอบ: ผังสะท้อนตามข้อมูลจริง ณ วันสร้าง — ปัจจุบันบางสาขา (เช่น ชัยบุรี เคียนซา) ยังไม่มีคนตำแหน่ง ผจก. ในระบบ ส่วนชื่อเล่นซ้ำ (เช่น แม่บ้านชื่อ "ฝึ้ง" 2 คนที่ไชยา) เป็นคนละคนจริง ดูรหัสพนักงานประกอบ · การสะกดตำแหน่งบางคำอาจสะท้อน typo จากต้นทาง staff