Otelden Ücretsiz Transfer, Kahvaltı İkramı, Alkollü/Alkolsüz Şampanya İle Kutlama, Madalya Töreni, Hediye Uçuş Sertifikası ve daha fazlası için hemen yerini ayırt!
import { useState } from "react";
export default function AracModulu() {
const [arac, setArac] = useState({
cariKod: "",
vergiNo: "",
telefon: "",
adres: "",
aracListesi: [],
gunlukYevmiye: 0,
gunSayisi: 0,
kmBasiYakit: 0,
toplamKm: 0,
ekSofor: false,
muavin: false,
ikram: false,
yakitaFatura: true,
herSeyDahil: false,
otoparkGiderleri: false,
otobanGecisleri: false,
feribotGecisleri: false,
digerGiderler: [],
soforKonaklamaDahil: false,
faturalandirmaDurumu: "faturalı",
faturaYuzdesi: 100,
plaka: "",
soforAdi: "",
anketPuani: null,
odemeDurumu: "beklemede",
harcamalar: []
});
const handleHarcamalar = (e) => {
const files = Array.from(e.target.files);
const yeniHarcamalar = files.map(file => ({
tarih: new Date().toISOString().split('T')[0],
plaka: arac.plaka,
turTarihi: new Date().toISOString().split('T')[0],
belge: file.name
}));
setArac({ ...arac, harcamalar: [...arac.harcamalar, ...yeniHarcamalar] });
};
const hesaplaToplamMaliyet = () => {
const yevmiye = arac.gunlukYevmiye * arac.gunSayisi;
const yakit = arac.kmBasiYakit * arac.toplamKm;
return yevmiye + yakit;
};
return (
Araç Modülü
setArac({ ...arac, cariKod: e.target.value })} className="border p-2" />
setArac({ ...arac, vergiNo: e.target.value })} className="border p-2" />
setArac({ ...arac, telefon: e.target.value })} className="border p-2" />
setArac({ ...arac, adres: e.target.value })} className="border p-2" />
setArac({ ...arac, gunlukYevmiye: parseFloat(e.target.value) })} className="border p-2" />
setArac({ ...arac, gunSayisi: parseFloat(e.target.value) })} className="border p-2" />
setArac({ ...arac, kmBasiYakit: parseFloat(e.target.value) })} className="border p-2" />
setArac({ ...arac, toplamKm: parseFloat(e.target.value) })} className="border p-2" />
Ek Şoför
setArac({ ...arac, ekSofor: e.target.checked })} />
Muavin
setArac({ ...arac, muavin: e.target.checked })} />
İkram
setArac({ ...arac, ikram: e.target.checked })} />
Toplam Maliyet: {hesaplaToplamMaliyet()} ₺
);
}
İlk yorumu siz yapın