Magang-2025/Kasir
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update KasirTransaksiList, TransaksiController, KasirForm`]

Browse Source 
Error sudah teratasi, tinggal membuat tampilan struk
This commit is contained in:
Timoti313 2025-08-29 11:09:11 +07:00
parent 4e06c25082
commit c8d2e10a87
3 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/Http/Controllers/TransaksiController.php
View File

@ -19,10 +19,21 @@ class TransaksiController extends Controller
$query->limit((int)$limit); $query->limit((int)$limit);
} }
$transaksi = $query->get(); $transaksi = $query->get();
$transaksi = Transaksi::with(['kasir', 'sales', 'items.item.produk'])->latest()->limit(100)->get();
return response()->json($transaksi); // Mapping agar sesuai dengan kebutuhan frontend
$mapped = $transaksi->map(function ($trx) {
return [
'id' => $trx->id,
'tanggal' => $trx->created_at->format('d/m/Y'),
'kode' => 'TRX-' . str_pad($trx->id, 6, '0', STR_PAD_LEFT),
'pendapatan'=> $trx->total_harga,
];
});
return response()->json($mapped);
} }
// Detail transaksi by ID // Detail transaksi by ID
public function show($id) public function show($id)
{ {

10
resources/js/components/KasirForm.vue
View File

@ -16,6 +16,7 @@
<InputField <InputField
v-model="hargaJual" v-model="hargaJual"
type="number" type="number"
placeholder="Masukkan Harga Jual"
/> />
</div> </div>
</div> </div>
@ -53,10 +54,10 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item, index) in pesanan" :key="index" class="hover:bg-gray-50"> <tr v-for="(item, index) in pesanan" :key="index" class="hover:bg-gray-50 text-center">
<td class="border border-gray-200 p-2 text-center">{{ index + 1 }}</td> <td class="border border-gray-200 p-2">{{ index + 1 }}</td>
<td class="border border-gray-200 p-2">{{ item.kode }}</td> <td class="border border-gray-200 p-2">{{ item.kode }}</td>
<td class="border border-gray-200 p-2 text-center">{{ item.jumlah }}</td> <td class="border border-gray-200 p-2">{{ item.jumlah }}</td>
<td class="border border-gray-200 p-2">Rp{{ item.harga.toLocaleString() }}</td> <td class="border border-gray-200 p-2">Rp{{ item.harga.toLocaleString() }}</td>
<td class="border border-gray-200 p-2">Rp{{ (item.harga * item.jumlah).toLocaleString() }}</td> <td class="border border-gray-200 p-2">Rp{{ (item.harga * item.jumlah).toLocaleString() }}</td>
</tr> </tr>
@ -73,7 +74,7 @@
import InputField from './InputField.vue' import InputField from './InputField.vue'
const kodeItem = ref('') const kodeItem = ref('')
const hargaJual = ref(0) const hargaJual = ref(null)
const pesanan = ref([]) const pesanan = ref([])
const tambahItem = () => { const tambahItem = () => {
@ -91,3 +92,4 @@ import InputField from './InputField.vue'
pesanan.value.reduce((sum, item) => sum + item.harga * item.jumlah, 0) pesanan.value.reduce((sum, item) => sum + item.harga * item.jumlah, 0)
) )
</script> </script>

2
resources/js/pages/Kasir.vue
View File

@ -26,7 +26,7 @@
onMounted(async () => { onMounted(async () => {
try { try {
const res = await axios.get("/api/transaksi") // GANTI URL SESUAI API const res = await axios.get("/api/transaksi?limit=10") // GANTI URL SESUAI API
transaksi.value = res.data transaksi.value = res.data
} catch (err) { } catch (err) {