Halaman Laporan Penjualan Harian
💻 Tampilan Desktop
Pada tampilan desktop, halaman Laporan Penjualan Harian menampilkan ringkasan data penjualan dengan filter pencarian yang lengkap.
🔹 Bagian Atas
Menampilkan tiga kartu informasi utama:
💰 Total Penjualan — jumlah transaksi yang tercatat.
💵 Total Pendapatan — total nilai nominal penjualan.
📊 Nilai Pesanan Rata-rata — rata-rata nominal setiap pesanan.
🔹 Area Filter
Terdapat beberapa filter penting:
📆 Tanggal Mulai dan Tanggal Berakhir untuk menentukan rentang waktu laporan.
🏬 Toko, 👤 Pelanggan, dan 🏷️ Status sebagai filter tambahan.
🔍 Kolom pencarian untuk mencari berdasarkan nomor penjualan.
Tombol:
♻️ Reset — menghapus semua filter yang diterapkan.
✅ Terapkan Filter — menampilkan data sesuai kriteria.
🔹 Hasil Laporan
Bagian bawah menampilkan tabel hasil laporan dengan kolom:
🧾 Nomor, 👥 Pelanggan, 🏪 Toko, 💸 Subtotal, 💰 Pajak, 💵 Total, 📦 Status, dan 🕒 Dibuat.
📲 Tampilan Tablet
Pada perangkat tablet, tata letak laporan tetap mempertahankan struktur utama namun menyesuaikan ukuran elemen agar tetap nyaman digunakan.
🧩 Kartu informasi ringkasan tampil lebih rapat dalam dua baris.
🧾 Form filter tetap lengkap, namun dropdown dan input ditata vertikal agar mudah diakses.
↔️ Tabel data menyesuaikan lebar layar dan dapat digulir secara horizontal.
📱 Tampilan Mobile
Pada tampilan mobile, halaman laporan dioptimalkan agar mudah dibaca dan digunakan pada layar kecil 📋
📊 Kartu ringkasan ditampilkan secara vertikal satu per satu.
🧾 Form filter disusun ke bawah dengan ukuran input yang lebih besar agar mudah disentuh.
↔️ Tabel data menggunakan mode scroll horizontal agar semua kolom tetap bisa dilihat.
🧭 Tombol Terapkan Filter dan Reset ditempatkan di bagian bawah form agar mudah dijangkau.
📈 Melihat Laporan Penjualan
Langkah-langkah untuk menampilkan laporan sesuai kebutuhan:
📆 Tentukan rentang tanggal penjualan yang ingin ditinjau.
🏬 Pilih toko, 👤 pelanggan, dan 🏷️ status sesuai kebutuhan.
✅ Klik tombol Terapkan Filter untuk memunculkan hasil laporan.
♻️ Jika ingin menghapus semua filter, klik tombol Reset.
📋 Data penjualan yang sesuai akan muncul di tabel di bawahnya.