/* bd_avg_forecast.jsx — 💰 แผนเงินสดล่วงหน้า · การ์ดในหน้า Bank Daily * * ตอบคำถามเดียว: "ต้องหาเงินหมุนเวียนเข้ามาช่วงไหน เท่าไร ให้พอจ่าย" * เงินต้นเดือน (ยอดเงินใช้ได้ตอนนี้ — ทุกบัญชี/บัญชีหลัก) + เงินเข้าคาดรับจริง − ค่าใช้จ่ายประมาณการ = ปลายเดือน * จุดต่ำสุดระหว่างเดือน (เรียงตามวันที่มักจ่าย/วันคาดรับ) ต่ำกว่าเงินสำรองขั้นต่ำเมื่อไร = ต้องหาเงินเพิ่มก่อนวันนั้น * * เงินเข้า = ของที่รอรับจริง (ไม่ใช้ค่าเฉลี่ย): * · ใบแจ้งหนี้ "กำลังติดตาม" ที่มีวันคาดรับ (กติกาเดียวกับ Weekly Forecast · เลยวันคาดรับแล้ว → นับวันนี้) * · ใบที่วางแผนรับไว้ใน Bank Daily (forecastEntries ที่ REF_DOC = เลขใบ) — ใช้วัน/ยอดตามแผนแทนวันคาดรับของใบ * · รับอื่นๆ ที่คีย์ประมาณการไว้ (ยอดบวก ยังไม่รับ ลงวันตั้งแต่วันนี้) * ไม่นับแต่โชว์ยอดให้เห็น: รอใบตรวจรับ · ติดปัญหา · ไม่มีวันคาดรับ · คาดรับหลังเดือนสุดท้ายที่ดู * เงินออก = ประมาณการจาก "จ่ายจริง" ในข้อมูล Cash Flow (ตาราง cashflowPresent = ชีต DATA ของไฟล์ WTP-Cash Flow) * ทุกบรรทัดมีรหัสค่าใช้จ่าย รวมเงินเดือน/ประกันสังคม/ภาษีที่ไม่ได้จ่ายผ่าน PV * · ใช้เฉพาะรหัสฝั่งจ่าย (หลักแรกคู่ 2/4/6) + บรรทัดเงินออกที่ไม่มีรหัส · ไม่นับโอนระหว่างบัญชี (รหัส 0) * · ฐาน = เดือนที่จบแล้วและมีข้อมูลในไฟล์ (ไฟล์ช้ากว่าปัจจุบันได้ — นับย้อนจากเดือนล่าสุดที่มี) * · แถว = กลุ่มรหัส 5 หลัก (เช่น 20034 เงินเดือนและสวัสดิการ) · กลุ่มเล็ก (< 5,000/เดือน) รวมเป็น "อื่นๆ" ต่อหมวด * · 4 หมวดเดียวกับใบสรุปรอบจ่าย (BDAF_CODE_CAT + หลักแรก 6 = การเงิน · 4 = ลงทุน→โครงการ) · ย้ายหมวดเองได้ในแผนนี้ * · วันที่ในเดือน = การกระจายวันจ่ายจริงในอดีตของกลุ่มนั้น → เดือนนี้นับเฉพาะส่วนที่ปกติจ่ายหลังวันนี้ * 2 วิธีคิดค่าใช้จ่าย (ยอดที่แก้เองชนะทั้ง 2 วิธี): * 📊 ค่าเฉลี่ย = ยอดรวมย้อนหลัง ÷ จำนวนเดือน เท่ากันทุกเดือน * 🤖 วิเคราะห์อัตโนมัติ = คิดในเบราว์เซอร์ ไม่ส่งข้อมูลออกนอกระบบ: ตัดยอดพิเศษ · ให้น้ำหนักเดือนล่าสุด · * แนวโน้มขึ้น/ลง (คิดต่อแบบชะลอ) · จ่ายเป็นรอบ 2/3/4/6/12 เดือน · หยุดจ่ายแล้ว · เดือนเดียวกันของปีก่อน * ที่แก้เอง = แชร์ทั้งทีม (manualOverrides) · ไม่แตะ forecastEntries/AP/ไฟล์ Cash Flow → หน้าอื่นไม่ขยับ * bd.afc. = JSON { m:{'YYYY-MM': ยอด (เดือนนี้ = ยอดที่ยังต้องจ่าย)}, base, off, pin, cat, def, lock } * lock = { by, at, until } "ตกลงแล้ว": ตอนล็อกเขียนยอดที่เห็นทุกเดือนถึง until ลง m → ไม่ขยับตามข้อมูล/วิธีคิด และแก้ไม่ได้จนกว่าจะปลดล็อก * (เดือนหลัง until = ยังไม่ได้ตกลง แก้ได้ตามปกติ · ขยายล็อกได้) * lineKey: g:<รหัสกลุ่ม> · c:<ชื่อหมวดใน DATA ที่ไม่มีรหัส> · o:<หมวด> (อื่นๆ) · u: (เพิ่มเอง) * bd.afcfg = JSON { buffer } เงินสำรองขั้นต่ำ (ใช้ร่วมทั้งทีม) * ค่าตั้งต่อคน (วิธีคิด/ฐาน/ถึงเดือน/ยอดตั้งต้น/พับ-กาง) = localStorage 'wtp.bd.afc' * ★ ชื่อ global ขึ้นต้น bdaf / BDAF — ทุกไฟล์ .jsx แชร์ scope เดียวกัน */ 'use strict'; const BDAF_LS = 'wtp.bd.afc'; const BDAF_PREFIX = 'bd.afc.'; const BDAF_CFG_KEY = 'bd.afcfg'; const BDAF_CFP_LS = 'wtp-cfpresent-v1'; // cache ของหน้าพรีเซนต์ Cash Flow (แถวเดียวกัน) — โชว์ก่อนโหลดจาก server เสร็จ const BDAF_LOOKBACKS = [3, 6, 12]; const BDAF_MIN_AVG = 5000; // กลุ่มที่เฉลี่ยต่ำกว่านี้ไม่แยกแถว (รวมไปที่ "อื่นๆ") const BDAF_MAX_LINES = 25; const BDAF_COLOR = { 1: '#2a78d6', 2: '#eb6834', 3: '#1baf7a', 4: '#eda100' }; /* กลุ่มรหัส → หมวด (ที่เหลือ: หลักแรก 6 = การเงิน · 4 = ลงทุน→โครงการ · นอกนั้นดำเนินงาน) */ const BDAF_CODE_CAT = { // โครงการและงานติดตั้ง '20001': 2, '20002': 2, '20003': 2, '20004': 2, '20005': 2, '20006': 2, '20007': 2, '20008': 2, '20009': 2, '20010': 2, // ต้นทุนทางการเงิน '20028': 3, // เบ็ดเตล็ดและเงินเดือน '20011': 4, '20012': 4, '20013': 4, '20014': 4, '20016': 4, '20027': 4, '20034': 4, '20035': 4, '29999': 4, }; function bdafCodeCat(g, name, act) { if (BDAF_CODE_CAT[g]) return BDAF_CODE_CAT[g]; const t = String(name || ''); if (/เงินเดือน|สวัสดิการ|ประกันสังคม|กองทุน|เงินสดย่อย|ทดรอง|เบ็ดเตล็ด/.test(t)) return 4; if ((g && g.charAt(0) === '6') || act === 'fin' || /ดอกเบี้ย|ค่าธรรมเนียมธนาคาร|เงินกู้|ลีส|เช่าซื้อ/.test(t)) return 3; if ((g && g.charAt(0) === '4') || act === 'inv' || /โครงการ|ติดตั้ง|จ้างเหมา/.test(t)) return 2; return 1; } /* ── เดือน/วัน ─────────────────────────────────────────────────────── */ function bdafAddM(mk, n) { const d = new Date(+mk.slice(0, 4), +mk.slice(5, 7) - 1 + n, 1); return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0'); } function bdafDiffM(a, b) { return (+b.slice(0, 4) - +a.slice(0, 4)) * 12 + (+b.slice(5, 7) - +a.slice(5, 7)); } // b − a function bdafRange(a, b) { const out = []; if (!a || !b) return out; for (let k = a; k <= b && out.length < 120; k = bdafAddM(k, 1)) out.push(k); return out; } function bdafDim(mk) { return new Date(+mk.slice(0, 4), +mk.slice(5, 7), 0).getDate(); } function bdafMShort(mk) { return BD_TH_MONTH_S[+mk.slice(5, 7) - 1] + ' ' + String((+mk.slice(0, 4) + 543) % 100).padStart(2, '0'); } function bdafMFull(mk) { return BD_TH_MONTH[+mk.slice(5, 7) - 1] + ' ' + (+mk.slice(0, 4) + 543); } function bdafDShort(iso) { return iso ? (+iso.slice(8, 10)) + ' ' + bdafMShort(iso.slice(0, 7)) : ''; } /* ── สถิติ/ตัวเลข ──────────────────────────────────────────────────── */ function bdafMean(a) { return a.length ? a.reduce((s, v) => s + v, 0) / a.length : 0; } function bdafMedian(a) { if (!a.length) return 0; const s = a.slice().sort((x, y) => x - y), h = s.length >> 1; return s.length % 2 ? s[h] : (s[h - 1] + s[h]) / 2; } function bdafStd(a) { const m = bdafMean(a); return Math.sqrt(bdafMean(a.map(v => (v - m) * (v - m)))); } function bdafN(n) { return n ? fmtNum(Math.round(n), 0) : '–'; } function bdafC(n) { return fmtMoney(n || 0, { compact: true }); } /* ── ค่าตั้ง ───────────────────────────────────────────────────────── */ function bdafLoadPrefs() { try { return JSON.parse(localStorage.getItem(BDAF_LS) || '{}') || {}; } catch (_) { return {}; } } function bdafSavePrefs(p) { try { localStorage.setItem(BDAF_LS, JSON.stringify(p)); } catch (_) {} } function bdafReadCfg(rows) { const r = (rows || []).find(x => x && x.key === BDAF_CFG_KEY); if (!r) return {}; try { const o = typeof r.value === 'string' ? JSON.parse(r.value) : r.value; return (o && typeof o === 'object') ? o : {}; } catch (_) { return {}; } } /* ── จ่ายจริงจากข้อมูล Cash Flow → ยอดรายเดือนต่อกลุ่มรหัส ─────────────────── */ function bdafCollectCf(txns, codeGroups, today) { const cm = today.slice(0, 7); const groups = {}; // key → { key, code, name, act, m:{เดือน:ยอด}, dayW:{วัน:ยอด}, subs:{หมวดย่อย:ยอด}, tx:[บรรทัดจ่ายจริง] } const months = {}; // เดือนที่มีข้อมูลในไฟล์ (นับทุกบรรทัด) — เดือนที่ไม่มีเลยไม่ถือเป็น 0 (txns || []).forEach(t => { if (!t || !t.iso) return; const flow = Number(t.flow) || 0; if (!flow) return; const mk = String(t.iso).slice(0, 7); if (mk >= cm) return; // เดือนนี้ยังไม่จบ → ไม่ใช้เป็นฐาน months[mk] = true; if (t.actKey === 'transfer') return; const code = String(t.code || '').trim(); const g = (code.match(/^(\d{4,6})/) || [])[1] || ''; if (g) { const d = +g.charAt(0); if (d === 0 || d % 2 === 1) return; } // รหัสฝั่งรับ (หลักแรกคี่) / โอน (0) else if (flow > 0) return; // ไม่มีรหัส → นับเฉพาะเงินออก const key = g ? 'g:' + g : 'c:' + (t.category || '(ไม่ระบุหมวด)'); const gr = groups[key] || (groups[key] = { key, code: g, name: '', act: t.actKey, m: {}, dayW: {}, subs: {}, tx: [] }); const amt = -flow; // จ่าย = บวก · รับคืนในหมวดจ่าย = ลบ (หักกลบ) gr.m[mk] = (gr.m[mk] || 0) + amt; const day = +String(t.iso).slice(8, 10); if (amt > 0 && day) gr.dayW[day] = (gr.dayW[day] || 0) + amt; const sub = t.category || code || '—'; gr.subs[sub] = (gr.subs[sub] || 0) + amt; gr.tx.push({ iso: String(t.iso).slice(0, 10), mk, doc: t.docNo || '', note: t.note || t.vender || '', vender: t.vender || '', code, sub, acct: t.account || '', amt, g: gr }); }); const dict = Object.assign({}, window.CFP_CODE_GROUPS || {}, codeGroups || {}); Object.keys(groups).forEach(k => { const gr = groups[k]; const topSub = Object.keys(gr.subs).sort((a, b) => gr.subs[b] - gr.subs[a])[0]; gr.name = (gr.code && dict[gr.code]) || topSub || k.slice(2); }); return { cm, today, groups, dataMonths: Object.keys(months).sort() }; } /* ── จ่ายเป็นรอบ (ทุก 2/3/4/6/12 เดือน) — ดูจากเดือนที่มีข้อมูล 24 เดือนล่าสุด ── */ function bdafPeriodic(mmap, FULL, cm) { if (FULL.length < 4) return null; const hit = FULL.filter(mk => (mmap[mk] || 0) > 0); if (hit.length < 2 || hit.length / FULL.length > 0.6) return null; const gaps = hit.slice(1).map((mk, i) => bdafDiffM(hit[i], mk)); const p = gaps[gaps.length - 1]; if ([2, 3, 4, 6, 12].indexOf(p) < 0) return null; const tol = p >= 6 ? 1 : 0; if (!gaps.every(g => Math.abs(g - p) <= tol)) return null; if (hit.length < (p === 12 ? 2 : 3)) return null; const amts = hit.slice(-3).map(mk => mmap[mk]); const mn = Math.min.apply(null, amts), mx = Math.max.apply(null, amts); if (!(mn > 0) || mx / mn > 3) return null; // ยอดแต่ละรอบต่างกันมาก = ไม่ใช่ค่าใช้จ่ายรอบเดียวกัน const last = hit[hit.length - 1]; if (bdafDiffM(last, cm) > p + tol + 2) return { p, ended: true, last, n: hit.length }; let next = bdafAddM(last, p); const late = next < cm; if (late) next = cm; return { p, amt: bdafMedian(amts), cv: bdafStd(amts) / bdafMean(amts), last, next, late, n: hit.length }; } /* ── เดือนเดียวกันของปีก่อน (เฉพาะกลุ่มที่จ่ายประจำทั้งปี) ─────────────────── */ function bdafSeasonWin(mk0, mmap, first, last) { let end = bdafAddM(mk0, 5); if (end > last) end = last; const start = bdafAddM(end, -11); if (start < first) return null; const mks = bdafRange(start, end); const wv = mks.map(m => mmap[m] || 0); if (wv.filter(v => v > 0).length < 10) return null; const base = bdafMedian(wv); if (!(base > 0)) return null; const rest = mks.filter(m => m !== mk0).map(m => mmap[m] || 0); // เดือนนั้นต้องต่างจากปกติชัดกว่าการแกว่งตามธรรมดาของกลุ่มนี้ (ไม่งั้นแค่สุ่มสูงไปเดือนเดียว) const need = Math.max(0.3, 2 * (bdafStd(rest) / (bdafMean(rest) || 1))); const r = (mmap[mk0] || 0) / base; return Math.abs(r - 1) >= need ? r : null; } function bdafSeason(mk, mmap, first, last) { // เดือนเดียวกันของปีล่าสุดที่จบแล้ว (ประมาณการเกิน 12 เดือน → ถอยไปอีกปี · เดือนนี้/อนาคต = ยังไม่มีข้อมูล ไม่ใช่ 0) let ly = bdafAddM(mk, -12); while (ly > last) ly = bdafAddM(ly, -12); if (ly < first) return null; const r1 = bdafSeasonWin(ly, mmap, first, last); if (r1 == null) return null; let f = 1 + (r1 - 1) * 0.5, two = false; // เห็นปีเดียว → เผื่อแค่ครึ่งเดียว const ly2 = bdafAddM(ly, -12); if (ly2 >= first) { const r2 = bdafSeasonWin(ly2, mmap, first, last); if (r2 != null && (r1 > 1) === (r2 > 1)) { f = (r1 + r2) / 2; two = true; } } if (!two && (r1 > 3 || r1 < 1 / 3)) return null; // ต่างจากปกติหลายเท่าแต่เห็นปีเดียว = งานครั้งเดียว ไม่ใช่ฤดูกาล return { f: Math.min(2.5, Math.max(0.5, f)), r1, two, ly }; } /* ── 🤖 วิเคราะห์อัตโนมัติ — คืนยอดรายเดือน (เต็มเดือน) + เหตุผลภาษาไทย ─────────── */ function bdafAuto(o) { const { rich, s, mmap, H, F, FULL, cm, first, last, per } = o; const N = s.length; const out = { vals: {}, notes: [], badges: [], conf: 'mid', spikes: [], key: '' }; // key = เหตุผลหลักประโยคเดียว const put = (fn) => F.forEach(mk => { out.vals[mk] = Math.max(0, Math.round(fn(mk))); }); if (!N) { put(() => 0); out.conf = 'low'; out.notes.push('ยังไม่เคยจ่ายในช่วงเดือนที่ใช้คิด'); out.key = 'ยังไม่เคยจ่ายในช่วงเดือนที่ใช้คิด'; return out; } const nzv = s.filter(v => v > 0); const freq = nzv.length / N; // ① จ่ายเป็นรอบ — ลงยอดเฉพาะเดือนที่ถึงรอบ ไม่เกลี่ยทุกเดือน if (rich && per) { if (per.ended) { put(() => 0); out.badges.push({ t: '✕ หยุดจ่าย?' }); out.notes.push('เคยจ่ายทุก ' + per.p + ' เดือน (ล่าสุด ' + bdafMShort(per.last) + ') แต่เลยรอบมานานแล้ว — ถือว่าหยุดจ่าย ถ้ายังมีอยู่ให้แก้ยอดเอง'); out.key = 'เคยจ่ายเป็นรอบ แต่ไม่ได้จ่ายมานานแล้ว (ล่าสุด ' + bdafMShort(per.last) + ') — ถือว่าหยุดจ่าย'; out.conf = 'low'; return out; } put(mk => (mk >= per.next && bdafDiffM(per.next, mk) % per.p === 0) ? per.amt : 0); out.badges.push({ t: '⟳ ทุก ' + per.p + ' ด.' }); out.notes.push('จ่ายเป็นรอบทุก ' + per.p + ' เดือน (เห็น ' + per.n + ' ครั้ง ล่าสุด ' + bdafMShort(per.last) + ') → ครั้งถัดไป ' + bdafMShort(per.next) + ' ราว ' + fmtNum(per.amt, 0) + ' บาท' + (per.late ? ' (เลยรอบมาแล้วยังไม่เห็นจ่าย จึงใส่ไว้เดือนนี้)' : '')); out.key = 'จ่ายทุก ' + per.p + ' เดือน — ครั้งถัดไป ' + bdafMShort(per.next) + ' ราว ' + fmtNum(per.amt, 0) + ' บาท'; out.conf = per.cv <= 0.15 ? 'high' : 'mid'; return out; } // ② หยุดจ่ายแล้ว — เคยจ่ายแทบทุกเดือน แต่ 3 เดือนล่าสุดไม่มีเลย if (rich && FULL.length) { const fs = FULL.map(mk => mmap[mk] || 0); let tz = 0; for (let i = fs.length - 1; i >= 0 && !(fs[i] > 0); i--) tz++; let st = 0; while (st < fs.length - tz && !(fs[st] > 0)) st++; const before = fs.slice(st, fs.length - tz); const bf = before.length ? before.filter(v => v > 0).length / before.length : 0; if (tz >= 3 && before.length >= 3 && bf >= 0.7) { put(() => 0); out.badges.push({ t: '✕ หยุดจ่าย?' }); out.notes.push('เคยจ่ายเกือบทุกเดือน แต่ไม่มีจ่าย ' + tz + ' เดือนล่าสุด (ครั้งล่าสุด ' + bdafMShort(FULL[fs.length - tz - 1]) + ') — ระบบถือว่าหยุดจ่ายแล้ว ถ้ายังจ่ายอยู่ให้แก้ยอดเอง'); out.key = 'ไม่ได้จ่ายมา ' + tz + ' เดือนแล้ว — ถือว่าหยุดจ่าย'; out.conf = 'low'; return out; } } // ③ จ่ายไม่ทุกเดือน — เฉลี่ยกระจาย (กดครั้งที่ใหญ่ผิดปกติลงก่อน ไม่งั้นงานใหญ่ครั้งเดียวดันทั้งแผน) if (freq < 0.5) { const med = bdafMedian(nzv); const cut = []; const capped = s.map((v, i) => { if (nzv.length >= 3 && v > med * 3) { cut.push(i); return med * 3; } return v; }); const lvl = bdafMean(capped); put(() => lvl); out.badges.push({ t: '◌ ไม่ได้จ่ายทุกเดือน' }); out.notes.push('จ่ายแค่ ' + nzv.length + ' จาก ' + N + ' เดือน — เลยเฉลี่ยกระจายให้ทุกเดือน เดือนละ ' + fmtNum(lvl, 0) + ' บาท'); if (cut.length) { out.spikes = cut; out.notes.push('⚡ ' + cut.map(i => bdafMShort(H[i]) + ' (' + bdafC(s[i]) + ')').join(', ') + ' จ่ายสูงผิดปกติ — นับให้ไม่เกิน 3 เท่าของครั้งปกติ'); } out.key = 'ไม่ได้จ่ายทุกเดือน (' + nzv.length + ' จาก ' + N + ' เดือน) — เลยเฉลี่ยกระจายให้ทุกเดือน' + (cut.length ? ' (เดือนที่สูงผิดปกตินับไม่เต็ม)' : ''); out.conf = 'low'; return out; } // ④ จ่ายเกือบทุกเดือน — ตัดยอดพิเศษ → ค่าระดับถ่วงเดือนล่าสุด → แนวโน้มแบบชะลอ → ฤดูกาล // ยอดพิเศษวัดจาก "เดือนที่มีจ่าย" เท่านั้น — ถ้านับเดือนที่เป็น 0 ด้วย ค่ากลางจะต่ำจนยอดปกติโดนตัดหมด const med = bdafMedian(nzv); const mad = bdafMedian(nzv.map(v => Math.abs(v - med))); const scale = mad > 0 ? 1.4826 * mad : med * 0.25; const cap = med + 3 * scale; const spikeK = freq >= 0.85 ? 1.5 : 2; const clean = s.map((v, i) => { if (nzv.length >= 3 && v > cap && v > med * spikeK) { out.spikes.push(i); return med; } return v; }); const wts = clean.map((_, i) => Math.pow(0.5, (N - 1 - i) / 3)); // เดือนที่เก่ากว่า 3 เดือน = น้ำหนักครึ่งหนึ่ง const level = clean.reduce((a, v, i) => a + v * wts[i], 0) / wts.reduce((a, v) => a + v, 0); const mean = bdafMean(clean); let trend = null; if (N >= 6 && mean > 0 && nzv.length >= N - 1) { // แนวโน้มดูเฉพาะกลุ่มที่จ่ายแทบทุกเดือน const mx = (N - 1) / 2; let sxy = 0, sxx = 0; clean.forEach((v, i) => { sxy += (i - mx) * (v - mean); sxx += (i - mx) * (i - mx); }); const b = sxx ? sxy / sxx : 0, a = mean - b * mx; const ssTot = clean.reduce((acc, v) => acc + (v - mean) * (v - mean), 0); const ssRes = clean.reduce((acc, v, i) => acc + Math.pow(v - (a + b * i), 2), 0); const r2 = ssTot > 0 ? 1 - ssRes / ssTot : 0; const rel = b / mean; // ขึ้น/ลงเกิน 25%/เดือน = ผันผวน ไม่ใช่แนวโน้ม → ไม่ต่อเส้น if (Math.abs(rel) >= 0.03 && Math.abs(rel) <= 0.25 && r2 >= 0.5) trend = { b, r2, rel, base: a + b * (N - 1) }; } const maxC = Math.max.apply(null, clean); const seasOk = rich && freq >= 0.75 && !trend; // ยอดที่โตต่อเนื่อง เดือนท้ายๆ ดูสูงกว่าปกติเสมอ — ไม่ใช่ฤดูกาล const seas = []; put(mk => { let v = level; if (trend) { const h = bdafDiffM(H[N - 1], mk); let d = 0; for (let j = 1; j <= h; j++) d += Math.pow(0.8, j); // damped trend: ยืดได้ไม่เกิน ~4 เท่าของความชันรายเดือน v = Math.min(Math.max(trend.base + trend.b * d, 0), maxC * 1.5); } const sf = seasOk ? bdafSeason(mk, mmap, first, last) : null; if (sf && Math.abs(sf.f - 1) >= 0.05) { seas.push(Object.assign({ mk }, sf)); v *= sf.f; } return v; }); const cv = mean > 0 ? bdafStd(clean) / mean : 1; out.notes.push('จ่าย ' + nzv.length + ' จาก ' + N + ' เดือน · ยอดช่วงหลังๆ ราว ' + fmtNum(trend ? trend.base : level, 0) + ' บาท/เดือน' + (trend ? '' : ' (เดือนใหม่มีผลมากกว่าเดือนเก่า)')); if (out.spikes.length) { out.badges.push({ t: '⚡ มีเดือนสูงผิดปกติ' }); out.notes.push('⚡ ' + out.spikes.map(i => bdafMShort(H[i]) + ' (' + bdafC(s[i]) + ')').join(', ') + ' จ่ายสูงผิดปกติ — ไม่เอามาเฉลี่ย ใช้ยอดเดือนปกติ (' + fmtNum(med, 0) + ') แทน'); } if (trend) { const pct = Math.abs(trend.rel * 100).toFixed(1); out.badges.push({ t: (trend.b > 0 ? '↗ เพิ่มขึ้น ' : '↘ ลดลง ') + pct + '%/ด.' }); out.notes.push((trend.b > 0 ? '↗ ช่วงหลังจ่ายเพิ่มขึ้นเรื่อยๆ' : '↘ ช่วงหลังจ่ายลดลงเรื่อยๆ') + ' ราว ' + pct + '% ต่อเดือน — เผื่อไว้ แต่ไม่ให้' + (trend.b > 0 ? 'เพิ่ม' : 'ลด') + 'ไปเรื่อยๆ'); } if (seas.length) { out.badges.push({ t: '📅 บางเดือนจ่ายต่างจากปกติทุกปี' }); seas.forEach(x => { out.notes.push('📅 ปีก่อน ' + bdafMShort(x.ly) + ' จ่าย' + (x.r1 > 1 ? 'สูง' : 'ต่ำ') + 'กว่าเดือนปกติ ' + Math.round(Math.abs(x.r1 - 1) * 100) + '% → ' + bdafMShort(x.mk) + ' เผื่อ' + (x.f > 1 ? 'เพิ่ม ' : 'ลด ') + Math.round(Math.abs(x.f - 1) * 100) + '%' + (x.two ? ' (เป็นแบบนี้ 2 ปีติด)' : ' (เห็นปีเดียว เลยเผื่อแค่ครึ่งเดียว)')); }); } const keys = []; if (out.spikes.length) keys.push('ไม่เอา ' + out.spikes.map(i => bdafMShort(H[i]) + ' (' + bdafC(s[i]) + ')').join(', ') + ' ที่จ่ายสูงผิดปกติมาเฉลี่ย เพราะน่าจะเป็นรายการครั้งเดียว'); if (trend) keys.push('ช่วงหลังจ่าย' + (trend.b > 0 ? 'เพิ่มขึ้น' : 'ลดลง') + 'เรื่อยๆ ราว ' + Math.abs(trend.rel * 100).toFixed(1) + '% ต่อเดือน เลยเผื่อ' + (trend.b > 0 ? 'เพิ่ม' : 'ลด') + 'ไว้'); if (seas.length) keys.push('ปีก่อน ' + seas.map(x => bdafMShort(x.ly)).join(', ') + ' จ่าย' + (seas[0].f > 1 ? 'สูง' : 'ต่ำ') + 'กว่าปกติ เลยเผื่อ ' + seas.map(x => bdafMShort(x.mk)).join(', ') + ' ไว้'); out.key = keys.length ? keys.join(' · ') : (cv <= 0.2 ? 'จ่ายใกล้เคียงกันทุกเดือน — ใช้ยอดช่วงหลังๆ' : 'ยอดขึ้นลงแต่ละเดือน — ใช้ยอดเฉลี่ยที่เน้นเดือนหลังๆ'); if (!out.badges.length) out.badges.push({ t: cv <= 0.2 ? '● ใกล้เคียงกันทุกเดือน' : '≈ ขึ้นลงแต่ละเดือน' }); out.conf = (cv <= 0.2 && freq >= 0.85 && !out.spikes.length) ? 'high' : (cv > 0.6 ? 'low' : 'mid'); return out; } /* ── ค่าที่แก้เอง (แชร์ผ่าน manualOverrides) ─────────────────────────────── */ function bdafParseEdits(rows) { const edits = {}, meta = {}; (rows || []).forEach(r => { if (!r || typeof r.key !== 'string' || r.key.indexOf(BDAF_PREFIX) !== 0) return; let o = r.value; if (typeof o === 'string') { try { o = JSON.parse(o); } catch (_) { o = null; } } if (!o || typeof o !== 'object') return; const k = r.key.slice(BDAF_PREFIX.length); edits[k] = o; meta[k] = { by: r.updatedBy || '', at: r.updatedAt || '' }; }); return { edits, meta }; } function bdafHasEdit(e) { return !!(e && (e.off || e.pin || e.def || e.cat || e.lock || (e.base != null && e.base !== '') || (e.m && Object.keys(e.m).length))); } /* เขียนกลับ — ทิ้งยอดรายเดือนของเดือนที่ผ่านไปแล้ว · ว่างหมด = ลบคีย์ทิ้ง (กลับไปให้ระบบคิด) */ function bdafSaveEdit(lineKey, obj, cm) { if (typeof WTPOverride === 'undefined' || !WTPOverride.setRaw) return; const o = Object.assign({}, obj || {}); if (o.m) { const m = {}; Object.keys(o.m).forEach(k => { const v = Number(o.m[k]); if (k >= cm && o.m[k] !== '' && o.m[k] != null && isFinite(v)) m[k] = Math.round(v * 100) / 100; }); if (Object.keys(m).length) o.m = m; else delete o.m; } if (o.base == null || o.base === '' || !isFinite(Number(o.base))) delete o.base; ['off', 'pin', 'def', 'cat', 'lock'].forEach(k => { if (!o[k]) delete o[k]; }); WTPOverride.setRaw(BDAF_PREFIX + lineKey, bdafHasEdit(o) ? JSON.stringify(o) : ''); } /* ── ล็อก "ตกลงแล้ว" ───────────────────────────────────────────────── */ function bdafWho() { try { const x = JSON.parse(localStorage.getItem('wtp-session') || 'null') || {}; return x.displayName || x.name || x.username || ''; } catch (_) { return ''; } } function bdafLocked(l, cm) { const k = l && l.edit && l.edit.lock; return !!(k && k.until && k.until >= cm); } function bdafLockedMonth(l, mk, cm) { return bdafLocked(l, cm) && mk <= l.edit.lock.until; } /* ── สัดส่วนที่ "ยังไม่ถึงวันจ่าย" ของเดือนนี้ + กระจายยอดลงวัน ─────────────── */ function bdafDayWeights(l) { if (l.kind === 'custom') { const d = (l.edit && l.edit.def && +l.edit.def.day) || 1; return { [d]: 1 }; } return l.dayW || {}; } function bdafFracFrom(w, mk, fromDay) { const last = bdafDim(mk); let tot = 0, after = 0; Object.keys(w).forEach(k => { const v = w[k]; if (!(v > 0)) return; const d = Math.min(+k, last); tot += v; if (d >= fromDay) after += v; }); if (!tot) return (last - fromDay + 1) / last; // ไม่มีประวัติวันจ่าย → เฉลี่ยตามจำนวนวันที่เหลือ return after / tot; } /* ยอดของเดือน → รายการตามวัน (รวมเป็นช่วงสัปดาห์ ใช้วันเฉลี่ยถ่วงยอดของช่วงนั้น) · เดือนนี้ลงเฉพาะวันที่ยังไม่ถึง */ function bdafSpread(l, mk, amt, today) { const last = bdafDim(mk); const from = mk === today.slice(0, 7) ? +today.slice(8, 10) : 1; const iso = (d) => mk + '-' + String(Math.min(Math.max(d, from), last)).padStart(2, '0'); const w = bdafDayWeights(l); const b = [0, 1, 2, 3, 4].map(() => ({ w: 0, wd: 0 })); let tot = 0; Object.keys(w).forEach(k => { const v = w[k]; if (!(v > 0)) return; const d = Math.min(+k, last); if (d < from) return; const i = Math.min(4, Math.floor((d - 1) / 7)); b[i].w += v; b[i].wd += v * d; tot += v; }); if (!tot) return [{ date: iso(from), amt }]; // ไม่รู้วันจ่าย/วันจ่ายปกติผ่านไปแล้วแต่ยังมียอด → ลงวันแรกที่เป็นไปได้ return b.filter(x => x.w > 0).map(x => ({ date: iso(Math.round(x.wd / x.w)), amt: amt * x.w / tot })); } /* ── สร้างแผนค่าใช้จ่าย: เลือกแถว + คิดยอดทั้ง 2 วิธี ─────────────────────────── */ function bdafBuild(col, lookback, hz, edits) { const { cm, today, groups, dataMonths } = col; const H = dataMonths.slice(-lookback); const FULL = dataMonths.slice(-24); const first = dataMonths[0] || ''; const last = dataMonths[dataMonths.length - 1] || ''; const F = bdafRange(cm, hz); const N = H.length; const todayDay = +today.slice(8, 10); const rows = Object.keys(groups).map(key => { const g = groups[key]; const s = H.map(mk => Math.max(0, g.m[mk] || 0)); const sum = s.reduce((a, v) => a + v, 0); const e = edits[key]; const cat = (e && +e.cat >= 1 && +e.cat <= 4) ? +e.cat : bdafCodeCat(g.code, g.name, g.act); return { key, g, s, sum, k: s.filter(v => v > 0).length, avg: N ? sum / N : 0, cat, autoCat: bdafCodeCat(g.code, g.name, g.act), per: bdafPeriodic(g.m, FULL, cm) }; }); const mkLine = (kind, r, e, extra) => { const l = Object.assign({ key: r.key, kind, code: r.g.code || '', name: r.g.name, cat: r.cat, autoCat: r.autoCat, s: r.s, sum: r.sum, k: r.k, avg: r.avg, flat: Math.round(r.avg), dayW: r.g.dayW, subs: r.g.subs, tx: r.g.tx || [], members: null, edit: e || null, auto: bdafAuto({ rich: kind === 'grp', s: r.s, mmap: r.g.m, H, F, FULL, cm, first, last, per: kind === 'grp' ? r.per : null }), }, extra || {}); l.frac = bdafFracFrom(bdafDayWeights(l), cm, todayDay); return l; }; const lines = []; const cand = { 1: [], 2: [], 3: [], 4: [] }, others = { 1: [], 2: [], 3: [], 4: [] }; rows.forEach(r => { const e = edits[r.key]; if (bdafHasEdit(e)) { lines.push(mkLine('grp', r, e)); return; } // แก้/ไม่นับ/แยก/ย้ายหมวดไว้ = เป็นแถวเสมอ const big = r.avg >= BDAF_MIN_AVG; const periodic = r.per && !r.per.ended && r.per.amt >= BDAF_MIN_AVG * 3; (big || periodic ? cand : others)[r.cat].push(r); }); [1, 2, 3, 4].forEach(c => { cand[c].sort((a, b) => b.avg - a.avg || b.sum - a.sum); cand[c].forEach((r, i) => { if (i < BDAF_MAX_LINES) lines.push(mkLine('grp', r, null)); else others[c].push(r); }); }); [1, 2, 3, 4].forEach(c => { const mem = others[c].filter(r => r.sum !== 0).sort((a, b) => b.sum - a.sum); const key = 'o:' + c, e = edits[key]; if (!mem.length && !bdafHasEdit(e)) return; const m = {}, dayW = {}, subs = {}; mem.forEach(r => { Object.keys(r.g.m).forEach(mk => { m[mk] = (m[mk] || 0) + r.g.m[mk]; }); Object.keys(r.g.dayW).forEach(d => { dayW[d] = (dayW[d] || 0) + r.g.dayW[d]; }); }); const s = H.map(mk => Math.max(0, m[mk] || 0)); const sum = s.reduce((a, v) => a + v, 0); lines.push(mkLine('other', { key, g: { name: 'อื่นๆ (กลุ่มเล็ก ' + mem.length + ' กลุ่ม)', m, dayW, subs, code: '', tx: mem.reduce((a, r) => a.concat(r.g.tx), []) }, s, sum, k: s.filter(v => v > 0).length, avg: N ? sum / N : 0, cat: c, autoCat: c, per: null, }, e, { members: mem })); }); Object.keys(edits).forEach(key => { if (key.indexOf('u:') !== 0) return; const e = edits[key], d = e && e.def; if (!d || !d.name) return; const cat = (+d.cat >= 1 && +d.cat <= 4) ? +d.cat : 1; const l = { key, kind: 'custom', code: '', name: d.name, cat, autoCat: cat, s: H.map(() => 0), sum: 0, k: 0, avg: 0, flat: 0, dayW: {}, subs: {}, tx: [], members: null, auto: { vals: {}, notes: ['รายการที่เพิ่มเอง · จ่ายวันที่ ' + ((+d.day) || 1) + ' ของเดือน' + (d.note ? ' · ' + d.note : '')], badges: [], conf: '', spikes: [] }, edit: e, }; l.frac = bdafFracFrom(bdafDayWeights(l), cm, todayDay); lines.push(l); }); const histSum = rows.reduce((a, r) => a + r.sum, 0); return { cm, today, H, N, F, FULL, lines, histSum, histAvg: N ? histSum / N : 0, first, last, lookback }; } /* ยอดที่ระบบเสนอ (ไม่นับที่แก้) · เดือนนี้ = เฉพาะส่วนที่ยังไม่ถึงวันจ่าย */ function bdafSys(l, mk, mode, cm) { let v; if (l.kind === 'custom') { const d = (l.edit && l.edit.def) || {}; v = (mk >= (d.from || '') && (!d.to || mk <= d.to)) ? (Number(d.amt) || 0) : 0; } else v = mode === 'avg' ? l.flat : (l.auto.vals[mk] || 0); return mk === cm ? Math.round(v * l.frac) : v; } /* ยอดในแผน: ไม่นับ → 0 · แก้รายเดือน → ค่านั้น (เดือนนี้ = ยอดที่ยังต้องจ่าย) · ยอดทุกเดือน → ค่านั้น · ไม่งั้นค่าระบบ */ function bdafVal(l, mk, mode, cm) { const e = l.edit || {}; if (e.off) return 0; if (e.m && e.m[mk] != null && e.m[mk] !== '') return Number(e.m[mk]) || 0; if (l.kind !== 'custom' && e.base != null && e.base !== '') { const b = Number(e.base) || 0; return mk === cm ? Math.round(b * l.frac) : b; } return bdafSys(l, mk, mode, cm); } function bdafView(plan, mode) { const { F, lines, cm } = plan; const cats = [1, 2, 3, 4].map(c => ({ cat: c, lines: [], vals: {}, total: 0, avg: 0 })); const totals = {}; F.forEach(mk => { totals[mk] = 0; cats.forEach(c => { c.vals[mk] = 0; }); }); let grand = 0, edited = 0, locked = 0; lines.forEach(l => { if (bdafLocked(l, cm)) locked++; const vals = {}; let total = 0; F.forEach(mk => { const v = bdafVal(l, mk, mode, cm); vals[mk] = v; total += v; }); const c = cats[l.cat - 1]; c.lines.push({ l, vals, total }); F.forEach(mk => { c.vals[mk] += vals[mk]; totals[mk] += vals[mk]; }); c.total += total; c.avg += l.avg; grand += total; if (bdafHasEdit(l.edit)) edited++; }); // เรียงตามเลขรหัส (ผู้ใช้ขอ 2026-10-20 — ไล่หา/เทียบรายรหัสง่ายกว่าเรียงตามยอด) // มีรหัส → ไม่มีรหัส (ชื่อหมวดใน DATA) → เพิ่มเอง → "อื่นๆ" ล่างสุด · แถวที่ไม่นับคงอยู่ตามลำดับรหัสเดิม const tier = (l) => (l.kind === 'other' ? 3 : l.kind === 'custom' ? 2 : l.code ? 0 : 1); const byCode = (a, b) => { const x = a.l, y = b.l, t = tier(x) - tier(y); if (t) return t; if (x.code && y.code) { const d = Number(x.code) - Number(y.code); if (d) return d; } return String(x.name).localeCompare(String(y.name), 'th'); }; cats.forEach(c => c.lines.sort(byCode)); return { cats: cats.filter(c => c.lines.length), totals, grand, edited, locked, nLines: lines.length }; } /* ── เงินเข้าที่รอรับจริง ─────────────────────────────────────────────── */ const BDAF_RCV_SRC = { ar: { t: 'ใบแจ้งหนี้กำลังติดตาม (ตามวันคาดรับ)', hint: 'สถานะ "กำลังติดตาม" ที่มีวันคาดรับ · เลยวันคาดรับแล้ว = นับวันนี้' }, plan: { t: 'วางแผนรับไว้ใน Bank Daily', hint: 'ใบแจ้งหนี้ที่กดวางประมาณการรับไว้ในตาราง AR ด้านล่าง — ใช้วัน/ยอดตามแผน' }, other: { t: 'รับอื่นๆ ที่คีย์ประมาณการไว้', hint: 'ประมาณการยอดรับ (บวก) ที่ไม่ผูกใบแจ้งหนี้ เช่น เงินกู้เข้า — เฉพาะที่ลงวันตั้งแต่วันนี้' }, }; function bdafReceipts(arList, forecasts, today, F) { const lastMk = F[F.length - 1] || today.slice(0, 7); const items = []; const skip = { insp: { n: 0, amt: 0, items: [] }, issue: { n: 0, amt: 0, items: [] }, nodate: { n: 0, amt: 0, items: [] }, later: { n: 0, amt: 0, items: [] } }; const skipIt = (k, it) => { skip[k].n++; skip[k].amt += it.amt; skip[k].items.push(Object.assign({ why: k }, it)); }; const arByNo = {}; (arList || []).forEach(a => { const no = String(a.ivNo || '').trim(); if (no) arByNo[no] = a; }); const planned = new Set(); const push = (it) => { if (it.date.slice(0, 7) > lastMk) { skipIt('later', it); return; } items.push(it); }; (forecasts || []).forEach(f => { if (!f || !(f.amount > 0) || f.settled || f.isActual) return; const raw = f.raw || {}; const et = String(raw.EXPENSE_TYPE || '').trim().toUpperCase(); if (et === 'BANK_RECON' || String(raw.STATUS || '').trim().toUpperCase() === 'CANCELED') return; const ref = String(f.refDoc || '').trim(); const ar = ref ? arByNo[ref] : null; if (ar) { if (planned.has(ref) || !f.date) return; planned.add(ref); push({ src: 'plan', date: f.date < today ? today : f.date, late: f.date < today, amt: f.amount, ref, name: ar.project || f.desc, expected: f.date, ar, fc: f }); } else if (et !== 'AR') { if (!f.date || f.date < today) return; // แผนรับที่ลงวันเลยมาแล้ว — ไม่รู้ว่ารับหรือยัง (กติกาเดียวกับการ์ดบัญชี) push({ src: 'other', date: f.date, late: false, amt: f.amount, ref, name: f.desc, fc: f }); } }); (arList || []).forEach(a => { const no = String(a.ivNo || '').trim(); if (no && planned.has(no)) return; if (!(a.amount >= 1)) return; // หนี้กลบหมด → ไม่มีเงินเข้าจริง // วันคาดรับ = ช่อง expectedReceive ของใบเท่านั้น (กติกา Weekly Forecast) — ไม่เอาวันครบกำหนดมาแทนแบบตาราง AR const exp = bdToISO((a.raw && a.raw.expectedReceive) || ''); const base = { src: 'ar', amt: a.amount, ref: no, name: a.project, expected: exp, ar: a }; if (a.status === 'pending_inspection') { skipIt('insp', Object.assign({ date: exp }, base)); return; } if (a.status === 'issue') { skipIt('issue', Object.assign({ date: exp }, base)); return; } if (a.status !== 'tracking') return; if (!exp) { skipIt('nodate', Object.assign({ date: '' }, base)); return; } const late = exp < today; push(Object.assign({ date: late ? today : exp, late }, base)); }); items.sort((x, y) => (x.date < y.date ? -1 : x.date > y.date ? 1 : y.amt - x.amt)); const bySrc = {}; items.forEach(it => { const s = bySrc[it.src] || (bySrc[it.src] = { vals: {}, total: 0, n: 0 }); const mk = it.date.slice(0, 7); s.vals[mk] = (s.vals[mk] || 0) + it.amt; s.total += it.amt; s.n++; }); return { items, bySrc, skip }; } /* ── เดินเงินสดรายวัน → ต้นเดือน/ปลายเดือน/จุดต่ำสุด/ต้องหาเงินเพิ่ม ─────────────── */ function bdafCash(plan, view, rcv, opening, buffer, mode) { const { F, cm, today } = plan; const evBy = {}; F.forEach(mk => { evBy[mk] = []; }); view.cats.forEach(c => c.lines.forEach(x => F.forEach(mk => { const a = x.vals[mk]; if (a > 0.5) bdafSpread(x.l, mk, a, today).forEach(e => evBy[mk].push({ date: e.date, amt: -e.amt })); }))); rcv.items.forEach(r => { const mk = r.date.slice(0, 7); if (evBy[mk]) evBy[mk].push({ date: r.date, amt: r.amt }); }); let bal = opening, cum = 0; return F.map(mk => { // วันเดียวกัน: ลงเงินออกก่อนเงินเข้า (มองแบบระวังไว้ก่อน) const ev = evBy[mk].sort((a, b) => (a.date < b.date ? -1 : a.date > b.date ? 1 : a.amt - b.amt)); const open = bal, start = mk === cm ? today : mk + '-01'; let run = bal, min = bal, minDate = start, inn = 0, out = 0; let short = (open + cum < buffer) ? start : null; ev.forEach(e => { run += e.amt; if (e.amt > 0) inn += e.amt; else out -= e.amt; if (run < min) { min = run; minDate = e.date; } if (!short && run + cum < buffer) short = e.date; }); const cumNew = Math.max(cum, buffer - min); const need = cumNew - cum; cum = cumNew; bal = run; return { mk, open, inn, out, close: run, min, minDate, need, needCum: cum, short: need > 0.5 ? short : null }; }); } /* เส้นย้อนหลังเล็กๆ ในแถว (ฐาน 0 → เห็นขนาดจริง) · จุดแดง = เดือนที่ระบบตัดเป็นยอดพิเศษ */ function BDAFSpark({ s, spikes }) { if (!s || !s.length || !s.some(v => v > 0)) return –; const w = 56, h = 16, mx = Math.max(1, ...s); const pt = (v, i) => [s.length === 1 ? w / 2 : 2 + i * (w - 4) / (s.length - 1), h - 2 - (v / mx) * (h - 4)]; const sp = new Set(spikes || []); return ( pt(v, i).join(',')).join(' ')} fill="none" stroke="var(--ink-400)" strokeWidth="1.5" strokeLinejoin="round" strokeLinecap="round" /> {s.map((v, i) => sp.has(i) ? : null)} ); } /* ช่องตัวเลขรายเดือน — กดแล้วพิมพ์แก้ได้ · Enter/คลิกออก = บันทึก · Esc = ยกเลิก · ลบให้ว่าง = คืนค่าระบบ */ function BDAFCell({ value, sys, edited, locked, off, canEdit, editing, onStart, onSave, onCancel, onLockedClick }) { const td = { textAlign: 'right', fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap', padding: '4px 8px' }; // Enter/Esc แล้วช่องหายไป เบราว์เซอร์ยิง blur ตามมาอีกที → กันบันทึกซ้ำ (และกัน Esc กลายเป็นบันทึก) const done = React.useRef(false); React.useEffect(() => { if (editing) done.current = false; }, [editing]); const finish = (fn) => { if (done.current) return; done.current = true; fn(); }; if (editing) { return ( e.target.select()} onKeyDown={e => { if (e.key === 'Enter') { const v = e.target.value; finish(() => onSave(v)); } else if (e.key === 'Escape') finish(onCancel); }} onBlur={e => { const v = e.target.value; finish(() => onSave(v)); }} style={{ width: 92, textAlign: 'right', padding: '4px 6px', border: '1.5px solid var(--brand-400)', borderRadius: 6, fontSize: 12, fontFamily: 'inherit', fontVariantNumeric: 'tabular-nums' }} /> ); } const can = canEdit && !off && !locked; return ( {bdafN(value)} ); } /* เมนู ⋯ ของแถว — วาดใน portal (ตารางเลื่อนแนวนอน → dropdown ข้างในโดนตัด) */ function BDAFMenu({ menu, onClose }) { React.useEffect(() => { const h = () => onClose(); const t = setTimeout(() => { document.addEventListener('click', h); window.addEventListener('scroll', h, true); window.addEventListener('resize', h); }, 0); return () => { clearTimeout(t); document.removeEventListener('click', h); window.removeEventListener('scroll', h, true); window.removeEventListener('resize', h); }; }, [onClose]); const r = menu.rect; const left = Math.max(8, Math.min(r.right - 236, window.innerWidth - 244)); const hgt = 36 * menu.items.length + 8; const topY = r.bottom + 4 + hgt > window.innerHeight ? Math.max(8, r.top - 4 - hgt) : r.bottom + 4; return ReactDOM.createPortal(
e.stopPropagation()} style={{ position: 'fixed', top: topY, left, width: 236, zIndex: 9500, background: '#fff', border: '1px solid var(--line)', borderRadius: 10, boxShadow: 'var(--shadow-lg)', padding: 4, fontSize: 12.5, }}> {menu.items.map((it, i) => ( ))}
, document.body ); } /* ฟอร์ม: ตั้งยอดเท่ากันทุกเดือน / เพิ่ม-แก้รายการเอง */ function BDAFModal({ modal, cm, maxHz, onClose, onSaveBase, onSaveCustom, onDeleteCustom }) { const l = modal.line; const isBase = modal.type === 'base'; const d = (l && l.edit && l.edit.def) || {}; const [f, setF] = React.useState(isBase ? { amt: l.edit && l.edit.base != null ? String(l.edit.base) : String(Math.round(l.mode === 'avg' ? l.flat : (l.autoAvg || l.flat))), lock: false } : { name: d.name || '', cat: String(d.cat || modal.cat || 1), amt: d.amt != null ? String(d.amt) : '', from: d.from && d.from >= cm ? d.from : bdafAddM(cm, 1), to: d.to || '', day: String(d.day || 1), note: d.note || '' }); const [err, setErr] = React.useState(''); const set = (k, v) => { setErr(''); setF(p => ({ ...p, [k]: v })); }; const months = bdafRange(cm, maxHz); const inp = { width: '100%', padding: '8px 11px', boxSizing: 'border-box', border: '1.5px solid #e2e8f0', borderRadius: 8, fontSize: 13, fontFamily: 'inherit', outline: 'none', background: '#fff' }; const lbl = { fontSize: 12, fontWeight: 600, color: '#475569', marginBottom: 4, display: 'block' }; const num = (s) => Number(String(s || '').replace(/[,\s]/g, '')); const save = () => { const a = num(f.amt); if (!(a >= 0) || String(f.amt).trim() === '') return setErr('กรุณาระบุยอดต่อเดือน'); if (isBase) return onSaveBase(l, a, !!f.lock); if (!f.name.trim()) return setErr('กรุณาระบุชื่อรายการ'); if (f.to && f.to < f.from) return setErr('เดือนสิ้นสุดต้องไม่ก่อนเดือนเริ่ม'); const day = Math.min(31, Math.max(1, parseInt(f.day, 10) || 1)); onSaveCustom(l ? l.key : null, { name: f.name.trim(), cat: +f.cat, amt: a, from: f.from, to: f.to || '', day, note: f.note.trim() }); }; const btn = { padding: '8px 18px', borderRadius: 8, border: '1.5px solid #e2e8f0', background: '#fff', color: '#475569', fontSize: 13, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }; return (
e.stopPropagation()}>
{isBase ? '🟰 ตั้งยอดเท่ากันทุกเดือน' : (l ? '✏️ แก้รายการที่เพิ่มเอง' : '＋ เพิ่มรายจ่ายเอง')}
{isBase ? ( <>
{l.name}
ระบบเสนอ: ค่าเฉลี่ย {fmtNum(l.flat, 0)} · วิเคราะห์อัตโนมัติ ≈ {fmtNum(l.autoAvg || 0, 0)} บาท/เดือน
set('amt', e.target.value)} onKeyDown={e => { if (e.key === 'Enter') save(); }} inputMode="decimal" />
ใช้ยอดนี้ทุกเดือนแทนค่าที่ระบบคิด (ทั้ง 2 วิธี · เดือนนี้นับเฉพาะส่วนที่ยังไม่ถึงวันจ่าย) · ยอดที่เคยแก้รายเดือนของแถวนี้จะถูกล้าง
) : (
set('name', e.target.value)} />
set('amt', e.target.value)} inputMode="decimal" placeholder="0" />
set('day', e.target.value)} inputMode="numeric" placeholder="1–31" />
set('note', e.target.value)} />
)} {err &&
⚠ {err}
}
{isBase && l.edit && l.edit.base != null && ( )} {!isBase && l && ( )}
); } /* ── หน้าต่างรายละเอียด (กดตัวเลขในตารางแล้วเปิด) ─────────────────────────── */ function BDAFShell({ title, sub, onClose, children, width }) { React.useEffect(() => { const h = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [onClose]); return (
e.stopPropagation()}>
{title}
{sub &&
{sub}
}
{children}
); } const bdafChip = (on) => ({ padding: '4px 11px', borderRadius: 16, fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', whiteSpace: 'nowrap', border: '1.5px solid ' + (on ? '#0e7490' : '#e2e8f0'), background: on ? '#0e7490' : '#fff', color: on ? '#fff' : '#475569', }); const BDAF_SKIP_LABEL = { insp: 'รอใบตรวจรับ', issue: 'ติดปัญหา', nodate: 'ไม่มีวันคาดรับ', later: 'คาดรับหลังเดือนสุดท้ายที่ดู' }; const BDAF_SRC_TAG = { ar: ['ใบแจ้งหนี้', '#dcfce7', '#166534'], plan: ['แผนรับ Bank Daily', '#e0f2fe', '#075985'], other: ['ประมาณการที่คีย์', '#f3e8ff', '#6b21a8'] }; /* เงินเข้า 1 รายการ — มาจากไหน + คิดยอดยังไง */ function BDAFRcvDetail({ it, today }) { const a = it.ar, iv = (a && a.raw) || {}, f = it.fc, fr = (f && f.raw) || {}; const d = (x) => { const iso = bdToISO(x); return iso ? fmtDate(iso) : ''; }; const kv = (k, v) => (v ?
{k}{v}
: null); const lateDays = it.late && it.expected ? Math.round((new Date(today) - new Date(bdToISO(it.expected))) / 86400000) : 0; const src = it.src === 'ar' ? 'ใบแจ้งหนี้คงค้าง (หน้าใบแจ้งหนี้) — สถานะ "' + (a ? bdArStatus(a.status).label : '') + '"' : it.src === 'plan' ? 'แผนรับที่วางไว้ในตาราง "คาดรับเงินเข้า" ของ Bank Daily (ผูกกับใบแจ้งหนี้)' : 'ประมาณการรับที่คีย์ไว้ (หน้าประมาณการ / Bank Daily) — ไม่ผูกใบแจ้งหนี้'; let calc = null; if (a) { const bal = Number(iv.balance) || 0, wht = bal / 107, debt = bal * 106 / 107 - a.amount; calc = (
ยอดคงเหลือในใบ {fmtNum(bal, 2)}
− หัก ณ ที่จ่าย 1% (ยอด ÷ 107) {fmtNum(wht, 2)}
{Math.abs(debt) >= 0.5 &&
− หักภาระหนี้ของโครงการ {fmtNum(debt, 2)}
}
= สุทธิที่คาดรับ {fmtNum(a.amount, 2)}
{it.src === 'plan' && Math.abs(it.amt - a.amount) >= 1 &&
แผนนี้ใช้ยอดตามที่วางไว้ {fmtNum(it.amt, 2)} (ต่างจากสุทธิปัจจุบันของใบ)
}
); } return (
{kv('ที่มา', src)} {kv('นับในแผนวันที่', it.date ? fmtDate(it.date) + (it.late ? ' (เลยวันคาดรับมาแล้ว ' + lateDays + ' วัน จึงนับเป็นวันนี้)' : '') : 'ยังไม่มีวันคาดรับ')} {a && kv('เลขที่ใบแจ้งหนี้', (iv.ivNo || a.ivNo) + (iv.period ? ' · งวดที่ ' + iv.period : '') + (a.invType === 'O' ? ' · ลูกหนี้อื่นๆ' : ' · งานโครงการ'))} {a && kv('โครงการ', [a.jobNo, iv.projectName].filter(Boolean).join(' · '))} {a && kv('ลูกค้า', iv.customerName || iv.customer || '')} {a && kv('วันที่ออกใบ / ครบกำหนด', [d(iv.invoiceDate), d(iv.dueDate)].filter(Boolean).join(' / '))} {a && kv('วันคาดรับในใบ', d(iv.expectedReceive))} {a && kv('ผู้ติดตาม', iv.assigneeOverride || iv.assignee || '')} {a && a.lastFollow && kv('ติดตามล่าสุด', [d(a.lastFollow.date), a.lastFollow.note].filter(Boolean).join(' — '))} {a && kv('หมายเหตุใบ', iv.remark || '')} {f && kv(it.src === 'plan' ? 'แผนรับ' : 'รายการ', fr.DESCRIPTION || f.desc)} {f && kv('วันที่ตามแผน', d(fr.PAYMENT_DATE))} {f && kv('ประเภท', fr.EXPENSE_TYPE || '')} {f && kv('เข้าบัญชี', fr.Bank_AC || '')} {f && kv('หมายเหตุ', fr.NOTE || '')} {f && kv('วันที่บันทึกแผน', d(fr.DATE))} {calc} {!a && f &&
ยอดตามประมาณการ {fmtNum(it.amt, 2)}
}
); } function BDAFRcvModal({ rcv, F, today, init, onClose }) { const [tab, setTab] = React.useState(init.tab || 'in'); const [mk, setMk] = React.useState(init.mk || ''); const [src, setSrc] = React.useState(init.src || ''); const [why, setWhy] = React.useState(init.why || ''); const [openI, setOpenI] = React.useState(-1); const skipAll = Object.keys(BDAF_SKIP_LABEL).reduce((a, k) => a.concat(rcv.skip[k].items), []); const list = tab === 'in' ? rcv.items.filter(it => (!mk || it.date.slice(0, 7) === mk) && (!src || it.src === src)) : skipAll.filter(it => !why || it.why === why); const sum = (arr) => arr.reduce((a, it) => a + it.amt, 0); const pick = (fn) => { setOpenI(-1); fn(); }; const th = { textAlign: 'left', padding: '6px 8px', fontSize: 11.5, color: 'var(--ink-500)', fontWeight: 600, borderBottom: '1px solid var(--line)', whiteSpace: 'nowrap' }; return (
{tab === 'in' ? (
{F.map(m => { const v = sum(rcv.items.filter(it => it.date.slice(0, 7) === m && (!src || it.src === src))); return ; })} {Object.keys(BDAF_SRC_TAG).map(k => { const n = rcv.items.filter(it => it.src === k).length; return n ? : null; })}
) : (
{Object.keys(BDAF_SKIP_LABEL).map(k => rcv.skip[k].n ? : null)}
)} {list.length === 0 && } {list.map((it, i) => { const tg = BDAF_SRC_TAG[it.src] || BDAF_SRC_TAG.other; const on = openI === i; return ( setOpenI(on ? -1 : i)} style={{ cursor: 'pointer', background: on ? 'var(--brand-50)' : undefined }}> {on && } ); })}
{tab === 'in' ? 'นับวันที่' : 'วันคาดรับ'} {tab === 'in' ? 'ที่มา' : 'ทำไมยังไม่นับ'} เลขที่ โครงการ / รายการ ยอดสุทธิ
ไม่มีรายการ
▶ {it.date ? bdafDShort(it.date) : '—'}{it.late && เลยกำหนด} {tab === 'in' ? {tg[0]} : {BDAF_SKIP_LABEL[it.why]}} {it.ref || '—'} {it.name || '—'} {fmtNum(Math.round(it.amt), 0)}
); } /* เงินออกจริงย้อนหลัง (จากไฟล์ Cash Flow) — รวมเป็นรายเดือนก่อน กดเดือนไหนค่อยกางดูว่ามีรายการอะไร * ผู้ใช้ขอ (2026-10-20): รายการยาวทั้งก้อนอ่านยาก อยากเห็นยอดรวมทีละเดือน แล้วเปิดดูข้างในเมื่ออยากรู้ */ function BDAFPaidModal({ title, txns, H, onClose }) { const Hset = React.useMemo(() => new Set(H), [H]); const all = React.useMemo(() => (txns || []).filter(t => Hset.has(t.mk)), [txns, Hset]); const [gk, setGk] = React.useState(''); const [sort, setSort] = React.useState('amt'); const [q, setQ] = React.useState(''); const [openM, setOpenM] = React.useState({}); // เดือนที่กางดูอยู่ const [more, setMore] = React.useState({}); // เดือนที่กด "แสดงทั้งหมด" const sumOf = (arr) => arr.reduce((a, t) => a + t.amt, 0); // จ่ายเยอะสุด (ทั้งช่วง) — กดเพื่อดูเฉพาะกลุ่มนั้นในตารางรายเดือน const groups = {}; all.forEach(t => { const k = t.g.key, x = groups[k] || (groups[k] = { k, code: t.g.code, name: t.g.name, sum: 0, n: 0 }); x.sum += t.amt; x.n++; }); const glist = Object.values(groups).sort((a, b) => b.sum - a.sum); const gtot = glist.reduce((a, x) => a + x.sum, 0); const gmax = glist.length ? Math.max(1, glist[0].sum) : 1; const qq = q.trim().toLowerCase(); const base = all.filter(t => (!gk || t.g.key === gk) && (!qq || (t.note + ' ' + t.vender + ' ' + t.doc + ' ' + t.sub + ' ' + t.code).toLowerCase().indexOf(qq) >= 0)); const byM = {}; base.forEach(t => { (byM[t.mk] = byM[t.mk] || []).push(t); }); const cmp = sort === 'amt' ? (a, b) => b.amt - a.amt : (a, b) => (a.iso < b.iso ? 1 : a.iso > b.iso ? -1 : b.amt - a.amt); const months = H.slice().reverse(); // เดือนล่าสุดอยู่บน const grand = sumOf(base); const avg = H.length ? grand / H.length : 0; const isOpen = (mk) => (qq ? !!byM[mk] : !!openM[mk]); // ค้นหาอยู่ = กางทุกเดือนที่เจอ const delta = (mk) => { const prev = H[H.indexOf(mk) - 1]; if (!prev) return null; const p = sumOf(byM[prev] || []), c = sumOf(byM[mk] || []); if (!(p > 0)) return c > 0 ? ใหม่ : null; const r = (c - p) / p; if (Math.abs(r) < 0.05) return ≈ เท่าเดิม; return 0 ? 'var(--bad)' : 'var(--good)' }}>{r > 0 ? '▲ +' : '▼ −'}{Math.round(Math.abs(r) * 100)}%; }; const allOpen = months.every(mk => !byM[mk] || openM[mk]); const toggleAll = () => { const o = {}; if (!allOpen) months.forEach(mk => { o[mk] = true; }); setOpenM(o); }; const th = { textAlign: 'left', padding: '6px 8px', fontSize: 11.5, color: 'var(--ink-500)', fontWeight: 600, borderBottom: '1px solid var(--line)', whiteSpace: 'nowrap' }; const td = { padding: '5px 8px', borderBottom: '1px solid var(--line-soft)' }; const num = { textAlign: 'right', fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap' }; return ( {glist.length > 1 && (
จ่ายเยอะสุด · ทั้ง {H.length} เดือน (กดเพื่อดูเฉพาะกลุ่มนั้นในตารางรายเดือนด้านล่าง) {gk && }
{glist.slice(0, 10).map(x => (
setGk(gk === x.k ? '' : x.k)} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) 110px 100px 96px 40px', alignItems: 'center', gap: 10, padding: '3px 4px', fontSize: 12, cursor: 'pointer', borderRadius: 6, background: gk === x.k ? 'var(--brand-50)' : undefined }}> {x.code && {x.code}}{x.name} {fmtNum(Math.round(x.sum), 0)} {fmtNum(Math.round(x.sum / Math.max(1, H.length)), 0)}/ด. {gtot ? Math.round(x.sum / gtot * 100) : 0}%
))} {glist.length > 10 &&
… และอีก {glist.length - 10} กลุ่ม
}
)}
setQ(e.target.value)} placeholder="ค้นหา ผู้รับ / รายละเอียด / เลขที่" title="ค้นแล้วกางทุกเดือนที่เจอให้เอง" style={{ flex: '1 1 240px', padding: '6px 10px', border: '1.5px solid #e2e8f0', borderRadius: 8, fontSize: 12.5, fontFamily: 'inherit' }} /> ในเดือน เรียง {!qq && }
{months.map(mk => { const list = (byM[mk] || []).slice().sort(cmp); const tot = sumOf(list); const big = list.length ? list.reduce((m, t) => (t.amt > m.amt ? t : m), list[0]) : null; const on = isOpen(mk); const lim = more[mk] ? list.length : 50; return ( setOpenM(p => ({ ...p, [mk]: !p[mk] })) : undefined} style={{ cursor: list.length && !qq ? 'pointer' : 'default', background: on ? '#f3f8ff' : '#fafbfc' }}> {on && ( )} ); })}
เดือน รายการ ยอดจ่ายรวม เทียบเดือนก่อน รายการที่ใหญ่สุดของเดือน
▶ {bdafMFull(mk)} {list.length || '–'} {list.length ? fmtNum(Math.round(tot), 0) : '–'} {delta(mk)} {big ? <>{big.note || big.sub || '—'} · {fmtNum(Math.round(big.amt), 0)} : ''}
{list.slice(0, lim).map((t, i) => ( ))}
{i + 1} {bdafDShort(t.iso)} {t.doc || '—'} {t.note || '—'}{t.vender && t.vender !== t.note ? · {t.vender} : null} {t.code ? {t.code} : null}{t.sub && t.sub !== t.note ? t.sub : ''} {t.amt < 0 ? '−' : ''}{fmtNum(Math.round(Math.abs(t.amt)), 0)}
{list.length > lim && ( )}
รวม {H.length} เดือน {base.length} {fmtNum(Math.round(grand), 0)} เฉลี่ย {fmtNum(Math.round(avg), 0)} บาท/เดือน{gk ? ' · เฉพาะกลุ่มที่เลือก' : ''}{qq ? ' · เฉพาะที่ค้นเจอ' : ''}
); } /* รายละเอียดแถว (กดชื่อแถว) — แบบเบา อ่านแล้วรู้เรื่องใน 3 บรรทัด (ผู้ใช้ขอ 2026-10-20: "เยอะเกินไป ขอแบบเบาๆ พอรู้เรื่อง") * ① แผนใช้เท่าไร ต่างจากที่เคยจ่ายจริงแค่ไหน ② เพราะอะไร (ประโยคเดียว ภาษาปกติ ไม่ใช้ศัพท์ระบบ) * ที่เหลือ (ย้อนหลัง · 2 วิธีคิด · เหตุผลทั้งหมด · วันที่จ่าย · หมวดย่อย) ซ่อนไว้ใต้ "วิธีคิด ▾" — ผู้ใช้: ของที่กดดูได้ไม่ต้องโชว์ */ function BDAFLineDetail({ l, vals, plan, mode, F, cm, meta, canEdit, onOpenPaid, onPin }) { const [more, setMore] = React.useState(false); const e = l.edit || {}; const isCustom = l.kind === 'custom'; const autoAvg = F.length ? F.reduce((a, mk) => a + (l.auto.vals[mk] || 0), 0) / F.length : 0; const full = F.filter(mk => mk !== cm); // เดือนนี้นับแค่ที่เหลือ เลยไม่เอามาเฉลี่ย const use = full.length ? full : F; const planAvg = use.reduce((a, mk) => a + (vals[mk] || 0), 0) / Math.max(1, use.length); const locked = bdafLocked(l, cm), edited = !locked && (e.base != null || (e.m && Object.keys(e.m).length > 0)); const diff = l.avg > 0 ? (planAvg - l.avg) / l.avg : 0; const why = e.off ? 'ตั้งไว้ว่าไม่นับรายการนี้ในแผน' : locked ? 'ตกลงยอดแล้ว' + (e.lock.by ? ' โดย ' + e.lock.by : '') + (e.lock.at ? ' เมื่อ ' + fmtDate(String(e.lock.at).slice(0, 10)) : '') + ' — ยอดไม่ขยับตามระบบ' : edited ? 'ใช้ยอดที่แก้เอง (ระบบเสนอ ' + fmtNum(Math.round(mode === 'avg' ? l.flat : autoAvg), 0) + '/เดือน)' : isCustom ? 'รายการที่เพิ่มเอง' : mode === 'avg' ? 'ใช้ค่าเฉลี่ยตรงๆ เท่ากันทุกเดือน' : l.auto.key; const spikes = new Set(l.auto.spikes || []); // ช่วงวันที่จ่ายเยอะสุด const w = bdafDayWeights(l), bk = [0, 0, 0, 0, 0]; let wt = 0; Object.keys(w).forEach(k => { const v = w[k]; if (v > 0) { bk[Math.min(4, Math.floor((+k - 1) / 7))] += v; wt += v; } }); const topB = bk.indexOf(Math.max(...bk)); const dayTxt = wt > 0 ? 'มักจ่ายวันที่ ' + ['1–7', '8–14', '15–21', '22–28', '29–31'][topB] + ' (' + Math.round(bk[topB] / wt * 100) + '%)' : ''; const accent = e.off ? 'var(--ink-300)' : locked ? 'var(--good)' : 'var(--brand-500)'; const link = { border: 'none', background: 'none', color: 'var(--brand-600)', cursor: 'pointer', fontSize: 12, fontFamily: 'inherit', padding: 0 }; const sep = ·; const subs = Object.keys(l.subs || {}).filter(k => l.subs[k] > 0).sort((a, b) => l.subs[b] - l.subs[a]); return (
{/* ① แผนใช้เท่าไร */}
{e.off ? ไม่นับในแผน : <>แผนใช้ {fmtNum(Math.round(planAvg), 0)} บาท/เดือน {l.avg > 0 && {Math.abs(diff) >= 0.05 ? 0 ? 'var(--bad)' : 'var(--good)', fontWeight: 600 }}>{diff > 0 ? '▲ สูง' : '▼ ต่ำ'}กว่าที่เคยจ่ายจริง {Math.round(Math.abs(diff) * 100)}% : ใกล้เคียงที่เคยจ่ายจริง} (เฉลี่ย {fmtNum(Math.round(l.avg), 0)}) }}
{/* ② เพราะอะไร */}
{why}
{/* ลิงก์ดูเพิ่ม */}
{!isCustom && } {!isCustom && } {meta && meta.by && !locked && <>{sep}แก้ล่าสุดโดย {meta.by}}
{more && !isCustom && (
{plan.N > 0 && (
ย้อนหลัง: {plan.H.map((mk, i) => ( {bdafMShort(mk)} {l.s[i] ? (l.s[i] >= 1e6 ? (l.s[i] / 1e6).toFixed(2) + 'M' : fmtNum(Math.round(l.s[i]), 0)) : '–'} ))}
)}
📊 ค่าเฉลี่ย {fmtNum(l.flat, 0)}/เดือน (รวม {fmtNum(Math.round(l.sum), 0)} ÷ {plan.N} เดือน) {sep} 🤖 วิเคราะห์อัตโนมัติ ≈ {fmtNum(Math.round(autoAvg), 0)}/เดือน
    {l.auto.notes.map((n, i) =>
  • {n}
    • )}
{(dayTxt || (F[0] === cm && !e.off)) &&
{dayTxt}{dayTxt && F[0] === cm && !e.off ? ' · ' : ''}{F[0] === cm && !e.off ? 'เดือนนี้ยังเหลือจ่าย ' + fmtNum(Math.round(vals[cm] || 0), 0) : ''}
} {subs.length > 1 &&
ข้างในกลุ่ม: {subs.slice(0, 4).map(k => k + ' ' + bdafC(l.subs[k])).join(' · ')}{subs.length > 4 ? ' · …' : ''}
}
)} {/* "อื่นๆ" — กลุ่มเล็กข้างใน (ต้องมีปุ่มแยก/ไม่นับ) */} {l.kind === 'other' && l.members && l.members.length > 0 && (
ข้างใน “อื่นๆ” ({l.members.length} กลุ่ม · เรียงยอดมาก → น้อย)
{l.members.slice(0, 20).map(r => ( {canEdit && ( )} ))}
{r.g.code ? r.g.code + ' ' : ''}{r.g.name} จ่าย {r.k}/{plan.N} เดือน รวม {fmtNum(Math.round(r.sum), 0)}
{l.members.length > 20 &&
… และอีก {l.members.length - 20} กลุ่ม
}
)}
); } /* ═══════════════ การ์ดหลัก ═══════════════ */ function BDCashPlanPanel({ accounts, arList, forecasts, overrides, today, canEdit, canDelete, toast }) { const cm = today.slice(0, 7); const maxHz = bdafAddM(cm, 23); const pref0 = React.useMemo(bdafLoadPrefs, []); const [open, setOpen] = React.useState(!!pref0.open); const [mode, setMode] = React.useState(pref0.mode === 'auto' ? 'auto' : 'avg'); const [lookback, setLookback] = React.useState(BDAF_LOOKBACKS.indexOf(pref0.lookback) >= 0 ? pref0.lookback : 6); const [hz, setHz] = React.useState(pref0.hz && pref0.hz >= cm && pref0.hz <= maxHz ? pref0.hz : bdafAddM(cm, 5)); const [openBase, setOpenBase] = React.useState(pref0.openBase === 'main' ? 'main' : 'all'); const [exp, setExp] = React.useState(pref0.exp && typeof pref0.exp === 'object' ? pref0.exp : {}); // หมวด 1-4 · 'rcv' · 'out' const [detail, setDetail] = React.useState({}); // lineKey / 'rcv:' → กางดูรายละเอียด const [editing, setEditing] = React.useState(null); // { key, mk } const [menu, setMenu] = React.useState(null); // { rect, items } const [modal, setModal] = React.useState(null); // { type: 'base' | 'custom', line?, cat? } const closeMenu = React.useCallback(() => setMenu(null), []); const [drill, setDrill] = React.useState(null); // { kind: 'rcv', init } | { kind: 'paid', title, txns } const closeDrill = React.useCallback(() => setDrill(null), []); React.useEffect(() => { bdafSavePrefs({ open, mode, lookback, hz, openBase, exp }); }, [open, mode, lookback, hz, openBase, exp]); /* ข้อมูล Cash Flow (ชีต DATA) — ไม่ได้มากับข้อมูลหลักของหน้า ต้องดึงแยก · โชว์ cache ของเครื่องก่อน */ const [cf, setCf] = React.useState(() => { try { const r = JSON.parse(localStorage.getItem(BDAF_CFP_LS) || 'null'); return r && r.stm ? r : null; } catch (_) { return null; } }); const [cfState, setCfState] = React.useState('loading'); // loading | ok | empty | error const loadCf = React.useCallback(() => { if (!window.WTPData || typeof window.WTPData.fetchSheetRows !== 'function') { setCfState('error'); return; } setCfState('loading'); window.WTPData.fetchSheetRows('cashflowPresent').then(rows => { const row = (rows || []).find(r => r && r.stm); if (row) { setCf(row); setCfState('ok'); } else setCfState('empty'); }, () => setCfState('error')); }, []); React.useEffect(() => { loadCf(); }, [loadCf]); const ovRows = overrides || []; const editSig = ovRows.filter(r => r && typeof r.key === 'string' && r.key.indexOf(BDAF_PREFIX) === 0).map(r => r.key + '=' + r.value).join('|'); const cfg = bdafReadCfg(ovRows); const buffer = Number(cfg.buffer) || 0; const col = React.useMemo(() => bdafCollectCf(cf && cf.stm && cf.stm.txns, cf && cf.codeGroups, today), [cf, today]); const ed = React.useMemo(() => bdafParseEdits(ovRows), [editSig]); const plan = React.useMemo(() => bdafBuild(col, lookback, hz, ed.edits), [col, lookback, hz, ed]); const view = React.useMemo(() => bdafView(plan, mode), [plan, mode]); const rcv = React.useMemo(() => bdafReceipts(arList, forecasts, today, plan.F), [arList, forecasts, today, plan.F]); /* ยอดตั้งต้น = ยอดเงินใช้ได้ (หัก HOLD) — ทุกบัญชี หรือเฉพาะบัญชีหลักที่เลือกไว้ในใบสรุป */ const opening = React.useMemo(() => { const accts = accounts || []; const pick = (typeof bdLoadMainAccts === 'function' && bdLoadMainAccts()) || accts.filter(a => (typeof BD_MAIN_ACCT_DEFAULT_LAST4 !== 'undefined' ? BD_MAIN_ACCT_DEFAULT_LAST4 : []).indexOf(bdLast4(a.accountNo)) >= 0).map(a => a.accountNo); const pickSet = new Set(pick || []); const avail = (a) => (a.available != null ? a.available : a.balance) || 0; const all = accts.reduce((s, a) => s + avail(a), 0); const mainList = accts.filter(a => pickSet.has(a.accountNo)); const main = mainList.reduce((s, a) => s + avail(a), 0); const asOf = accts.reduce((m, a) => { const d = bdToISO(a.asOf); return d && d > m ? d : m; }, ''); return { all, main, mainN: mainList.length, allN: accts.length, asOf }; }, [accounts]); const openAmt = openBase === 'main' && opening.mainN ? opening.main : opening.all; const cash = React.useMemo(() => bdafCash(plan, view, rcv, openAmt, buffer, mode), [plan, view, rcv, openAmt, buffer, mode]); const F = plan.F; const needTotal = cash.length ? cash[cash.length - 1].needCum : 0; const firstShort = cash.find(r => r.need > 0.5); const lowest = cash.reduce((m, r) => (!m || r.min < m.min ? r : m), null); const byWhen = (d) => (d === today ? 'ตั้งแต่วันนี้' : 'ก่อนวันที่ ' + bdafDShort(d)); // ต่ำกว่าเงินสำรองอยู่แล้วตอนนี้ = ต้องหาทันที /* ── เขียนค่าที่แก้ ── */ const save = (key, edit, fn, msg) => { if (!canEdit) return; bdafSaveEdit(key, fn(Object.assign({}, edit || {})), cm); if (msg && toast) toast(msg); }; const saveCell = (l, mk, raw) => { setEditing(null); if (bdafLockedMonth(l, mk, cm)) { if (toast) toast('🔒 แถวนี้ตกลงยอดแล้ว — ปลดล็อกก่อนแก้'); return; } const txt = String(raw == null ? '' : raw).replace(/[,\s฿]/g, ''); const e = l.edit || {}; const had = e.m && e.m[mk] != null; if (txt === '') { if (had) save(l.key, e, o => { const m = Object.assign({}, o.m); delete m[mk]; o.m = m; return o; }, 'คืนค่าระบบ · ' + l.name + ' · ' + bdafMShort(mk)); return; } const n = Number(txt); if (!isFinite(n) || n < 0) { if (toast) toast('ตัวเลขไม่ถูกต้อง'); return; } if (Math.round(n) === Math.round(bdafVal(l, mk, mode, cm))) return; // ไม่ได้เปลี่ยน (แค่คลิกผ่าน) save(l.key, e, o => { o.m = Object.assign({}, o.m, { [mk]: n }); return o; }, 'แก้ยอด ' + l.name + ' · ' + bdafMShort(mk) + ' = ' + fmtNum(n, 0)); }; const toggleOff = (l) => save(l.key, l.edit, o => { o.off = !o.off; return o; }, (l.edit && l.edit.off ? 'นับกลับเข้าแผน · ' : 'ไม่นับในแผน · ') + l.name); const moveCat = (l, c) => { if (l.kind === 'custom') save(l.key, l.edit, o => { o.def = Object.assign({}, o.def, { cat: c }); return o; }, 'ย้าย ' + l.name + ' → ' + BD_CAT_NAME[c]); else save(l.key, l.edit, o => { if (c === l.autoCat) delete o.cat; else o.cat = c; return o; }, 'ย้าย ' + l.name + ' → ' + BD_CAT_NAME[c]); setExp(p => ({ ...p, [c]: true })); }; const resetLine = (l) => { if (!window.confirm('ล้างที่แก้ทั้งหมดของ “' + l.name + '” ให้ระบบคิดเอง?')) return; save(l.key, null, () => ({}), 'คืนค่าระบบ · ' + l.name); }; const pinGroup = (r, off) => { save(r.key, ed.edits[r.key], o => { o.pin = true; if (off) o.off = true; return o; }, (off ? 'ไม่นับในแผน · ' : 'แยกเป็นแถว · ') + r.g.name); }; // ตกลงยอด: เขียนยอดที่เห็นทุกเดือนในช่วงที่ดูลงไปเลย → ระบบคิดใหม่กี่รอบก็ไม่ขยับ const lockObj = (o, valOf) => { if (!o.off) { const m = Object.assign({}, o.m); F.forEach(mk => { m[mk] = Math.round(valOf(mk) || 0); }); o.m = m; } o.lock = { by: bdafWho(), at: new Date().toISOString(), until: F[F.length - 1] }; return o; }; const lockLine = (x) => save(x.l.key, x.l.edit, o => lockObj(o, mk => x.vals[mk]), (bdafLocked(x.l, cm) ? '🔒 ขยายล็อกถึง ' + bdafMShort(F[F.length - 1]) + ' · ' : '🔒 ตกลงแล้ว · ') + x.l.name); const unlockLine = (l) => { const k = (l.edit && l.edit.lock) || {}; if (!window.confirm('ปลดล็อก “' + l.name + '”?' + (k.by ? '\n(ล็อกไว้โดย ' + k.by + (k.at ? ' เมื่อ ' + fmtDate(String(k.at).slice(0, 10)) : '') + ')' : '') + '\nยอดที่ตกลงไว้ยังอยู่ แต่จะกลับมาแก้ได้')) return; save(l.key, l.edit, o => { delete o.lock; return o; }, '🔓 ปลดล็อก · ' + l.name); }; const lockCat = (c) => { const todo = c.lines.filter(x => !bdafLocked(x.l, cm)); if (!canEdit || !todo.length) return; if (!window.confirm('ล็อกทุกแถวในหมวด' + BD_CAT_NAME[c.cat] + ' (' + todo.length + ' แถว) ตามยอดที่เห็นตอนนี้?\nตกลงแล้ว = ยอดไม่ขยับตามระบบ และแก้ไม่ได้จนกว่าจะปลดล็อก')) return; todo.forEach(x => bdafSaveEdit(x.l.key, lockObj(Object.assign({}, x.l.edit || {}), mk => x.vals[mk]), cm)); if (toast) toast('🔒 ตกลงแล้วทั้งหมวด' + BD_CAT_NAME[c.cat] + ' (' + todo.length + ' แถว)'); }; const saveBase = (l, amt, lockNow) => { setModal(null); save(l.key, l.edit, o => { if (amt == null) { delete o.base; return o; } o.base = amt; delete o.m; return lockNow ? lockObj(o, mk => (mk === cm ? amt * l.frac : amt)) : o; }, amt == null ? 'คืนค่าให้ระบบคิด · ' + l.name : (lockNow ? '🔒 ตกลงแล้ว · ' : 'ตั้ง ') + l.name + ' = ' + fmtNum(amt, 0) + ' ทุกเดือน'); }; const saveCustom = (key, def) => { setModal(null); const k = key || ('u:' + Date.now().toString(36) + Math.random().toString(36).slice(2, 5)); save(k, ed.edits[k], o => { o.def = def; return o; }, (key ? 'แก้รายการ · ' : 'เพิ่มรายการ · ') + def.name); setExp(p => ({ ...p, out: true, [def.cat]: true })); }; const deleteCustom = (l) => { if (!window.confirm('ลบรายการ “' + l.name + '”?')) return; setModal(null); save(l.key, null, () => ({}), 'ลบรายการ · ' + l.name); }; const saveBuffer = (raw) => { const n = Number(String(raw || '').replace(/[,\s฿]/g, '')) || 0; if (!canEdit || n === buffer || typeof WTPOverride === 'undefined') return; WTPOverride.setRaw(BDAF_CFG_KEY, n > 0 ? JSON.stringify(Object.assign({}, cfg, { buffer: n })) : ''); if (toast) toast('เงินสำรองขั้นต่ำ = ' + fmtNum(n, 0) + ' บาท'); }; const clearAll = () => { const isLockKey = (k) => { const e = ed.edits[k.slice(BDAF_PREFIX.length)]; return !!(e && e.lock && e.lock.until >= cm); }; const all = ovRows.filter(r => r && typeof r.key === 'string' && r.key.indexOf(BDAF_PREFIX) === 0).map(r => r.key); const keys = all.filter(k => !isLockKey(k)); const kept = all.length - keys.length; if (!keys.length) { if (toast) toast(kept ? 'ทุกแถวที่แก้ไว้ตกลง (ล็อก) แล้ว — ปลดล็อกก่อนถ้าจะล้าง' : 'ไม่มีอะไรให้ล้าง'); return; } if (!window.confirm('ล้างที่แก้ทั้งหมด ' + keys.length + ' แถว (รวมรายการที่เพิ่มเอง) ให้ระบบคิดใหม่ทั้งแผน?' + (kept ? '\nไม่แตะ ' + kept + ' แถวที่ตกลง (ล็อก) แล้ว' : '') + '\nทุกคนในทีมจะเห็นแผนเปลี่ยนตาม')) return; const m = {}; keys.forEach(k => { m[k] = null; }); if (typeof WTPOverride !== 'undefined' && WTPOverride.setMany) WTPOverride.setMany(m); if (toast) toast('ล้างที่แก้ทั้งหมดแล้ว'); }; const openMenu = (x, ev) => { ev.stopPropagation(); const l = x.l, e = l.edit || {}; const items = []; if (bdafLocked(l, cm)) { items.push({ t: '🔓 ปลดล็อก (กลับไปแก้ได้)', fn: () => unlockLine(l) }); if (F[F.length - 1] > e.lock.until) items.push({ t: '🔒 ขยายล็อกถึง ' + bdafMShort(F[F.length - 1]), fn: () => lockLine(x) }); setMenu({ rect: ev.currentTarget.getBoundingClientRect(), items }); return; } items.push({ t: '🔒 ล็อก — ตกลงยอดนี้แล้ว', fn: () => lockLine(x) }); if (l.kind === 'custom') items.push({ t: '✏️ แก้รายการ…', fn: () => setModal({ type: 'custom', line: l }) }); else { const autoAvg = F.length ? F.reduce((a, mk) => a + (l.auto.vals[mk] || 0), 0) / F.length : l.flat; // ยอดเต็มเดือน items.push({ t: '🟰 ตั้งยอดเท่ากันทุกเดือน…', fn: () => setModal({ type: 'base', line: Object.assign({}, l, { mode, autoAvg }) }) }); } items.push({ t: e.off ? '↩ นับกลับเข้าแผน' : '🚫 ไม่นับรายการนี้', fn: () => toggleOff(l) }); if (l.kind !== 'other') BD_CAT_ORDER.filter(c => c !== l.cat).forEach(c => items.push({ t: '↪ ย้ายไปหมวด' + BD_CAT_NAME[c], fn: () => moveCat(l, c) })); if (l.kind === 'custom') items.push({ t: '🗑 ลบรายการ', danger: true, fn: () => deleteCustom(l) }); else if (bdafHasEdit(e)) items.push({ t: '↺ ล้างที่แก้ — ให้ระบบคิดเอง', fn: () => resetLine(l) }); setMenu({ rect: ev.currentTarget.getBoundingClientRect(), items }); }; /* ── Excel ── */ const modeLabel = mode === 'avg' ? '📊 ค่าเฉลี่ย' : '🤖 วิเคราะห์อัตโนมัติ'; const rangeLabel = F.length ? bdafMShort(F[0]) + (F.length > 1 ? ' – ' + bdafMShort(F[F.length - 1]) : '') : ''; const srcOf = (l) => { const e = l.edit || {}; if (bdafLocked(l, cm)) return 'ตกลงแล้ว (ล็อก' + (e.lock.by ? 'โดย ' + e.lock.by : '') + ')'; if (l.kind === 'custom') return 'เพิ่มเอง'; if (e.off) return 'ไม่นับ'; if (e.base != null) return 'ตั้งยอดทุกเดือน'; if (e.m && Object.keys(e.m).length) return 'แก้บางเดือน'; return 'ระบบ'; }; const xlsCols = [{ key: 'grp', label: 'ส่วน' }, { key: 'name', label: 'รายการ' }, { key: 'src', label: 'ที่มา' }, { key: 'avg', label: 'จ่ายจริงเฉลี่ย/เดือน (ย้อนหลัง ' + plan.N + ' เดือน)', type: 'number' }] .concat(F.map(mk => ({ key: 'm' + mk, label: bdafMFull(mk) + (mk === cm ? ' (ที่เหลือ)' : ''), type: 'number' }))) .concat([{ key: 'total', label: 'รวม', type: 'number' }, { key: 'note', label: 'วิธีคิด / หมายเหตุ' }]); const xlsRows = []; const xrow = (grp, name, vals, extra) => { const r = Object.assign({ grp, name, src: '', avg: '', total: '', note: '' }, extra || {}); F.forEach((mk, i) => { r['m' + mk] = Math.round(vals[i] || 0); }); xlsRows.push(r); }; xrow('สรุปเงินสด', 'เงินต้นเดือน', cash.map(r => r.open)); xrow('สรุปเงินสด', '+ เงินเข้า (คาดรับจริง)', cash.map(r => r.inn), { total: Math.round(cash.reduce((a, r) => a + r.inn, 0)) }); xrow('สรุปเงินสด', '− เงินออก (ค่าใช้จ่ายประมาณการ)', cash.map(r => r.out), { total: Math.round(cash.reduce((a, r) => a + r.out, 0)) }); xrow('สรุปเงินสด', '= เงินปลายเดือน (ถ้าไม่หาเงินเพิ่ม)', cash.map(r => r.close)); xrow('สรุปเงินสด', 'จุดต่ำสุดระหว่างเดือน', cash.map(r => r.min), { note: cash.map(r => bdafMShort(r.mk) + ': ' + bdafDShort(r.minDate)).join(' · ') }); xrow('สรุปเงินสด', 'ต้องหาเงินเข้ามาเพิ่ม', cash.map(r => r.need), { total: Math.round(needTotal), note: cash.filter(r => r.short).map(r => bdafMShort(r.mk) + ' ' + (r.short === today ? 'ตั้งแต่วันนี้' : 'ก่อน ' + bdafDShort(r.short))).join(' · ') }); Object.keys(BDAF_RCV_SRC).forEach(k => { const s = rcv.bySrc[k]; if (s) xrow('เงินเข้า', BDAF_RCV_SRC[k].t, F.map(mk => s.vals[mk] || 0), { total: Math.round(s.total), note: s.n + ' รายการ' }); }); view.cats.forEach(c => { xrow('เงินออก · ' + BD_CAT_NAME[c.cat], '— รวมหมวด —', F.map(mk => c.vals[mk]), { avg: Math.round(c.avg), total: Math.round(c.total) }); c.lines.forEach(x => xrow('เงินออก · ' + BD_CAT_NAME[c.cat], (x.l.code ? x.l.code + ' ' : '') + x.l.name, F.map(mk => x.vals[mk]), { src: srcOf(x.l), avg: Math.round(x.l.avg), total: Math.round(x.total), note: mode === 'avg' && x.l.kind !== 'custom' ? 'ค่าเฉลี่ย ' + plan.N + ' เดือน' : x.l.auto.notes.join(' · '), })); }); const noCf = !plan.N; const nCols = 3 + F.length + (canEdit ? 1 : 0); const chip = (on) => ({ padding: '5px 12px', borderRadius: 20, fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', border: '1.5px solid ' + (on ? '#0e7490' : '#e2e8f0'), background: on ? '#0e7490' : '#fff', color: on ? '#fff' : '#475569', }); const numTd = { textAlign: 'right', fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap', padding: '5px 8px' }; const tag = (t, bg, c) => {t}; const caret = (on) => ▶; const money = (v) => {v < 0 ? '−' : ''}{fmtNum(Math.round(Math.abs(v)), 0)}; const tog = (k) => setExp(p => ({ ...p, [k]: !p[k] })); const togDet = (k) => setDetail(p => ({ ...p, [k]: !p[k] })); const openRcv = (init) => setDrill({ kind: 'rcv', init: init || {} }); const openPaid = (title, lines) => setDrill({ kind: 'paid', title, txns: lines.reduce((a, l) => a.concat(l.tx || []), []) }); const allLines = () => view.cats.reduce((a, c) => a.concat(c.lines.map(x => x.l)), []); const link = { border: 'none', background: 'none', color: 'var(--brand-600)', cursor: 'pointer', fontSize: 11.5, fontFamily: 'inherit', padding: 0 }; const sumRow = (label, vals, opt) => ( {label} {opt && opt.hint} {F.map((mk, i) => ( { e.stopPropagation(); opt.onCell(mk); } : undefined}>{vals[i]} ))} { e.stopPropagation(); opt.onCell(''); } : undefined}>{opt && opt.total} {canEdit && } ); return (
{/* หัวการ์ด — กดพับ/กาง · ตอนพับยังเห็นคำตอบ (ต้องหาเงินเพิ่มไหม) */}
setOpen(o => !o)} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 8, padding: '12px 16px', background: 'linear-gradient(135deg,#ecfeff,#cffafe)', borderBottom: open ? '1px solid #a5f3fc' : 'none', cursor: 'pointer' }}>
▶
💰 แผนเงินสดล่วงหน้า (เงินตอนนี้ + คาดรับจริง − ค่าใช้จ่ายประมาณการ)
{rangeLabel} {noCf ? (cfState === 'loading' ? ' · กำลังโหลดข้อมูล Cash Flow…' : ' · ยังไม่มีข้อมูลจ่ายจริงจาก Cash Flow') : needTotal > 0.5 ? <> · ต้องหาเงินเพิ่ม {bdafC(needTotal)} · เริ่มขาด{firstShort.short === today ? 'ตั้งแต่วันนี้' : ' ' + bdafDShort(firstShort.short)} : <> · ✓ เงินพอ{lowest ? <> · ต่ำสุด {bdafC(lowest.min)} ({bdafDShort(lowest.minDate)}) : null}} {view.locked > 0 && <> · 🔒 ตกลงแล้ว {view.locked}/{view.nLines} แถว} {view.edited - view.locked > 0 && <> · ✏️ แก้แล้ว {view.edited - view.locked} แถว}
{open ? 'ย่อ ▴' : 'กดเพื่อดู ▾'}
{open && (<> {/* แถบตั้งค่า */}
ถึงเดือน
เงินตั้งต้น
เงินสำรองขั้นต่ำ saveBuffer(e.target.value)} onKeyDown={e => { if (e.key === 'Enter') e.currentTarget.blur(); }} style={{ width: 110, padding: '5px 8px', borderRadius: 8, border: '1.5px solid #e2e8f0', fontSize: 12, fontFamily: 'inherit', textAlign: 'right' }} />
{canEdit && } {canDelete && view.edited > 0 && }
{/* คำตอบ: ต้องหาเงินเพิ่มช่วงไหน เท่าไร */}
0.5 ? 'var(--bad-bg)' : 'var(--good-bg)' }}> {noCf ? (
{cfState === 'loading' ? 'กำลังโหลดข้อมูลจ่ายจริงจาก Cash Flow…' : 'ยังสรุปไม่ได้ — ยังไม่มีข้อมูลจ่ายจริงจาก Cash Flow (เงินออกเป็น 0 ทั้งหมด)'} {cfState !== 'loading' &&
อัปโหลดไฟล์ WTP-Cash Flow ที่หน้า "พรีเซนต์ Cash Flow" หรือดันจากหน้างบกระทบยอดกระแสเงินสด แล้วกด ↻ โหลดใหม่
}
) : needTotal > 0.5 ? (<>
ต้องหาเงินหมุนเวียนเข้ามาเพิ่มรวม {fmtNum(Math.round(needTotal), 0)} บาท ภายใน {rangeLabel}
{cash.filter(r => r.need > 0.5).map(r => (
{bdafMFull(r.mk)} · หาเพิ่ม {fmtNum(Math.round(r.need), 0)} {byWhen(r.short)}
))}
) : (
✓ เงินพอจ่ายถึง {F.length ? bdafMFull(F[F.length - 1]) : ''} {lowest && · จุดต่ำสุด {fmtNum(Math.round(lowest.min), 0)} บาท วันที่ {bdafDShort(lowest.minDate)}}
)}
เงินตั้งต้น {fmtNum(Math.round(openAmt), 0)} บาท (ยอดใช้ได้ {openBase === 'main' && opening.mainN ? 'บัญชีหลัก ' + opening.mainN : 'ทุกบัญชี ' + opening.allN} บัญชี{opening.asOf ? ' ณ ' + bdafDShort(opening.asOf) : ''}) {buffer > 0 && <> · เผื่อเงินสำรองขั้นต่ำ {fmtNum(buffer, 0)} บาท} {' · '}นับตามวันที่: เงินออกใช้วันที่ที่มักจ่ายจริง · เงินเข้าใช้วันคาดรับ
{/* ที่มาของตัวเลข + ของที่ยังไม่นับ */}
เงินออก = จ่ายจริงจากข้อมูล Cash Flow{plan.N > 0 ? ' ' + bdafMShort(plan.H[0]) + (plan.N > 1 ? ' – ' + bdafMShort(plan.H[plan.N - 1]) : '') + ' (' + plan.N + ' เดือนล่าสุดที่มีในไฟล์)' : ''} {cf && cf.uploadedAt ? ' · อัปเดต ' + fmtDate(new Date(cf.uploadedAt).toISOString().slice(0, 10)) + (cf.uploadedBy ? ' โดย ' + cf.uploadedBy : '') : ''} {cfState === 'loading' && ' · กำลังโหลด…'} {cfState === 'error' && · โหลดข้อมูล Cash Flow ไม่สำเร็จ} {' '} {plan.N > 0 && plan.N < lookback && · มีข้อมูลแค่ {plan.N} เดือน} {plan.last && bdafDiffM(plan.last, cm) > 1 && · ไฟล์ Cash Flow ล่าสุดถึง {bdafMShort(plan.last)}} {' · '}ไม่นับโอนระหว่างบัญชี · เดือนนี้นับเฉพาะส่วนที่ยังไม่ถึงวันจ่าย
เงินเข้า = ที่รอรับจริง (ใบแจ้งหนี้กำลังติดตาม + แผนรับใน Bank Daily + รับอื่นๆ ที่คีย์ไว้) {(rcv.skip.insp.n + rcv.skip.issue.n + rcv.skip.nodate.n + rcv.skip.later.n) > 0 && <> · ยังไม่นับ: {rcv.skip.insp.n > 0 && <> ·} {rcv.skip.issue.n > 0 && <> ·} {rcv.skip.nodate.n > 0 && <> ·} {rcv.skip.later.n > 0 && <> } }
{/* ตาราง */}
{F.map(mk => ( ))} {canEdit && {sumRow('เงินต้นเดือน', cash.map(r => money(r.open)), { hint: 'เดือนแรก = ยอดเงินใช้ได้ตอนนี้' })} {sumRow(<>{caret(!!exp.rcv)} + เงินเข้า (คาดรับจริง), cash.map(r => {bdafN(r.inn)}), { hint: rcv.items.length + ' รายการ · กดตัวเลขดูทีละใบ', total: bdafN(cash.reduce((a, r) => a + r.inn, 0)), onClick: () => tog('rcv'), onCell: (mk) => openRcv({ tab: 'in', mk }), cellTitle: 'กดดูรายการเงินเข้าทีละใบ ว่ามาจากไหน' })} {exp.rcv && Object.keys(BDAF_RCV_SRC).map(k => { const s = rcv.bySrc[k]; if (!s) return null; return ( {F.map(mk => )} {canEdit && ); })} {sumRow(<>{caret(!!exp.out)} − เงินออก (ค่าใช้จ่ายประมาณการ), cash.map(r => {bdafN(r.out)}), { hint: <>{(mode === 'avg' ? '📊 ค่าเฉลี่ย' : '🤖 วิเคราะห์') + ' · กดดูรายหมวด · ' + (view.locked ? '🔒 ' + view.locked + '/' + view.nLines + ' · ' : '')}, total: bdafN(cash.reduce((a, r) => a + r.out, 0)), onClick: () => tog('out') })} {exp.out && ( )} {exp.out && noCf && ( )} {exp.out && view.cats.map(c => { const isOpen = !!exp[c.cat]; return ( tog(c.cat)}> {F.map(mk => )} {canEdit && ( )} {isOpen && c.lines.map(x => { const l = x.l, e = l.edit || {}, off = !!e.off; const isDet = !!detail[l.key]; const meta = ed.meta[l.key]; return ( {F.map(mk => ( { if (toast) toast('🔒 “' + l.name + '” ตกลงยอดแล้ว — กด “🔒 ตกลงแล้ว” ข้างชื่อแถวเพื่อปลดล็อกก่อนแก้'); }} canEdit={canEdit} editing={editing && editing.key === l.key && editing.mk === mk} onStart={() => setEditing({ key: l.key, mk })} onCancel={() => setEditing(null)} onSave={(v) => saveCell(l, mk, v)} /> ))} {canEdit && ( )} {isDet && ( )} ); })} ); })} {sumRow('= เงินปลายเดือน', cash.map(r => money(r.close)), { cls: 'bdaf-close', hint: 'ถ้าไม่หาเงินเพิ่ม' })} {sumRow('จุดต่ำสุดระหว่างเดือน', cash.map(r => <>{money(r.min)}
{bdafDShort(r.minDate)}
), { hint: 'เรียงรับ-จ่ายตามวันที่' })} {sumRow( 0.5 ? 'var(--bad)' : undefined }}>ต้องหาเงินเข้ามาเพิ่ม, cash.map(r => r.need > 0.5 ? <>{fmtNum(Math.round(r.need), 0)}
{byWhen(r.short)}
: –), { cls: needTotal > 0.5 ? 'bdaf-need' : '', hint: buffer > 0 ? 'ให้เหลืออย่างน้อย ' + bdafC(buffer) : 'ให้ยอดไม่ติดลบ', total: needTotal > 0.5 ? {fmtNum(Math.round(needTotal), 0)} : '–' })}
รายการ {noCf ? '' : 'ย้อนหลัง ' + plan.N + ' เดือน · เฉลี่ย/เดือน'} {bdafMShort(mk)}{mk === cm &&
ที่เหลือหลังวันนี้
} 		รวม}
openRcv({ tab: 'in', src: k })} title={BDAF_RCV_SRC[k].hint + ' — กดดูทีละใบ'}>{BDAF_RCV_SRC[k].t} {s.n} รายการ openRcv({ tab: 'in', mk, src: k }) : undefined}>{bdafN(s.vals[mk])} openRcv({ tab: 'in', src: k })}>{bdafN(s.total)}}
วิธีคิดค่าใช้จ่าย คิดจากย้อนหลัง {BDAF_LOOKBACKS.map(n => )} {!noCf && }
{cfState === 'loading' ? 'กำลังโหลดข้อมูล Cash Flow…' : 'ยังไม่มีข้อมูลจ่ายจริงจาก Cash Flow — อัปโหลดไฟล์ WTP-Cash Flow ที่หน้า "พรีเซนต์ Cash Flow" หรือดันจากหน้างบกระทบยอดกระแสเงินสดก่อน'}
{caret(isOpen)} {BD_CAT_NAME[c.cat]} {c.lines.length} แถว{(() => { const n = c.lines.filter(x => bdafLocked(x.l, cm)).length; return n ? ' · 🔒 ' + n : ''; })()} เฉลี่ยจ่ายจริง {bdafN(c.avg)}/ด. · {bdafN(c.vals[mk])}{bdafN(c.total)} e.stopPropagation()}> {c.lines.some(x => !bdafLocked(x.l, cm)) && ( )}
togDet(l.key)} title="กดดูว่าทำไมได้ตัวเลขนี้" style={{ cursor: 'pointer' }}> {caret(isDet)} {l.code && {l.code}} {l.name} {l.kind === 'custom' && tag('เพิ่มเอง', '#e0f2fe', '#075985')} {off && tag('ไม่นับ', 'var(--ink-100)', 'var(--ink-600)')} {bdafLocked(l, cm) && ( )} {!off && !bdafLocked(l, cm) && l.kind !== 'custom' && (e.base != null || (e.m && Object.keys(e.m).length > 0)) && tag('แก้เอง', '#fff1c2', '#854d0e')} {l.kind === 'grp' && e.cat && tag('ย้ายหมวด', 'var(--ink-100)', 'var(--ink-600)')} {canEdit && !bdafLocked(l, cm) && ( )} openPaid((l.code ? l.code + ' ' : '') + l.name, [l]) : undefined} style={{ cursor: l.kind !== 'custom' ? 'zoom-in' : undefined }} title={l.kind !== 'custom' ? 'กดดูรายการจ่ายจริงเดือนก่อนๆ ของแถวนี้' : undefined}>
{l.kind !== 'custom' && } {l.kind !== 'custom' && {bdafN(l.avg)}}
{bdafN(x.total)}
openPaid((l.code ? l.code + ' ' : '') + l.name, [l])} onPin={pinGroup} />
กดแถวเงินเข้า/เงินออกเพื่อกางดูที่มา · กดชื่อแถวเพื่อดูว่าทำไมได้ตัวเลขนี้ ตัวหนาพื้นเหลือง = แก้เอง (ทุกคนเห็นเหมือนกัน · ไม่กระทบหน้าอื่น) พื้นเขียว 🔒 = ตกลงแล้ว ยอดไม่ขยับตามระบบ · กด “🔓 ล็อก” ข้างชื่อแถว (แถวที่แก้แล้วโชว์ปุ่มเลย)
)} {menu && } {drill && drill.kind === 'rcv' && } {drill && drill.kind === 'paid' && } {modal && ( setModal(null)} onSaveBase={saveBase} onSaveCustom={saveCustom} onDeleteCustom={deleteCustom} /> )}
); }