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

[feat] export detail per nampan dan per produk

Browse Source 
Bug: belum bisa filter
This commit is contained in:
Baghaztra 2025-09-10 13:32:58 +07:00
parent 8e6aa4242b
commit fc21772679
11 changed files with 994 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/Exports/DetailNampanExport.php
View File

@ -11,29 +11,36 @@ use PhpOffice\PhpSpreadsheet\Worksheet\Worksheet;
class DetailNampanExport implements FromCollection, WithHeadings, WithTitle, WithStyles
{
private $data;
private $page;
public function __construct($data, $page = 1)
public function __construct($data)
{
$this->data = $data;
$this->page = $page;
}
public function collection()
{
$collection = collect();
// Add individual nampan data
if (isset($this->data['nampan'])) {
foreach ($this->data['nampan'] as $item) {
$collection->push([
'Nama Nampan' => $item['nama_nampan'],
'Jumlah Item Terjual' => $item['jumlah_item_terjual'],
'Berat Terjual' => $item['berat_terjual'],
'Pendapatan' => $item['pendapatan'],
$item['nama_nampan'],
$item['jumlah_item_terjual'],
$item['berat_terjual'],
$item['pendapatan'],
]);
}
}
if (isset($this->data['rekap_harian'])) {
$rekap = $this->data['rekap_harian'];
$collection->push([
'REKAP TOTAL',
$rekap['total_item_terjual'],
$rekap['total_berat_terjual'],
$rekap['total_pendapatan'],
]);
}
return $collection;
}
@ -51,13 +58,26 @@ class DetailNampanExport implements FromCollection, WithHeadings, WithTitle, Wit
{
$filterInfo = $this->data['filter'] ?? [];
$tanggal = $filterInfo['tanggal'] ?? 'Unknown';
return "Detail Nampan {$tanggal} - Hal {$this->page}";
return "Detail Nampan {$tanggal}";
}
public function styles(Worksheet $sheet)
{
return [
1 => ['font' => ['bold' => true]],
$styles = [
1 => ['font' => ['bold' => true]], // Header row
];
// Style for recap row if exists
if (isset($this->data['rekap_harian'])) {
$styles[2] = [
'font' => ['bold' => true],
'fill' => [
'fillType' => \PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID,
'startColor' => ['argb' => 'FFE2E3E5'],
],
];
}
return $styles;
}
}

46
app/Exports/DetailProdukExport.php
View File

@ -11,25 +11,38 @@ use PhpOffice\PhpSpreadsheet\Worksheet\Worksheet;
class DetailProdukExport implements FromCollection, WithHeadings, WithTitle, WithStyles
{
private $data;
private $page;
public function __construct($data, $page = 1)
public function __construct($data)
{
$this->data = $data;
$this->page = $page;
}
public function collection()
{
$collection = collect();
// Add summary row first
if (isset($this->data['rekap_harian'])) {
$rekap = $this->data['rekap_harian'];
$collection->push([
'REKAP TOTAL',
$rekap['total_item_terjual'],
$rekap['total_berat_terjual'],
$rekap['total_pendapatan'],
]);
// Add empty row separator
$collection->push(['', '', '', '']);
}
// Add individual produk data
if (isset($this->data['produk'])) {
foreach ($this->data['produk'] as $item) {
$collection->push([
'Nama Produk' => $item['nama_produk'],
'Jumlah Item Terjual' => $item['jumlah_item_terjual'],
'Berat Terjual' => $item['berat_terjual'],
'Pendapatan' => $item['pendapatan'],
$item['nama_produk'],
$item['jumlah_item_terjual'],
$item['berat_terjual'],
$item['pendapatan'],
]);
}
}
@ -51,13 +64,26 @@ class DetailProdukExport implements FromCollection, WithHeadings, WithTitle, Wit
{
$filterInfo = $this->data['filter'] ?? [];
$tanggal = $filterInfo['tanggal'] ?? 'Unknown';
return "Detail Produk {$tanggal} - Hal {$this->page}";
return "Detail Produk {$tanggal}";
}
public function styles(Worksheet $sheet)
{
return [
1 => ['font' => ['bold' => true]],
$styles = [
1 => ['font' => ['bold' => true]], // Header row
];
// Style for recap row if exists
if (isset($this->data['rekap_harian'])) {
$styles[2] = [
'font' => ['bold' => true],
'fill' => [
'fillType' => \PhpOffice\PhpSpreadsheet\Style\Fill::FILL_SOLID,
'startColor' => ['argb' => 'FFE2E3E5'],
],
];
}
return $styles;
}
}

36
app/Http/Controllers/LaporanController.php
View File

@ -84,4 +84,40 @@ class LaporanController extends Controller
return response()->json(['error' => 'Terjadi kesalahan saat export data'], 500);
}
}
public function exportDetailNampan(Request $request)
{
try {
return $this->laporanService->exportPerNampan($request->validate([
'tanggal' => 'nullable|string',
'sales_id' => 'nullable|integer|exists:sales,id',
'produk_id' => 'nullable|integer|exists:produk,id',
'nama_pembeli' => 'nullable|string|max:255',
'format' => 'required|string|in:pdf,xlsx,csv',
'page' => 'nullable|integer|min:1',
]));
} catch (\Exception $e) {
Log::error('Error in exprot per nampan method: ' . $e->getMessage());
return response()->json(['error' => 'Terjadi kesalahan saat export data'], 500);
}
}
public function exportDetailProduk(Request $request)
{
try {
return $this->laporanService->exportPerProduk($request->validate([
'tanggal' => 'nullable|string',
'sales_id' => 'nullable|integer|exists:sales,id',
'nampan_id' => 'nullable|integer|exists:nampan,id',
'nama_pembeli' => 'nullable|string|max:255',
'format' => 'required|string|in:pdf,xlsx,csv',
'page' => 'nullable|integer|min:1',
]));
} catch (\Exception $e) {
Log::error('Error in exprot per nampan method: ' . $e->getMessage());
return response()->json(['error' => 'Terjadi kesalahan saat export data'], 500);
}
}
}

