// ============ Master data: Ingredients / Packages / Options / Overhead ============ function ingCost(f){ const y=(+f.yield||1); const q=(+f.buyQty||0)*y; return q? (+f.buyPrice||0)/q : 0; } function pkgCost(f){ const q=(+f.buyQty||0); return q? (+f.buyPrice||0)/q : 0; } // ---------- CSV import for master data ---------- function mDetect(header, keys){ const norm=header.map(h=>String(h||'').trim().toLowerCase()); for(let i=0;inorm[i]===k)) return i; } for(let i=0;inorm[i].startsWith(k))) return i; } for(let i=0;inorm[i].includes(k))) return i; } return -1; } function mNum(v){ const n=parseFloat(String(v==null?'':v).replace(/[^0-9.\-]/g,'')); return isNaN(n)?0:n; } const MASTER_SCHEMA={ ingredients:{ code:'ING', costKey:'costPerUnit', cost:ingCost, cols:[['id',['รหัส','id','code']],['name',['ชื่อวัตถุดิบ','ชื่อ','วัตถุดิบ','name','item']],['category',['หมวด','category','กลุ่ม']], ['buyPrice',['ราคาซื้อ','ราคา','buyprice','price','cost']],['buyQty',['ปริมาณซื้อ','ปริมาณ','จำนวนซื้อ','จำนวน','qty','buyqty']], ['unit',['หน่วยใช้งาน','หน่วย','unit']],['buyUnit',['หน่วยซื้อ','buyunit']],['yield',['yield','ใช้ได้จริง']], ['supplier',['ผู้ขาย','supplier','vendor']],['status',['สถานะ','status']],['note',['หมายเหตุ','note']]], tmpl:'รหัส,ชื่อวัตถุดิบ,หมวด,ราคาซื้อ,ปริมาณซื้อ,หน่วยใช้งาน,Yield,ผู้ขาย,สถานะ\n,เมล็ดกาแฟ,Coffee,450,1000,กรัม,1,ร้านกาแฟ,ใช้\n,นมสด,Milk,55,1000,ml,1,แม็คโคร,ใช้\n' }, consumable:{ code:'ING', costKey:'costPerUnit', cost:ingCost, cols:[['id',['รหัส','id','code']],['name',['ชื่อ','name','item']],['category',['หมวดย่อย','หมวด','category']], ['buyPrice',['ราคาซื้อ','ราคา','buyprice','price','cost']],['buyQty',['ปริมาณซื้อ','ปริมาณ','จำนวนซื้อ','qty','buyqty']], ['unit',['หน่วย','unit']],['status',['สถานะ','status']]], tmpl:'รหัส,ชื่อ,หมวดย่อย,ราคาซื้อ,ปริมาณซื้อ,หน่วย,สถานะ\n,ฟองน้ำ 3x4,ของใช้สิ้นเปลือง,65,2,แพ็ค,ใช้\n,น้ำยาล้างจาน,ของใช้ทำความสะอาด,89,1,ขวด,ใช้\n' }, packages:{ code:'PKG', costKey:'costPerPiece', cost:pkgCost, cols:[['id',['รหัส','id','code']],['name',['ชื่อแพคเกจ','ชื่อ','แพคเกจ','name','item']],['type',['ประเภท','type','หมวด']], ['buyPrice',['ราคาซื้อ','ราคา','buyprice','price','cost']],['buyQty',['จำนวนซื้อ','จำนวน','ปริมาณ','qty','buyqty']], ['unit',['หน่วย','unit']],['supplier',['ผู้ขาย','supplier']],['status',['สถานะ','status']],['note',['หมายเหตุ','note']]], tmpl:'รหัส,ชื่อแพคเกจ,ประเภท,ราคาซื้อ,จำนวนซื้อ,สถานะ\n,แก้ว 16oz,แก้ว,200,100,ใช้\n,ฝาแก้ว,ฝา,80,100,ใช้\n' }, options:{ code:'OP', cols:[['id',['รหัส','id','code']],['name',['ชื่อตัวเลือก','ชื่อ','ตัวเลือก','name']],['group',['กลุ่ม','group']], ['type',['ประเภท','type']],['addPrice',['เพิ่มราคา','addprice','ราคา','price']],['status',['สถานะ','status']]], tmpl:'รหัส,ชื่อตัวเลือก,กลุ่ม,ประเภท,เพิ่มราคา,สถานะ\n,เพิ่มช็อต,ROAST,ROAST,15,ใช้\n,หวานน้อย,SWEET,SWEET,0,ใช้\n' }, overhead:{ key:'name', cols:[['name',['รายการ','ชื่อ','name','item']],['amount',['จำนวน','amount','ค่าใช้จ่าย','cost']],['type',['ประเภท','type']],['note',['หมายเหตุ','note']]], tmpl:'รายการ,จำนวน,ประเภท,หมายเหตุ\nค่าเช่าสถานที่,15000,Fixed,รายเดือน\nค่าไฟฟ้า,4000,Variable,\n' }, }; // ---------- sorting ---------- function mCodeNum(id){ const m=String(id||'').match(/(\d+)/); return m?+m[1]:0; } const MASTER_SORT={ ingredients:[['code','รหัส'],['category','หมวด'],['name','ชื่อ'],['price','ราคาซื้อ'],['cost','ต้นทุน/หน่วย']], consumable:[['code','รหัส'],['category','หมวดย่อย'],['name','ชื่อ'],['price','ราคาซื้อ'],['cost','ต้นทุน/หน่วย']], packages:[['code','รหัส'],['type','ประเภท'],['name','ชื่อ'],['price','ราคาซื้อ'],['cost','ต้นทุน/ชิ้น']], options:[['code','รหัส'],['group','กลุ่ม'],['name','ชื่อ'],['price','เพิ่มราคา']], overhead:[['name','รายการ'],['type','ประเภท'],['amount','จำนวน']], }; function mSortVal(tab,it,field){ switch(field){ case 'code': return mCodeNum(it.id); case 'name': return it.name||''; case 'category': return it.category||''; case 'type': return it.type||''; case 'group': return it.group||''; case 'price': return tab==='options'?(+it.addPrice||0):(+it.buyPrice||0); case 'cost': return tab==='ingredients'?(+it.costPerUnit||0):(+it.costPerPiece||0); case 'amount': return +it.amount||0; default: return 0; } } function mSortRows(tab, arr, field, dir){ const s=[...arr].sort((a,b)=>{ const va=mSortVal(tab,a,field), vb=mSortVal(tab,b,field); let c; if(typeof va==='string'||typeof vb==='string') c=String(va).localeCompare(String(vb),'th'); else c=va-vb; if(c===0) c=mCodeNum(a.id)-mCodeNum(b.id); return dir==='desc'?-c:c; }); return s; } function IngredientModal({ open, onClose, initial }){ const { db, upsert, flash } = useData(); const blank={id:'',name:'',category:db.ingCategories[0]||'',unit:'กรัม',buyPackName:'',buyPrice:'',buyQty:'',buyUnit:'',yield:1,supplier:'',status:'ใช้',note:''}; const [f,setF]=React.useState(blank); React.useEffect(()=>{ if(open) setF(initial?{...initial}:{...blank,id:nextCode(db.ingredients,'ING')}); },[open,initial]); const cpu=ingCost(f); const submit=()=>{ if(!f.name){flash('กรอกชื่อวัตถุดิบ','err');return;} if(dupName(db.ingredients,f.name,'id',initial?initial.id:null)){flash('มีวัตถุดิบชื่อนี้แล้ว','err');return;} const id=(f.id||'').trim()||nextCode(db.ingredients,'ING'); if(!initial && db.ingredients.some(x=>x.id===id)){flash('รหัสนี้มีอยู่แล้ว ลองแก้รหัส','err');return;} upsert('ingredients',{...f,id,buyPrice:+f.buyPrice||0,buyQty:+f.buyQty||0,yield:Math.max(0.01,Math.min(1,+f.yield||1)),costPerUnit:cpu}); flash('บันทึกแล้ว'); onClose(); }; return }>
setF({...f,id:e.target.value.toUpperCase()})}/> setF({...f,name:e.target.value})}/> setF({...f,category:v})}/>
setF({...f,buyPrice:e.target.value})}/>
setF(prev=>({...prev,buyQty,buyUnit}))} />
{ let p=parseFloat(e.target.value); if(isNaN(p)) p=100; p=Math.max(0,Math.min(100,p)); setF({...f,yield:p/100}); }}/> setF({...f,supplier:e.target.value})}/> setF({...f,id:e.target.value.toUpperCase()})}/> setF({...f,name:e.target.value})}/> setF({...f,type:v})}/>
setF({...f,buyPrice:e.target.value})}/> setF({...f,id:e.target.value.toUpperCase()})}/> setF({...f,name:e.target.value})}/>
setF({...f,group:v})}/> setF({...f,type:e.target.value})}/> setF({...f,addPrice:e.target.value})}/>
setF({...f,name:e.target.value})}/>
setF({...f,amount:e.target.value})}/> setF({...f,note:e.target.value})}/>
; } // ---- swipe-to-delete row ---- function SwipeRow({ cells, onEdit, onDelete }){ const [dx,setDx]=React.useState(0); const st=React.useRef({x:0,active:false}); const down=e=>{ const x=e.touches?e.touches[0].clientX:e.clientX; st.current={x,active:true}; }; const move=e=>{ const s=st.current; if(!s.active) return; const x=e.touches?e.touches[0].clientX:e.clientX; let d=x-s.x; if(d>0) d=0; if(d<-130) d=-130; setDx(d); }; const up=()=>{ const s=st.current; if(!s.active) return; s.active=false; const del=dx<-70; setDx(0); if(del) onDelete(); }; const red=Math.min(1,-dx/70); return {cells}
{dx<-12 && {dx<-70?'ปล่อยเพื่อลบ':'ลบ'}} onEdit()}/> onDelete()}/>
; } function MasterTable({ headers, rows, render, onEdit, onDelete, getKey }){ return
{headers.map((h,i)=>)} {rows.map((r)=>( onEdit(r)} onDelete={()=>onDelete(r)}/> ))}
{h.label}
{rows.length===0 && } ; } function Master(){ const { db, remove, setCollection, setDb, flash } = useData(); const [tab,setTab]=React.useState('ingredients'); const [q,setQ]=React.useState(''); const [modal,setModal]=React.useState(false); const [edit,setEdit]=React.useState(null); const impRef=React.useRef(); const [sort,setSort]=React.useState('code'); const [dir,setDir]=React.useState('asc'); React.useEffect(()=>{ setQ(''); setSort(tab==='overhead'?'name':'code'); setDir('asc'); },[tab]); const open=(item)=>{ setEdit(item); setModal(true); }; const ql=q.toLowerCase(); const delWithUndo=(coll,item,keyField='id')=>{ const key=item[keyField]; remove(coll,key,keyField); flash('ลบ "'+(item.name||key)+'" แล้ว','ok',{label:'เลิกทำ',fn:()=>setDb(prev=>({...prev,[coll]:[item,...(prev[coll]||[])]}))}); }; const downloadTemplate=()=>{ const sch=MASTER_SCHEMA[tab]; saveFileSmart(`master-${tab}-template.csv`, '\uFEFF'+sch.tmpl, 'text/csv', false); }; // \u0E2A\u0E48\u0E07\u0E2D\u0E2D\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E41\u0E17\u0E47\u0E1A\u0E1B\u0E31\u0E08\u0E08\u0E38\u0E1A\u0E31\u0E19\u0E40\u0E1B\u0E47\u0E19 CSV (\u0E2B\u0E31\u0E27\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E20\u0E32\u0E29\u0E32\u0E44\u0E17\u0E22\u0E08\u0E32\u0E01 schema \u0E40\u0E1B\u0E34\u0E14\u0E43\u0E19 Excel \u0E44\u0E14\u0E49\u0E40\u0E25\u0E22) const exportCSV=()=>{ const sch=MASTER_SCHEMA[tab]; const src=tab==='ingredients'?ingMain:tab==='consumable'?ingConsumable:db[tab]; if(!src||!src.length){ flash('\u0E44\u0E21\u0E48\u0E21\u0E35\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E43\u0E2B\u0E49\u0E2A\u0E48\u0E07\u0E2D\u0E2D\u0E01','err'); return; } const esc=v=>{ const s=String(v==null?'':v); return /[",\n]/.test(s)?'"'+s.replace(/"/g,'""')+'"':s; }; const head=sch.cols.map(c=>c[1][0]).join(','); const lines=[head, ...src.map(it=>sch.cols.map(([f])=>esc(it[f])).join(','))]; saveFileSmart(`master-${tab}-${new Date().toISOString().slice(0,10)}.csv`, '\uFEFF'+lines.join('\n'), 'text/csv', false); flash(`\u0E2A\u0E48\u0E07\u0E2D\u0E2D\u0E01 ${src.length} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E41\u0E25\u0E49\u0E27`,'ok'); }; const importCSV=async(file)=>{ try{ const rows=await window.__posReadFile(file); if(!rows||rows.length<2){ flash('ไม่พบข้อมูลในไฟล์','err'); return; } const header=rows[0].map(h=>String(h||'').trim()); const sch=MASTER_SCHEMA[tab]; const idx={}; sch.cols.forEach(([f,keys])=>{ idx[f]=mDetect(header,keys); }); if(idx.name<0){ flash('หาคอลัมน์ชื่อไม่เจอ — ลองดาวน์โหลดเทมเพลตเป็นแนวทาง','err'); return; } const dbColl=tab==='consumable'?'ingredients':tab; const existing=[...db[dbColl]]; const keyField=sch.key||'id'; let added=0, updated=0; for(let r=1;r{ const c=idx[f]; if(c>=0 && row[c]!=null && String(row[c]).trim()!=='') obj[f]=String(row[c]).trim(); }); ['buyPrice','buyQty','yield','addPrice','amount'].forEach(k=>{ if(obj[k]!=null) obj[k]=mNum(obj[k]); }); obj.status=obj.status||'ใช้'; if(tab==='ingredients'||tab==='consumable'){ let y=obj.yield; if(y==null||isNaN(y)) y=1; if(y>1.5) y=y/100; obj.yield=Math.max(0.01,Math.min(1,y)); } if(tab==='overhead'){ obj.type=obj.type||'Fixed'; } else { let id=(obj.id||'').toString().trim().toUpperCase(); if(!id) id=nextCode(existing,sch.code); obj.id=id; if(tab==='options') obj.group=obj.group||db.optionGroups[0]||''; if(sch.cost) obj[sch.costKey]=sch.cost(obj); } const k=obj[keyField]; const i=existing.findIndex(x=>x[keyField]===k); if(i>=0){ existing[i]={...existing[i],...obj}; updated++; } else { existing.push(obj); added++; } } setDb(prev=>{ const next={...prev,[dbColl]:existing}; const listColl={ingredients:'ingCategories',consumable:'ingCategories',packages:'pkgTypes',options:'optionGroups'}[tab]; const listField={ingredients:'category',consumable:'category',packages:'type',options:'group'}[tab]; if(listColl){ const cur=prev[listColl]||[]; const add=[...new Set(existing.map(x=>x[listField]).filter(v=>v&&!cur.includes(v)))]; if(add.length) next[listColl]=[...cur,...add]; } return next; }); flash(`นำเข้า ${added} รายการ`+(updated?` · อัปเดต ${updated}`:'')+(idx.id<0&&tab!=='overhead'?' · สร้างรหัสอัตโนมัติ':'')); }catch(e){ flash('นำเข้าไม่สำเร็จ: '+e.message,'err'); } }; const CONSUMABLE_CATS=['ของใช้สิ้นเปลือง','ของใช้ทำความสะอาด']; const ingMain=db.ingredients.filter(i=>!CONSUMABLE_CATS.includes(i.category)); const ingConsumable=db.ingredients.filter(i=>CONSUMABLE_CATS.includes(i.category)); const tabs=[ {value:'ingredients',label:`วัตถุดิบ (${ingMain.length})`}, {value:'consumable',label:`ของใช้สิ้นเปลือง (${ingConsumable.length})`}, {value:'packages',label:`แพคเกจ (${db.packages.length})`}, {value:'options',label:`ออปชัน (${db.options.length})`}, {value:'overhead',label:`ค่าใช้จ่าย (${db.overhead.length})`}, ]; let content; if(tab==='ingredients'){ const rows=mSortRows(tab, ingMain.filter(i=>!q||i.name.toLowerCase().includes(ql)||i.id.toLowerCase().includes(ql)), sort, dir); content=r.id} headers={[{label:'วัตถุดิบ'},{label:'หมวด'},{label:'ราคาซื้อ',align:'right'},{label:'Yield',align:'right'},{label:'ต้นทุน/หน่วย',align:'right'},{label:'สถานะ',align:'center'}]} rows={rows.slice(0,250)} onEdit={open} onDelete={r=>delWithUndo('ingredients',r)} render={i=><>
{i.name}
{i.id}
{i.category} {fmtB(i.buyPrice)} /{fmt(i.buyQty)}{i.buyUnit||''} {fmtPct(i.yield,0)} {fmtB(i.costPerUnit,3)} {i.status} }/>; } else if(tab==='consumable'){ const rows=mSortRows('ingredients', ingConsumable.filter(i=>!q||i.name.toLowerCase().includes(ql)||i.id.toLowerCase().includes(ql)), sort, dir); content=r.id} headers={[{label:'รายการ'},{label:'หมวดย่อย'},{label:'ราคาซื้อ',align:'right'},{label:'ต้นทุน/หน่วย',align:'right'},{label:'สถานะ',align:'center'}]} rows={rows.slice(0,250)} onEdit={r=>open({...r,_tab:'ingredients'})} onDelete={r=>delWithUndo('ingredients',r)} render={i=><>
{i.name}
{i.id}
{i.category} {fmtB(i.buyPrice)} /{fmt(i.buyQty)}{i.buyUnit||''} {fmtB(i.costPerUnit,3)} {i.status||'ใช้'} }/>; } else if(tab==='packages'){ const rows=mSortRows(tab, db.packages.filter(i=>!q||i.name.toLowerCase().includes(ql)||i.id.toLowerCase().includes(ql)), sort, dir); content=r.id} headers={[{label:'แพคเกจ'},{label:'ประเภท'},{label:'ราคาซื้อ',align:'right'},{label:'ต้นทุน/ชิ้น',align:'right'},{label:'สถานะ',align:'center'}]} rows={rows.slice(0,250)} onEdit={open} onDelete={r=>delWithUndo('packages',r)} render={i=><>
{i.name}
{i.id}
{i.type} {fmtB(i.buyPrice)} /{fmt(i.buyQty)}{i.buyUnit||''} {fmtB(i.costPerPiece,3)} {i.status} }/>; } else if(tab==='options'){ const rows=mSortRows(tab, db.options.filter(i=>!q||i.name.toLowerCase().includes(ql)||i.id.toLowerCase().includes(ql)), sort, dir); content=r.id} headers={[{label:'ตัวเลือก'},{label:'กลุ่ม'},{label:'ประเภท'},{label:'เพิ่มราคา',align:'right'},{label:'สถานะ',align:'center'}]} rows={rows} onEdit={open} onDelete={r=>delWithUndo('options',r)} render={i=><>
{i.name}
{i.id}
{i.group} {i.type} {i.addPrice>0?'+'+fmtB(i.addPrice):'ฟรี'} {i.status} }/>; } else { const rows=mSortRows(tab, db.overhead.filter(i=>!q||i.name.toLowerCase().includes(ql)), sort, dir); const total=overheadTotal(db); content=<>
r.name} headers={[{label:'รายการ'},{label:'ประเภท'},{label:'จำนวน/เดือน',align:'right'},{label:'หมายเหตุ'}]} rows={rows} onEdit={open} onDelete={r=>delWithUndo('overhead',r,'name')} render={i=><> {i.name} {i.type} {fmtB(i.amount)} {i.note||'—'} }/>; } const ModalEl={ingredients:IngredientModal,consumable:IngredientModal,packages:PackageModal,options:OptionModal,overhead:OverheadModal}[tab]; return
{ if(e.target.files[0]) importCSV(e.target.files[0]); e.target.value=''; }}/>
เรียงตาม
{MASTER_SORT[tab].map(([fld,label])=>( ))}
· ปัดแถวไปทางซ้ายเพื่อลบ (มีปุ่มเลิกทำ)
{content} setModal(false)} initial={edit}/>
; } Object.assign(window, { Master });