// ============ Sales analytics · รายวัน / รายเดือน / รายปี ============ function SalesAnalytics(){ const { fdb:db, settings, THAI_MONTHS, THAI_MONTHS_SHORT, THAI_WEEKDAYS } = useData(); const months = aggregateByMonth(db); const oh = overheadTotal(db); const avgP = settings.avgPrice>0?settings.avgPrice:avgSellingPrice(db); const [period,setPeriod]=React.useState('month'); const seriesDef=[{key:'store',color:'#0071e3',name:'หน้าร้าน'},{key:'line',color:'#30a46c',name:'LINE MAN'},{key:'other',color:'#d97a16',name:'อื่นๆ'}]; const Legend=()=>
{seriesDef.map(s=>
{s.name}
)}
; if(!months.length) return ; // ---------- DAILY ---------- function Daily(){ const [mk,setMk]=React.useState(months[months.length-1].key); const cur=months.find(m=>m.key===mk); const rows=db.dailySales.filter(d=>monthKey(d.date)===mk).sort((a,b)=>a.date({label:String(parseInt(d.date.slice(8))),values:{store:d.store,line:d.line,other:d.other}})); let acc=0; const cum=rows.map(d=>{acc+=dailyTotal(d);return {x:d.date,y:acc};}); const totals=rows.map(dailyTotal); const best=rows.reduce((a,d)=>dailyTotal(d)>dailyTotal(a)?d:a,rows[0]); const worst=rows.reduce((a,d)=>dailyTotal(d){const w=weekdayOf(d.date);(wd[w]=wd[w]||[]).push(dailyTotal(d));}); const wdBars=THAI_WEEKDAYS.map((nm,i)=>({label:nm.slice(0,2),values:{v:wd[i]?wd[i].reduce((s,x)=>s+x,0)/wd[i].length:0}})); const bestWd=wdBars.reduce((a,b)=>b.values.v>a.values.v?b:a,wdBars[0]); return
({value:m.key,label:`${THAI_MONTHS[m.monthIdx]} ${parseInt(m.year)+543}`}))}/>
ยอดขายรายวัน
ยอดสะสม (i%4===0)?parseInt(rows[i].date.slice(8)):null}/> ขายดี: {bestWd.label}}>ตามวันในสัปดาห์
; } // ---------- MONTHLY ---------- function Monthly(){ const years=[...new Set(months.map(m=>m.year))].sort(); const [year,setYear]=React.useState(years[years.length-1]); const yMonths=months.filter(m=>m.year===year); const frame=THAI_MONTHS.map((nm,i)=>{const m=yMonths.find(x=>x.monthIdx===i);return {idx:i,label:THAI_MONTHS_SHORT[i],store:m?m.store:0,line:m?m.line:0,other:m?m.other:0,total:m?m.total:0};}); const bars=frame.map(f=>({label:f.label,values:{store:f.store,line:f.line,other:f.other}})); const active=frame.filter(f=>f.total>0); const yearTotal=frame.reduce((s,f)=>s+f.total,0); const pnl=frame.map(f=>{const gp=f.total*settings.estGP;return {...f,gp,cogs:f.total-gp,net:gp-(f.total>0?oh:0)};}); let acc=0; const cum=frame.map(f=>{acc+=f.total;return {x:f.label,y:acc};}); return
({value:y,label:`ปี ${parseInt(y)+543}`}))}/> บันทึก {active.length} เดือน
รายได้รายเดือน {settings.vatEnabled && yearTotal>0 && (()=>{ const v=vatBreakdown(yearTotal,settings); return ภาษีมูลค่าเพิ่ม (รวมทั้งปี)
ยอดก่อน VAT
{fmtB(v.base)}
ภาษีขาย (VAT)
{fmtB(v.vat)}
ยอดรวม
{fmtB(v.total)}
; })()}
งบกำไร-ขาดทุน (P&L)
{pnl.filter(p=>p.total>0).map(p=>)} {!pnl.some(p=>p.total>0)&&}
เดือนรายได้ ต้นทุนกำไรขั้นต้น กำไรสุทธิ
{THAI_MONTHS[p.idx]} {fmt(p.total)} {fmt(p.cogs)} {fmt(p.gp)} =0?'var(--green)':'var(--red)'}}>{fmt(p.net)}
Break-even
{[['ค่าใช้จ่ายคงที่/เดือน',fmtB(oh)],['ราคาขายเฉลี่ย/แก้ว',fmtB(avgP,0)],['GP เฉลี่ย/แก้ว',fmtB(avgP*settings.estGP,1)],['จุดคุ้มทุน',`${fmt(oh/(avgP*settings.estGP||1))} แก้ว`],['คิดเป็นรายได้',fmtB(oh/settings.estGP)]].map(([k,v],i)=>
{k}{v}
)}
รายได้สะสมframe[i].label}/>
; } // ---------- CUSTOM RANGE ---------- function Range(){ const all=db.dailySales.slice().sort((a,b)=>a.dated.date>=from && d.date<=to); const sum=inRange.reduce((a,d)=>({store:a.store+d.store,line:a.line+d.line,other:a.other+d.other,bills:a.bills+(d.bills||0)}),{store:0,line:0,other:0,bills:0}); const total=sum.store+sum.line+sum.other; const bars=inRange.map(d=>({label:`${parseInt(d.date.slice(8))}/${parseInt(d.date.slice(5,7))}`,values:{store:d.store,line:d.line,other:d.other}})); const best=inRange.length?inRange.reduce((a,d)=>dailyTotal(d)>dailyTotal(a)?d:a,inRange[0]):null; const days=inRange.length; return
setFrom(e.target.value)}/> setTo(e.target.value)}/> {days} วัน
{days? <>
{best && }
ยอดขายในช่วงที่เลือก {settings.vatEnabled && (()=>{ const v=vatBreakdown(total,settings); return ภาษีมูลค่าเพิ่มในช่วงนี้
ยอดก่อน VAT
{fmtB(v.base)}
ภาษีขาย
{fmtB(v.vat)}
ยอดรวม
{fmtB(v.total)}
; })()} : }
; } // ---------- YEARLY ---------- function Yearly(){ const ym={}; months.forEach(m=>{const y=m.year;if(!ym[y])ym[y]={year:y,store:0,line:0,other:0,total:0,months:0};ym[y].store+=m.store;ym[y].line+=m.line;ym[y].other+=m.other;ym[y].total+=m.total;ym[y].months++;}); const years=Object.values(ym).sort((a,b)=>a.year({label:`${parseInt(y.year)+543}`,values:{store:y.store,line:y.line,other:y.other}})); const last=years[years.length-1], prev=years[years.length-2]; const growth=prev&&prev.total?((last.total-prev.total)/prev.total)*100:null; const grandStore=years.reduce((s,y)=>s+y.store,0),grandLine=years.reduce((s,y)=>s+y.line,0),grandOther=years.reduce((s,y)=>s+y.other,0),grand=grandStore+grandLine+grandOther; const mix=[{name:'หน้าร้าน',value:grandStore,color:'#0071e3'},{name:'LINE MAN',value:grandLine,color:'#30a46c'},{name:'อื่นๆ',value:grandOther,color:'#d97a16'}].filter(s=>s.value>0); return
รายได้รายปี
ตารางรายปี
{years.map(y=>)}
ปีหน้าร้าน LINE MANรวม กำไรสุทธิ
{parseInt(y.year)+543} {fmt(y.store)} {fmt(y.line)} {fmt(y.total)} {fmt(y.total*settings.estGP-oh*y.months)}
ช่องทางการขาย
{mix.map(s=>
{s.name} {fmtB(s.value)}
)}
; } return
{period==='day'?:period==='month'?:period==='year'?:}
; } Object.assign(window, { SalesAnalytics });