235
app/Services/LaporanService.php
View File

@ -53,46 +53,79 @@ class LaporanService
});
}
/**
* Get paginated sales detail aggregated by product.
*
* @param array $params Filter parameters (tanggal, sales_id, nampan_id, nama_pembeli, page, per_page)
* @return array Report data structure
* @throws \Exception
*/
public function getDetailPerProduk(array $params)
{
$tanggal = Carbon::parse($params['tanggal']);
$page = $params['page'] ?? 1;
$perPage = $params['per_page'] ?? self::DEFAULT_PER_PAGE;
// Validasi nampan_id jika ada
if (isset($params['nampan_id']) && $params['nampan_id'] != 0) {
if (!Nampan::where('id', $params['nampan_id'])->exists()) {
throw new \Exception('Nampan tidak ditemukan');
}
}
// --- Step 1: Calculate overall totals for all filtered items ---
// We need a separate query for totals that is not affected by pagination.
$totalsQuery = $this->buildBaseItemQuery($tanggal);
$this->applyFilters($totalsQuery, $params);
$produkTerjualQuery = $this->buildBaseItemQuery($tanggal);
$this->applyFilters($produkTerjualQuery, $params);
$totalsResult = $totalsQuery->select(
DB::raw('COUNT(item_transaksis.id) as total_item_terjual'),
DB::raw('COALESCE(SUM(produks.berat), 0) as total_berat_terjual'),
DB::raw('COALESCE(SUM(item_transaksis.harga_deal), 0) as total_pendapatan')
)->first();
$produkTerjual = $produkTerjualQuery
$rekapHarian = [
'total_item_terjual' => (int) $totalsResult->total_item_terjual,
'total_berat_terjual' => $this->helper->formatWeight($totalsResult->total_berat_terjual), // Assuming formatting helper
'total_pendapatan' => $this->helper->formatCurrency($totalsResult->total_pendapatan), // Assuming formatting helper
];
// --- Step 2: Build the filtered sales data subquery ---
$salesSubQuery = $this->buildBaseItemQuery($tanggal)
->select(
'produks.id as id_produk',
'produks.nama as nama_produk',
DB::raw('COUNT(item_transaksis.id) as jumlah_item_terjual'),
DB::raw('COALESCE(SUM(produks.berat), 0) as berat_terjual'),
DB::raw('COALESCE(SUM(item_transaksis.harga_deal), 0) as pendapatan')
)
->groupBy('produks.id', 'produks.nama')
->get()
->keyBy('id_produk');
->groupBy('produks.id');
// Apply filters to the subquery
$this->applyFilters($salesSubQuery, $params);
$totals = $this->helper->calculateTotals($produkTerjual);
$semuaProdukPaginated = Produk::select('id', 'nama')
->orderBy('nama')
// --- Step 3: Fetch paginated products and LEFT JOIN the sales data subquery ---
$semuaProdukPaginated = Produk::select(
'produks.id',
'produks.nama as nama_produk',
'sales_data.jumlah_item_terjual',
'sales_data.berat_terjual',
'sales_data.pendapatan'
)
->leftJoinSub($salesSubQuery, 'sales_data', function ($join) {
$join->on('produks.id', '=', 'sales_data.id_produk');
})
->orderBy('produks.nama')
->paginate($perPage, ['*'], 'page', $page);
$detailItem = $this->helper->mapProductsWithSalesData($semuaProdukPaginated, $produkTerjual);
// --- Step 4: Map results for final presentation ---
$detailItem = $semuaProdukPaginated->map(function ($item) {
return [
'nama_produk' => $item->nama_produk,
'jumlah_item_terjual' => $item->jumlah_item_terjual ? (int) $item->jumlah_item_terjual : 0, // Use 0 or default display value
'berat_terjual' => $item->berat_terjual ? $this->helper->formatWeight($item->berat_terjual) : '-',
'pendapatan' => $item->pendapatan ? $this->helper->formatCurrency($item->pendapatan) : '-',
];
});
// --- Step 5: Assemble final response ---
$filterInfo = $this->helper->buildProdukFilterInfo($tanggal, $params);
return [
'filter' => $filterInfo,
'rekap_harian' => $totals,
'produk' => $detailItem->values(),
'rekap_harian' => $rekapHarian,
'produk' => $detailItem,
'pagination' => $this->helper->buildPaginationInfo($semuaProdukPaginated),
];
}
@ -156,13 +189,175 @@ class LaporanService
'data' => $viewData,
'filter' => $filter
]);
$pdf->setPaper('a4', 'landscape');
$pdf->setPaper('a4', 'potrait');
return $pdf->download($fileName);
}
return Excel::download(new RingkasanExport($data, $page), $fileName);
}
// Method baru untuk export per produk
public function exportPerProduk(array $params)
{
$tanggal = $params['tanggal'];
$format = $params['format'];
// Get all data tanpa pagination karena untuk export
$allParams = $params;
unset($allParams['page'], $allParams['per_page']);
// Get data dengan semua produk (tanpa pagination)
$data = $this->getDetailPerProdukForExport($allParams);
$fileName = "laporan_per_produk_{$tanggal}_" . Carbon::now()->format('Ymd') . ".{$format}";
if ($format === 'pdf') {
$pdf = PDF::loadView('exports.perproduk_pdf', [
'data' => $data,
'title' => 'Laporan Detail Per Produk'
]);
$pdf->setPaper('a4', 'potrait');
return $pdf->download($fileName);
}
return Excel::download(new DetailProdukExport($data), $fileName);
}
public function exportPerNampan(array $params)
{
$tanggal = $params['tanggal'];
$format = $params['format'];
// Get all data tanpa pagination karena untuk export
$allParams = $params;
unset($allParams['page'], $allParams['per_page']);
// Get data dengan semua nampan (tanpa pagination)
$data = $this->getDetailPerNampanForExport($allParams);
$fileName = "laporan_per_nampan_{$tanggal}_" . Carbon::now()->format('Ymd') . ".{$format}";
if ($format === 'pdf') {
$pdf = PDF::loadView('exports.pernampan_pdf', [
'data' => $data,
'title' => 'Laporan Detail Per Nampan'
]);
$pdf->setPaper('a4', 'potrait');
return $pdf->download($fileName);
}
return Excel::download(new DetailNampanExport($data), $fileName);
}
// Helper method untuk get data produk tanpa pagination (untuk export)
private function getDetailPerProdukForExport(array $params)
{
$tanggal = Carbon::parse($params['tanggal']);
$produkTerjualQuery = $this->buildBaseItemQuery($tanggal);
$this->applyFilters($produkTerjualQuery, $params);
$produkTerjual = $produkTerjualQuery
->select(
'produks.id as id_produk',
'produks.nama as nama_produk',
DB::raw('COUNT(item_transaksis.id) as jumlah_item_terjual'),
DB::raw('COALESCE(SUM(produks.berat), 0) as berat_terjual'),
DB::raw('COALESCE(SUM(item_transaksis.harga_deal), 0) as pendapatan')
)
->groupBy('produks.id', 'produks.nama')
->get()
->keyBy('id_produk');
$totals = $this->helper->calculateTotals($produkTerjual);
// Get all products without pagination
$semuaProduk = Produk::select('id', 'nama')->orderBy('nama')->get();
$detailItem = collect($semuaProduk)->map(function ($item) use ($produkTerjual) {
if ($produkTerjual->has($item->id)) {
$dataTerjual = $produkTerjual->get($item->id);
return [
'nama_produk' => $item->nama,
'jumlah_item_terjual' => (int) $dataTerjual->jumlah_item_terjual,
'berat_terjual' => $this->helper->formatWeight($dataTerjual->berat_terjual),
'pendapatan' => $this->helper->formatCurrency($dataTerjual->pendapatan),
];
}
return [
'nama_produk' => $item->nama,
'jumlah_item_terjual' => LaporanHelper::DEFAULT_DISPLAY,
'berat_terjual' => LaporanHelper::DEFAULT_DISPLAY,
'pendapatan' => LaporanHelper::DEFAULT_DISPLAY,
];
});
$filterInfo = $this->helper->buildProdukFilterInfo($tanggal, $params);
return [
'filter' => $filterInfo,
'rekap_harian' => $totals,
'produk' => $detailItem->values(),
];
}
// Helper method untuk get data nampan tanpa pagination (untuk export)
private function getDetailPerNampanForExport(array $params)
{
$tanggal = Carbon::parse($params['tanggal']);
$nampanTerjualQuery = $this->buildBaseItemQuery($tanggal);
$this->applyNampanFilters($nampanTerjualQuery, $params);
$nampanTerjual = $nampanTerjualQuery
->leftJoin('nampans', 'items.id_nampan', '=', 'nampans.id')
->select(
DB::raw('COALESCE(items.id_nampan, 0) as id_nampan'),
DB::raw('COALESCE(nampans.nama, "Brankas") as nama_nampan'),
DB::raw('COUNT(item_transaksis.id) as jumlah_item_terjual'),
DB::raw('COALESCE(SUM(produks.berat), 0) as berat_terjual'),
DB::raw('COALESCE(SUM(item_transaksis.harga_deal), 0) as pendapatan')
)
->groupBy('id_nampan', 'nama_nampan')
->get()
->keyBy('id_nampan');
$totals = $this->helper->calculateTotals($nampanTerjual);
// Get all nampan without pagination
$semuaNampan = Nampan::select('id', 'nama')->orderBy('nama')->get();
$brankasEntry = (object) ['id' => 0, 'nama' => 'Brankas'];
$semuaNampanCollection = $semuaNampan->prepend($brankasEntry);
$detailItem = $semuaNampanCollection->map(function ($item) use ($nampanTerjual) {
if ($nampanTerjual->has($item->id)) {
$dataTerjual = $nampanTerjual->get($item->id);
return [
'nama_nampan' => $item->nama,
'jumlah_item_terjual' => (int) $dataTerjual->jumlah_item_terjual,
'berat_terjual' => $this->helper->formatWeight($dataTerjual->berat_terjual),
'pendapatan' => $this->helper->formatCurrency($dataTerjual->pendapatan),
];
}
return [
'nama_nampan' => $item->nama,
'jumlah_item_terjual' => LaporanHelper::DEFAULT_DISPLAY,
'berat_terjual' => LaporanHelper::DEFAULT_DISPLAY,
'pendapatan' => LaporanHelper::DEFAULT_DISPLAY,
];
});
$filterInfo = $this->helper->buildNampanFilterInfo($tanggal, $params);
return [
'filter' => $filterInfo,
'rekap_harian' => $totals,
'nampan' => $detailItem->values(),
];
}
private function getAllSalesNames(): Collection
{
return Cache::remember('all_sales_names', self::CACHE_TTL, function () {

60
resources/js/components/DetailPerNampan.vue
View File

@ -40,10 +40,20 @@
<div class="font-semibold text-D">{{ data.rekap_harian.total_pendapatan }}</div>
</div>
</div>
<div v-else>
<div class="flex items-center justify-center w-full h-30">
<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-D"></div>
<span class="ml-2 text-gray-600">Memuat data...</span>
</div>
</div>
<!-- Export Dropdown -->
<div class="relative w-40" ref="exportDropdownRef">
<button @click="isExportOpen = !isExportOpen" type="button"
<button v-if="loadingExport" type="button"
class="flex items-center w-full px-3 py-2 text-sm text-left bg-C/80 border rounded-md border-C/80" disabled>
<i class="fas fa-spinner fa-spin mr-2"></i> Memproses...
</button>
<button v-else @click="isExportOpen = !isExportOpen" type="button"
class="flex items-center justify-between w-full px-3 py-2 text-sm text-left bg-C border rounded-md border-C hover:bg-C/80 focus:outline-none">
<span :class="{ 'text-D': !exportFormat }">{{ selectedExportLabel }}</span>
<i class="fas fa-chevron-down"></i>
@ -113,8 +123,7 @@
<td class="border-x border-C px-3 py-2">{{ item.berat_terjual }}</td>
<td class="border-x border-C px-3 py-2">
<div class="flex justify-center">
<div :ref="el => { if (el) pendapatanElements.push(el) }"
:style="pendapatanStyle"
<div :ref="el => { if (el) pendapatanElements.push(el) }" :style="pendapatanStyle"
:class="item.pendapatan == '-' ? 'text-center' : 'text-right'">
{{ item.pendapatan }}
</div>
@ -127,8 +136,7 @@
<!-- Pagination -->
<div v-if="pagination.total > 0 && pagination.last_page > 1" class="flex items-center justify-end gap-2 mt-4">
<button @click="goToPage(pagination.current_page - 1)"
:disabled="pagination.current_page === 1 || loading"
<button @click="goToPage(pagination.current_page - 1)" :disabled="pagination.current_page === 1 || loading"
class="px-2 py-1 text-sm font-medium border rounded-md bg-C border-C disabled:opacity-50 disabled:cursor-not-allowed hover:bg-C/80">
Sebelumnya
</button>
@ -157,7 +165,7 @@ const exportDropdownRef = ref(null);
const exportOptions = ref([
{ value: 'pdf', label: 'Pdf' },
{ value: 'xls', label: 'Excel' },
{ value: 'xlsx', label: 'Excel' },
{ value: 'csv', label: 'Csv' }
]);
@ -165,6 +173,7 @@ const exportFormat = ref(null);
const tanggalDipilih = ref('');
const data = ref(null);
const loading = ref(false);
const loadingExport = ref(false);
// Sorting state
const sortBy = ref(null);
@ -342,7 +351,7 @@ const fetchData = async (page = 1) => {
if (namaPembeli.value) queryParams += `&nama_pembeli=${encodeURIComponent(namaPembeli.value)}`;
try {
const response = await axios.get(`/api/detail-per-nampan?${queryParams}`, {
const response = await axios.get(`/api/laporan/detail-per-nampan?${queryParams}`, {
headers: {
Authorization: `Bearer ${localStorage.getItem("token")}`,
}
@ -385,10 +394,43 @@ const goToPage = (page) => {
}
};
const selectExport = (option) => {
const selectExport = async (option) => {
exportFormat.value = option.value;
isExportOpen.value = false;
alert(`Fitur Belum dikerjakan. Laporan akan diekspor dalam format ${option.label}`);
loadingExport.value = true;
try {
const response = await axios.get('/api/laporan/export/detail-pernampan', {
params: {
tanggal: tanggalDipilih.value,
sales_id: salesDipilih.value,
produk_id: produkDipilih.value,
nama_pembeli: namaPembeli.value,
format: exportFormat.value,
page: pagination.value.current_page,
},
headers: {
Authorization: `Bearer ${localStorage.getItem("token")}`,
},
responseType: 'blob',
});
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
const fileName = `laporan_${tanggalDipilih.value}_${new Date().toISOString().split('T')[0]}.${exportFormat.value}`;
link.href = url;
link.setAttribute('download', fileName);
document.body.appendChild(link);
link.click();
link.remove();
window.URL.revokeObjectURL(url);
} catch (e) {
console.error("Gagal mengekspor laporan:", e);
} finally {
loadingExport.value = false;
}
};
const closeDropdownsOnClickOutside = (event) => {

95
resources/js/components/DetailPerProduk.vue
View File

@ -2,30 +2,27 @@
<div class="my-6">
<hr class="border-B mb-5" />
<!-- Filter Section -->
<div class="flex flex-row my-3 overflow-x-auto gap-1 md:gap-5 lg:gap-8">
<div class="mb-3 w-full">
<div class="mb-3 w-full min-w-fit">
<label class="text-D/80" for="pilihTanggal">Filter Tanggal:</label>
<input type="date" v-model="tanggalDipilih" id="pilihTanggal"
class="mt-1 block w-full rounded-md shadow-sm sm:text-sm bg-A text-D border-B focus:border-C focus:ring focus:outline-none focus:ring-D focus:ring-opacity-50 p-2" />
</div>
<div class="mb-3 w-full">
<div class="mb-3 w-full min-w-fit">
<label class="text-D/80" for="pilihSales">Filter Sales:</label>
<InputSelect :options="opsiSales" v-model="salesDipilih" id="pilihSales" />
</div>
<div class="mb-3 w-full">
<div class="mb-3 w-full min-w-fit">
<label class="text-D/80" for="pilihPelanggan">Nama Pembeli:</label>
<InputField placeholder="Nama pelanggan" v-model="namaPembeli" id="pilihPelanggan" />
<InputField placeholder="Cari nama pelanggan" v-model="namaPembeli" id="pilihPelanggan" />
</div>
<div class="mb-3 w-full">
<div class="mb-3 w-full min-w-fit">
<label class="text-D/80" for="pilihNampan">Filter Nampan:</label>
<InputSelect :options="opsiNampan" v-model="nampanDipilih" id="pilihNampan" />
</div>
</div>
<!-- Export Section -->
<div class="flex flex-row items-center justify-between mt-5 gap-3">
<!-- Summary Cards -->
<div class="flex gap-4" v-if="data?.rekap_harian">
<div class="bg-A p-3 rounded-md border border-C">
<div class="text-xs text-D/60">Total Item</div>
@ -41,9 +38,19 @@
</div>
</div>
<!-- Export Dropdown -->
<div v-else>
<div class="flex items-center justify-center w-full h-30">
<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-D"></div>
<span class="ml-2 text-gray-600">Memuat data...</span>
</div>
</div>
<div class="relative w-40" ref="exportDropdownRef">
<button @click="isExportOpen = !isExportOpen" type="button"
<button v-if="loadingExport" type="button"
class="flex items-center w-full px-3 py-2 text-sm text-left bg-C/80 border rounded-md border-C/80" disabled>
<i class="fas fa-spinner fa-spin mr-2"></i> Memproses...
</button>
<button v-else @click="isExportOpen = !isExportOpen" type="button"
class="flex items-center justify-between w-full px-3 py-2 text-sm text-left bg-C border rounded-md border-C hover:bg-C/80 focus:outline-none">
<span :class="{ 'text-D': !exportFormat }">{{ selectedExportLabel }}</span>
<i class="fas fa-chevron-down"></i>
@ -59,7 +66,6 @@
</div>
</div>
<!-- Table Section -->
<div class="mt-5 overflow-x-auto">
<table class="w-full border-collapse border border-C rounded-md">
<thead>
@ -113,8 +119,7 @@
<td class="border-x border-C px-3 py-2">{{ item.berat_terjual }}</td>
<td class="border-x border-C px-3 py-2">
<div class="flex justify-center">
<div :ref="el => { if (el) pendapatanElements.push(el) }"
:style="pendapatanStyle"
<div :ref="el => { if (el) pendapatanElements.push(el) }" :style="pendapatanStyle"
:class="item.pendapatan == '-' ? 'text-center' : 'text-right'">
{{ item.pendapatan }}
</div>
@ -125,10 +130,8 @@
</tbody>
</table>
<!-- Pagination -->
<div v-if="pagination.total > 0 && pagination.last_page > 1" class="flex items-center justify-end gap-2 mt-4">
<button @click="goToPage(pagination.current_page - 1)"
:disabled="pagination.current_page === 1 || loading"
<button @click="goToPage(pagination.current_page - 1)" :disabled="pagination.current_page === 1 || loading"
class="px-2 py-1 text-sm font-medium border rounded-md bg-C border-C disabled:opacity-50 disabled:cursor-not-allowed hover:bg-C/80">
Sebelumnya
</button>
@ -157,7 +160,7 @@ const exportDropdownRef = ref(null);
const exportOptions = ref([
{ value: 'pdf', label: 'Pdf' },
{ value: 'xls', label: 'Excel' },
{ value: 'xlsx', label: 'Excel' },
{ value: 'csv', label: 'Csv' }
]);
@ -165,6 +168,7 @@ const exportFormat = ref(null);
const tanggalDipilih = ref('');
const data = ref(null);
const loading = ref(false);
const loadingExport = ref(false);
// Sorting state
const sortBy = ref(null);
@ -269,10 +273,8 @@ watch(produk, async (newValue) => {
// --- Methods ---
const handleSort = (column) => {
if (sortBy.value === column) {
// If same column, toggle sort order
sortOrder.value = sortOrder.value === 'asc' ? 'desc' : 'asc';
} else {
// If different column, set new column and default to ascending
sortBy.value = column;
sortOrder.value = 'asc';
}
@ -320,6 +322,7 @@ const fetchNampan = async () => {
const nampanData = response.data;
opsiNampan.value = [
{ label: 'Semua Nampan', value: null },
{ label: 'Brankas', value: 0 },
...nampanData.map(nampan => ({
label: nampan.nama,
value: nampan.id,
@ -337,12 +340,12 @@ const fetchData = async (page = 1) => {
pendapatanElements.value = [];
let queryParams = `tanggal=${tanggalDipilih.value}&page=${page}`;
if (salesDipilih.value) queryParams += `&sales_id=${salesDipilih.value}`;
if (nampanDipilih.value) queryParams += `&nampan_id=${nampanDipilih.value}`;
if (namaPembeli.value) queryParams += `&nama_pembeli=${encodeURIComponent(namaPembeli.value)}`;
if (salesDipilih.value != null) queryParams += `&sales_id=${salesDipilih.value}`;
if (nampanDipilih.value != null) queryParams += `&nampan_id=${nampanDipilih.value}`;
if (namaPembeli.value != null || namaPembeli.value != '') queryParams += `&nama_pembeli=${encodeURIComponent(namaPembeli.value)}`;
try {
const response = await axios.get(`/api/detail-per-produk?${queryParams}`, {
const response = await axios.get(`/api/laporan/detail-per-produk?${queryParams}`, {
headers: {
Authorization: `Bearer ${localStorage.getItem("token")}`,
}
@ -350,7 +353,6 @@ const fetchData = async (page = 1) => {
data.value = response.data;
// Handle pagination data if provided by backend
if (response.data.pagination) {
pagination.value = {
current_page: response.data.pagination.current_page,
@ -358,7 +360,6 @@ const fetchData = async (page = 1) => {
total: response.data.pagination.total,
};
} else {
// Reset pagination if no pagination data
pagination.value = {
current_page: 1,
last_page: 1,
@ -366,7 +367,7 @@ const fetchData = async (page = 1) => {
};
}
} catch (error) {
console.error('Gagal mengambil data laporan:', error);
console.error('Gagal mengambil data laporan produk:', error);
data.value = null;
pagination.value = {
current_page: 1,
@ -385,10 +386,42 @@ const goToPage = (page) => {
}
};
const selectExport = (option) => {
const selectExport = async (option) => {
exportFormat.value = option.value;
isExportOpen.value = false;
alert(`Fitur Belum dikerjakan. Laporan akan diekspor dalam format ${option.label}`);
loadingExport.value = true
try {
const response = await axios.get('/api/laporan/export/detail-perproduk', {
params: {
tanggal: tanggalDipilih.value,
sales_id: salesDipilih.value,
nampan_id: nampanDipilih.value,
nama_pembeli: namaPembeli.value,
format: exportFormat.value,
},
headers: {
Authorization: `Bearer ${localStorage.getItem("token")}`,
},
responseType: 'blob',
});
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
const fileName = `laporan_per_produk_${tanggalDipilih.value}_${new Date().toISOString().split('T')[0]}.${exportFormat.value}`;
link.href = url;
link.setAttribute('download', fileName);
document.body.appendChild(link);
link.click();
link.remove();
window.URL.revokeObjectURL(url);
} catch (e) {
console.error("Gagal mengekspor laporan per produk:", e);
} finally {
loadingExport.value = false
}
};
const closeDropdownsOnClickOutside = (event) => {
@ -403,7 +436,7 @@ onMounted(() => {
tanggalDipilih.value = today;
fetchSales();
fetchNampan();
fetchNampan(); // Changed from fetchProduk to fetchNampan
document.addEventListener('click', closeDropdownsOnClickOutside);
});
@ -413,8 +446,8 @@ onUnmounted(() => {
});
// Watch for filter changes
watch([tanggalDipilih, salesDipilih, nampanDipilih, namaPembeli], () => {
pagination.value.current_page = 1; // Reset to first page when filters change
watch([tanggalDipilih, salesDipilih, nampanDipilih, namaPembeli], () => { // Changed from produkDipilih to nampanDipilih
pagination.value.current_page = 1;
fetchData(1);
}, { immediate: true });
</script>

6
resources/js/components/RingkasanLaporan.vue
View File

@ -230,12 +230,6 @@ const triggerDownload = async (format) => {
loadingExport.value = true;
try {
console.log('Fucking report with params:', {
filter: filterRingkasan.value,
format: format,
page: pagination.value.current_page,
});
const response = await axios.get('/api/laporan/export/ringkasan', {
headers: {
Authorization: `Bearer ${localStorage.getItem("token")}`,

171
resources/views/exports/pernampan_pdf.blade.php Normal file
View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ $title ?? 'Laporan Detail Per Nampan' }}</title>
<style>
body {
font-family: sans-serif;
font-size: 10px;
margin: 0;
padding: 10px;
}
.header {
text-align: center;
margin-bottom: 20px;
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
.header h2 {
margin: 0 0 10px 0;
font-size: 16px;
color: #333;
}
.filter-info {
background-color: #f8f9fa;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
border-left: 4px solid #007bff;
}
.filter-info h3 {
margin: 0 0 8px 0;
font-size: 12px;
color: #333;
}
.filter-item {
margin: 3px 0;
font-size: 10px;
}
.filter-label {
font-weight: bold;
color: #666;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 9px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f8f9fa;
font-weight: bold;
color: #333;
}
.text-right { text-align: right; }
.text-center { text-align: center; }
.rekap-section {
background-color: #e9ecef;
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
}
.rekap-title {
font-weight: bold;
margin-bottom: 8px;
color: #333;
}
.rekap-item {
display: inline-block;
margin-right: 20px;
font-size: 10px;
}
.rekap-label {
font-weight: bold;
color: #666;
}
.no-data {
text-align: center;
font-style: italic;
color: #666;
}
.page-footer {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 8px;
color: #666;
}
</style>
</head>
<body>
<div class="header">
<h2>{{ $title ?? 'Laporan Detail Per Nampan' }}</h2>
</div>
@if(isset($data['filter']))
<div class="filter-info">
<h3>Informasi Filter</h3>
<div class="filter-item">
<span class="filter-label">Tanggal:</span> {{ $data['filter']['tanggal'] }}
</div>
@if($data['filter']['nama_sales'])
<div class="filter-item">
<span class="filter-label">Sales:</span> {{ $data['filter']['nama_sales'] }}
</div>
@endif
@if($data['filter']['produk'])
<div class="filter-item">
<span class="filter-label">Produk:</span> {{ $data['filter']['produk'] }}
</div>
@endif
@if($data['filter']['nama_pembeli'])
<div class="filter-item">
<span class="filter-label">Nama Pembeli:</span> {{ $data['filter']['nama_pembeli'] }}
</div>
@endif
</div>
@endif
@if(isset($data['rekap_harian']))
<div class="rekap-section">
<div class="rekap-title">Rekap Harian</div>
<div class="rekap-item">
<span class="rekap-label">Total Item Terjual:</span> {{ $data['rekap_harian']['total_item_terjual'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Berat:</span> {{ $data['rekap_harian']['total_berat_terjual'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Pendapatan:</span> {{ $data['rekap_harian']['total_pendapatan'] }}
</div>
</div>
@endif
<table>
<thead>
<tr>
<th style="width: 40%;">Nama Nampan</th>
<th style="width: 20%;" class="text-center">Jumlah Item Terjual</th>
<th style="width: 20%;" class="text-right">Berat Terjual</th>
<th style="width: 20%;" class="text-right">Pendapatan</th>
</tr>
</thead>
<tbody>
@if(isset($data['nampan']) && count($data['nampan']) > 0)
@foreach($data['nampan'] as $item)
<tr>
<td>{{ $item['nama_nampan'] }}</td>
<td class="text-center">{{ $item['jumlah_item_terjual'] }}</td>
<td class="text-right">{{ $item['berat_terjual'] }}</td>
<td class="text-right">{{ $item['pendapatan'] }}</td>
</tr>
@endforeach
@else
<tr>
<td colspan="4" class="no-data">Tidak ada data untuk ditampilkan</td>
</tr>
@endif
</tbody>
</table>
<div class="page-footer">
Dicetak pada: {{ \Carbon\Carbon::now()->isoFormat('dddd, D MMMM Y - HH:mm') }} WIB
</div>
</body>
</html>

171
resources/views/exports/perproduk_pdf.blade.php Normal file
View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ $title ?? 'Laporan Detail Per Produk' }}</title>
<style>
body {
font-family: sans-serif;
font-size: 10px;
margin: 0;
padding: 10px;
}
.header {
text-align: center;
margin-bottom: 20px;
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
.header h2 {
margin: 0 0 10px 0;
font-size: 16px;
color: #333;
}
.filter-info {
background-color: #f8f9fa;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
border-left: 4px solid #007bff;
}
.filter-info h3 {
margin: 0 0 8px 0;
font-size: 12px;
color: #333;
}
.filter-item {
margin: 3px 0;
font-size: 10px;
}
.filter-label {
font-weight: bold;
color: #666;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 9px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f8f9fa;
font-weight: bold;
color: #333;
}
.text-right { text-align: right; }
.text-center { text-align: center; }
.rekap-section {
background-color: #e9ecef;
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
}
.rekap-title {
font-weight: bold;
margin-bottom: 8px;
color: #333;
}
.rekap-item {
display: inline-block;
margin-right: 20px;
font-size: 10px;
}
.rekap-label {
font-weight: bold;
color: #666;
}
.no-data {
text-align: center;
font-style: italic;
color: #666;
}
.page-footer {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 8px;
color: #666;
}
</style>
</head>
<body>
<div class="header">
<h2>{{ $title ?? 'Laporan Detail Per Produk' }}</h2>
</div>
@if(isset($data['filter']))
<div class="filter-info">
<h3>Informasi Filter</h3>
<div class="filter-item">
<span class="filter-label">Tanggal:</span> {{ $data['filter']['tanggal'] }}
</div>
@if($data['filter']['nama_sales'])
<div class="filter-item">
<span class="filter-label">Sales:</span> {{ $data['filter']['nama_sales'] }}
</div>
@endif
@if($data['filter']['nampan'])
<div class="filter-item">
<span class="filter-label">Nampan:</span> {{ $data['filter']['nampan'] }}
</div>
@endif
@if($data['filter']['nama_pembeli'])
<div class="filter-item">
<span class="filter-label">Nama Pembeli:</span> {{ $data['filter']['nama_pembeli'] }}
</div>
@endif
</div>
@endif
@if(isset($data['rekap_harian']))
<div class="rekap-section">
<div class="rekap-title">Rekap Harian</div>
<div class="rekap-item">
<span class="rekap-label">Total Item Terjual:</span> {{ $data['rekap_harian']['total_item_terjual'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Berat:</span> {{ $data['rekap_harian']['total_berat_terjual'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Pendapatan:</span> {{ $data['rekap_harian']['total_pendapatan'] }}
</div>
</div>
@endif
<table>
<thead>
<tr>
<th style="width: 40%;">Nama Produk</th>
<th style="width: 20%;" class="text-center">Jumlah Item Terjual</th>
<th style="width: 20%;" class="text-right">Berat Terjual</th>
<th style="width: 20%;" class="text-right">Pendapatan</th>
</tr>
</thead>
<tbody>
@if(isset($data['produk']) && count($data['produk']) > 0)
@foreach($data['produk'] as $item)
<tr>
<td>{{ $item['nama_produk'] }}</td>
<td class="text-center">{{ $item['jumlah_item_terjual'] }}</td>
<td class="text-right">{{ $item['berat_terjual'] }}</td>
<td class="text-right">{{ $item['pendapatan'] }}</td>
</tr>
@endforeach
@else
<tr>
<td colspan="4" class="no-data">Tidak ada data untuk ditampilkan</td>
</tr>
@endif
</tbody>
</table>
<div class="page-footer">
Dicetak pada: {{ \Carbon\Carbon::now()->isoFormat('dddd, D MMMM Y - HH:mm') }} WIB
</div>
</body>
</html>

185
resources/views/exports/ringkasan_pdf.blade.php
View File

@ -2,40 +2,173 @@
<html>
<head>
<meta charset="utf-8">
<title>Laporan Ringkasan</title>
<title>{{ $title ?? 'Laporan Ringkasan' }}</title>
<style>
body { font-family: sans-serif; font-size: 10px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
th, td { border: 1px solid #ccc; padding: 4px; text-align: left; }
th { background-color: #f0f0f0; }
body {
font-family: sans-serif;
font-size: 10px;
margin: 0;
padding: 10px;
}
.header {
text-align: center;
margin-bottom: 20px;
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
.header h2 {
margin: 0 0 10px 0;
font-size: 16px;
color: #333;
}
.filter-info {
background-color: #f8f9fa;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
border-left: 4px solid #007bff;
}
.filter-info h3 {
margin: 0 0 8px 0;
font-size: 12px;
color: #333;
}
.filter-item {
margin: 3px 0;
font-size: 10px;
}
.filter-label {
font-weight: bold;
color: #666;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 9px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f8f9fa;
font-weight: bold;
color: #333;
}
.text-right { text-align: right; }
.text-center { text-align: center; }
tr.total-row td { background-color: #f9f9f9; font-weight: bold; }
.total-row td {
background-color: #e9ecef;
font-weight: bold;
color: #333;
}
.rekap-section {
background-color: #e9ecef;
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
}
.rekap-title {
font-weight: bold;
margin-bottom: 8px;
color: #333;
}
.rekap-item {
display: inline-block;
margin-right: 20px;
font-size: 10px;
}
.rekap-label {
font-weight: bold;
color: #666;
}
.no-data {
text-align: center;
font-style: italic;
color: #666;
}
.periode-section {
margin-bottom: 20px;
}
.periode-header {
background-color: #f8f9fa;
padding: 8px;
border-radius: 5px 5px 0 0;
border: 1px solid #ddd;
border-bottom: none;
font-weight: bold;
color: #333;
font-size: 11px;
}
.page-footer {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 8px;
color: #666;
}
</style>
</head>
<body>
<h2 style="text-align: center;">Laporan Ringkasan {{ ucfirst($filter) }}</h2>
<div class="header">
<h2>{{ $title ?? 'Laporan Ringkasan ' . ucfirst($filter) }}</h2>
</div>
<table>
@if(isset($data_filter))
<div class="filter-info">
<h3>Informasi Filter</h3>
<div class="filter-item">
<span class="filter-label">Periode:</span> {{ ucfirst($filter) }}
</div>
@if($data_filter['tanggal_mulai'] && $data_filter['tanggal_selesai'])
<div class="filter-item">
<span class="filter-label">Rentang Tanggal:</span> {{ $data_filter['tanggal_mulai'] }} s/d {{ $data_filter['tanggal_selesai'] }}
</div>
@endif
@if($data_filter['sales_filter'])
<div class="filter-item">
<span class="filter-label">Sales:</span> {{ $data_filter['sales_filter'] }}
</div>
@endif
</div>
@endif
@if(isset($grand_total))
<div class="rekap-section">
<div class="rekap-title">Rekap {{ ucfirst($filter) }}</div>
<div class="rekap-item">
<span class="rekap-label">Total Item Terjual:</span> {{ $grand_total['total_item'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Berat:</span> {{ $grand_total['total_berat'] }}
</div>
<div class="rekap-item">
<span class="rekap-label">Total Pendapatan:</span> {{ $grand_total['total_pendapatan'] }}
</div>
</div>
@endif
@foreach($data as $item)
<div class="periode-section">
<div class="periode-header">
{{ $item['tanggal'] }}
</div>
<table style="margin-bottom: 0;">
<thead>
<tr>
<th>Tanggal</th>
<th>Nama Sales</th>
<th>Item Terjual</th>
<th>Berat Terjual</th>
<th>Pendapatan</th>
<th style="width: 30%;">Nama Sales</th>
<th style="width: 20%;" class="text-center">Item Terjual</th>
<th style="width: 25%;" class="text-right">Berat Terjual</th>
<th style="width: 25%;" class="text-right">Pendapatan</th>
</tr>
</thead>
<tbody>
@foreach($data as $item)
@php $rowCount = count($item['sales']) > 0 ? count($item['sales']) : 1; @endphp
@if(count($item['sales']) > 0)
@foreach($item['sales'] as $index => $sales)
@foreach($item['sales'] as $sales)
<tr>
@if($index == 0)
<td rowspan="{{ $rowCount }}">{{ $item['tanggal'] }}</td>
@endif
<td>{{ $sales['nama'] }}</td>
<td class="text-center">{{ $sales['item_terjual'] }}</td>
<td class="text-right">{{ $sales['berat_terjual'] }}</td>
@ -44,20 +177,24 @@
@endforeach
@else
<tr>
<td>{{ $item['tanggal'] }}</td>
<td colspan="4" class="text-center" style="font-style: italic;">Tidak ada data transaksi</td>
<td colspan="4" class="no-data">Tidak ada data transaksi</td>
</tr>
@endif
{{-- Baris Total --}}
<tr class="total-row">
<td colspan="2" class="text-right"><strong>Total Periode Ini</strong></td>
<td class="text-right"><strong>Total Periode Ini</strong></td>
<td class="text-center"><strong>{{ $item['total_item_terjual'] }}</strong></td>
<td class="text-right"><strong>{{ $item['total_berat'] }}</strong></td>
<td class="text-right"><strong>{{ $item['total_pendapatan'] }}</strong></td>
</tr>
@endforeach
</tbody>
</table>
</div>
@endforeach
<div class="page-footer">
Dicetak pada: {{ \Carbon\Carbon::now()->isoFormat('dddd, D MMMM Y - HH:mm') }} WIB
</div>
</body>
</html>

4
routes/web.php
View File

@ -45,8 +45,8 @@ Route::prefix('api')->group(function () {
Route::get('detail-per-nampan', [LaporanController::class, 'detailPerNampan']);
Route::get('export/ringkasan', [LaporanController::class, 'exportRingkasan']);
Route::get('export/detail-produk', [LaporanController::class, 'exportDetailProduk']);
Route::get('export/detail-nampan', [LaporanController::class, 'exportDetailNampan']);
Route::get('export/detail-pernampan', [LaporanController::class, 'exportDetailNampan']);
Route::get('export/detail-perproduk', [LaporanController::class, 'exportDetailProduk']);
});
});