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);
}
$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
public function show($id)
{

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

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

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

@ -26,8 +26,8 @@
onMounted(async () => {
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
} catch (err) {
console.error("Gagal fetch transaksi:", err)