/* global React, I, UI, SSSData */ // =============== ใบประเมินงาน · Work Evaluation =============== // ออกหลังจากมีใบสั่งงาน — ดึงว่าใครรับผิดชอบอะไร แล้วให้คะแนน + แจ้งพนักงาน // คะแนนถูกเก็บรวมเพื่อใช้คำนวณ KPI รายเดือนอัตโนมัติ const { useState: useStateWE } = React; const WE_KEY = "sss-work-evals"; const WE_MONTHS = ["ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค."]; function weToday() { const d = new Date(); return `${d.getDate()} ${WE_MONTHS[d.getMonth()]} ${d.getFullYear() + 543}`; } function weLoad() { try { return JSON.parse(localStorage.getItem(WE_KEY) || "[]"); } catch { return []; } } function weSaveAll(list) { try { localStorage.setItem(WE_KEY, JSON.stringify(list)); } catch {} window.dispatchEvent(new Event("sss-evals-changed")); } function weNextNo() { return "EV-2569-" + String(weLoad().length + 1).padStart(3, "0"); } window.WorkEvalStore = { load: weLoad, byProject(code) { return weLoad().filter(e => e.project === code); }, remove(no) { weSaveAll(weLoad().filter(e => e.no !== no)); } }; const WE_SCORE_LABEL = { 5: "ดีมาก", 4: "ดี", 3: "พอใช้", 2: "ต้องปรับปรุง", 1: "ไม่ผ่าน" }; // ---------- พิมพ์ใบประเมินงาน A4 ---------- function wePrintModal(barTitle, html) { document.getElementById("__print_modal")?.remove(); document.body.classList.remove("printing-modal"); const modal = document.createElement("div"); modal.id = "__print_modal"; modal.className = "print-modal"; modal.innerHTML = `
${barTitle}
${html}
`; document.body.appendChild(modal); document.body.classList.add("printing-modal"); const cleanup = () => { modal.remove(); document.body.classList.remove("printing-modal"); document.removeEventListener("keydown", onKey); }; const onKey = (e) => { if (e.key === "Escape") cleanup(); }; document.addEventListener("keydown", onKey); modal.addEventListener("click", e => { if (e.target === modal) cleanup(); }); document.getElementById("__print_btn").addEventListener("click", () => window.print()); document.getElementById("__print_close").addEventListener("click", cleanup); } function weAvatarHTML(name, size) { const p = window.ChatProfiles ? window.ChatProfiles.get(name) : null; const color = p ? p.color : "#57534e"; if (p && p.avatar) return ``; return `
${String(name || "?").slice(0, 2)}
`; } function printWorkEvalDoc(ev) { const C = window.SSSData.Company; const accent = "#7c3aed"; const stars = (n) => "★".repeat(n) + "☆".repeat(5 - n); const avg = ev.rows.reduce((s, r) => s + r.score, 0) / (ev.rows.length || 1); const issues = ev.rows.filter(r => r.result === "พบปัญหา").length; const html = `
SSS
${C.name}
${C.address || ""}

ใบประเมินงาน

WORK EVALUATION
เลขที่ ${ev.no} · วันที่ ${ev.date}
อ้างอิงใบสั่งงาน
${ev.woNo}
โปรเจกต์
${ev.projectName}
${ev.project}
ผู้ประเมิน
${ev.by}
${ev.rows.map((r, i) => `
${i + 1}
${weAvatarHTML(r.name, 44)}
${r.name} ${r.role || ""}
หน้าที่ที่ได้รับ
${(r.duty || "—").replace(/ ${r.comment ? `
ความเห็น: ${r.comment.replace(/` : ""}
ผลงาน
${r.result === "พบปัญหา" ? "⚠ พบปัญหา" : "✓ เรียบร้อย"}
คะแนน
${stars(r.score)}
${r.score}/5 · ${WE_SCORE_LABEL[r.score]}
`).join("")}
สรุปผล: ประเมิน ${ev.rows.length} คน · เรียบร้อย ${ev.rows.length - issues} · พบปัญหา ${issues}
คะแนนเฉลี่ย ${avg.toFixed(1)} / 5
${ev.note ? `
หมายเหตุรวม: ${ev.note.replace(/` : ""}
เกณฑ์คะแนน: 5 ดีมาก · 4 ดี · 3 พอใช้ · 2 ต้องปรับปรุง · 1 ไม่ผ่าน — คะแนนจะถูกรวมเข้า KPI ประจำเดือนของพนักงานโดยอัตโนมัติ
ผู้ประเมิน
( ${ev.by} ) · ${ev.date}
หัวหน้างาน
( ........................... )
พนักงานรับทราบผล
( ........................... )
${C.name}${ev.no} · ใบประเมินงาน · ออกโดยระบบ SSS
`; wePrintModal(`ใบประเมินงาน ${ev.no}`, html); } window.printWorkEvalDoc = printWorkEvalDoc; // ---------- Modal ประเมินงาน ---------- function WorkEvalModal({ project, wo, onClose, onSaved }) { const { Btn, Drawer } = window.UI; const initial = (wo.steps && wo.steps.length ? wo.steps.map(s => ({ empId: s.empId, name: s.name, role: s.role, duty: s.duty })) : (wo.assignees || []).map((a, i) => ({ empId: (wo.assigneeIds || [])[i] || "", name: a, role: (wo.assigneeRoles || [])[i] || "", duty: "" })) ).map(r => ({ ...r, score: 5, result: "เรียบร้อย", comment: "" })); const [rows, setRows] = useStateWE(initial); const [note, setNote] = useStateWE(""); const [notify, setNotify] = useStateWE(true); const updRow = (i, k, v) => setRows(list => list.map((r, j) => j === i ? { ...r, [k]: v } : r)); const save = (andPrint) => { const ev = { no: weNextNo(), woNo: wo.no, project: project.code, projectName: project.name, customer: project.customer, date: weToday(), by: "ปิยะ ศ.", rows: rows.map(r => ({ ...r, comment: r.comment.trim() })), note: note.trim(), avg: +(rows.reduce((s, r) => s + r.score, 0) / (rows.length || 1)).toFixed(2) }; weSaveAll([ev, ...weLoad()]); window.logActivity && window.logActivity("ออกใบประเมินงาน", `${ev.no} จาก ${wo.no} — เฉลี่ย ${ev.avg}/5`, "create"); window.toast && window.toast(`ออกใบประเมินงาน ${ev.no} แล้ว${notify ? ` · แจ้งผลให้พนักงาน ${rows.length} คนทางแชทแล้ว` : ""} — คะแนนรวมเข้า KPI อัตโนมัติ`); onSaved && onSaved(ev); onClose(); if (andPrint) setTimeout(() => printWorkEvalDoc(ev), 150); }; return ( ยกเลิก save(true)}>บันทึก + พิมพ์ save(false)}>บันทึกใบประเมิน }>
{project.name}
ใบสั่งงาน {wo.no} · ออกเมื่อ {wo.issueDate} · ดึงผู้รับผิดชอบและหน้าที่มาอัตโนมัติ
{rows.map((r, i) => (
{window.RankAvatar ? :
{r.name.slice(0, 2)}
}
{i + 1}. {r.name}
{r.role}
{["เรียบร้อย", "พบปัญหา"].map(s => ( ))}
{r.duty &&
หน้าที่: {r.duty}
}
คะแนน
{[1, 2, 3, 4, 5].map(s => ( ))}
{r.score}/5 · {WE_SCORE_LABEL[r.score]} updRow(i, "comment", e.target.value)}>
))}
); } window.WorkEvalModal = WorkEvalModal;