add searching di laporan
This commit is contained in:
Ain Izazi
@@ -1964,7 +1964,7 @@ public function cetakLaporanAnsuranRangeDate(Request $request){
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return view('akaun.laporan_brgkes', compact('hostname','cawangan_detail','mula_date','hingga_date','tarikh_cetak','api_url','palsu','palsu'));
|
return view('akaun.laporan_brgkes', compact('hostname','cawangan_detail','mula_date','hingga_date','tarikh_cetak','api_url','palsu','status'));
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+111
-202
@@ -1,205 +1,114 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="mx-auto content-center flex justify-center items-center">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<div class="grid grid-rows-1">
|
<div class="flex items-center mb-6">
|
||||||
<div class="grid grid-cols-3 gap-1 mx-auto">
|
<button
|
||||||
|
id="toggle-search"
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
class="btn btn-outline-secondary mr-2"
|
||||||
<!-- <router-link to="/akaunhome/imbangduga/extended"> -->
|
type="button"
|
||||||
<router-link to="/akaunhome/imbangduga/akru">
|
@click="toggleSearch">
|
||||||
<img src="/img/balance-sheet.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
<i class="fa fa-search"></i>
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Imbang Duga Akru</h2>
|
</button>
|
||||||
</router-link>
|
|
||||||
</div>
|
<input
|
||||||
|
v-show="showSearch"
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
v-model="searchQuery"
|
||||||
<router-link to="/akaunhome/lejeram">
|
type="text"
|
||||||
<img src="/img/ledger.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
id="search-laporan"
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Lejer Am</h2>
|
class="form-control transition-all duration-300"
|
||||||
</router-link>
|
style="width: 300px; height: 38px;"
|
||||||
</div>
|
placeholder="Cari laporan apa ya?"/>
|
||||||
|
</div>
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/kawalanstok">
|
|
||||||
<img src="/img/kawalanstok.png" class="h-20 w-30 mx-auto" alt="Windster Logo">
|
<div class="grid grid-cols-3 gap-3">
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Kawalan Stok</h2>
|
<div
|
||||||
</router-link>
|
v-for="item in filteredMenu"
|
||||||
</div>
|
:key="item.title"
|
||||||
|
class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all cursor-pointer">
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
<router-link :to="item.link" class="block text-center">
|
||||||
<router-link to="/akaunhome/stokaudit">
|
<img
|
||||||
<img src="/img/audit.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
v-if="item.img"
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Stok Audit</h2>
|
:src="item.img"
|
||||||
</router-link>
|
class="h-20 w-20 mx-auto mb-2"
|
||||||
</div>
|
:alt="item.title"
|
||||||
|
/>
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
<h2 class="font-bold text-2xl uppercase">{{ item.title }}</h2>
|
||||||
<router-link to="/akaunhome/stokauditCombine">
|
</router-link>
|
||||||
<img src="/img/audit.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Stok Audit Combine</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/auditTrail">
|
|
||||||
<img src="/img/audittrail.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Audit Trail</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<br>
|
</div>
|
||||||
|
|
||||||
<div class="ml-3 grid grid-cols-3">
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/gadaian">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Pembiayaan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/penebusan">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Penyelesaian Pembiayaan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/Pendahuluanserahan">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Pendahuluan & Serahan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/Tuntutbaki">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Tuntut Baki</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/ansuran">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Ansuran Pembiayaan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/perbelanjaan">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Perbelanjaan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/online">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Online</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/upah">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Keuntungan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/ringkasanharian">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Ringkasan Harian</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ml-3 grid grid-cols-3">
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/RingkasanTerkumpul">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Ringkasan Terkumpul</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/StokAuditBackdate">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Stok Audit Back-date</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/Aging">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Aging</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ml-3 grid grid-cols-3">
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/PetiBesi">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Peti Besi</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/imbangduga">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Imbang Duga</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/prestasi">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">PRESTASI AR-RAHN</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ml-3 grid grid-cols-3">
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/akrubulan">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/akrubulanpecahan">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan Pecahan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/serahgadai">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Serah Marhun Pembiayaan </h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/serahtebus">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Serah Marhun Penyelesaian Pembiayaan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/tuntutrugi">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Baki Rugi Lelong</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/BilanganPengadai">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Bilangan Pelanggan</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/imbangdugabackup">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Imbang Duga Backup</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/saghilang">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Sag Hilang</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/laporanlelong">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Laporan Lelong</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
||||||
<router-link to="/akaunhome/barangkes">
|
|
||||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Barang Kes</h2>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
|
||||||
</template>
|
<script>
|
||||||
|
export default {
|
||||||
<script>
|
data() {
|
||||||
export default {
|
return {
|
||||||
|
showSearch: false,
|
||||||
}
|
searchQuery: "",
|
||||||
</script>
|
menuItems: [
|
||||||
|
{ title: "Imbang Duga Akru", link: "/akaunhome/imbangduga/akru", img: "/img/balance-sheet.png" },
|
||||||
|
{ title: "Lejer Am", link: "/akaunhome/lejeram", img: "/img/ledger.png" },
|
||||||
|
{ title: "Kawalan Stok", link: "/akaunhome/kawalanstok", img: "/img/kawalanstok.png" },
|
||||||
|
{ title: "Stok Audit", link: "/akaunhome/stokaudit", img: "/img/audit.png" },
|
||||||
|
{ title: "Stok Audit Combine", link: "/akaunhome/stokauditCombine", img: "/img/audit.png" },
|
||||||
|
{ title: "Audit Trail", link: "/akaunhome/auditTrail", img: "/img/audittrail.png" },
|
||||||
|
{ title: "Pembiayaan", link: "/akaunhome/gadaian" },
|
||||||
|
{ title: "Penyelesaian Pembiayaan", link: "/akaunhome/penebusan" },
|
||||||
|
{ title: "Pendahuluan & Serahan", link: "/akaunhome/Pendahuluanserahan" },
|
||||||
|
{ title: "Tuntut Baki", link: "/akaunhome/Tuntutbaki" },
|
||||||
|
{ title: "Ansuran Pembiayaan", link: "/akaunhome/ansuran" },
|
||||||
|
{ title: "Perbelanjaan", link: "/akaunhome/perbelanjaan" },
|
||||||
|
{ title: "Online", link: "/akaunhome/online" },
|
||||||
|
{ title: "Keuntungan", link: "/akaunhome/upah" },
|
||||||
|
{ title: "Ringkasan Harian", link: "/akaunhome/ringkasanharian" },
|
||||||
|
{ title: "Ringkasan Terkumpul", link: "/akaunhome/RingkasanTerkumpul" },
|
||||||
|
{ title: "Stok Audit Back-date", link: "/akaunhome/StokAuditBackdate" },
|
||||||
|
{ title: "Aging", link: "/akaunhome/Aging" },
|
||||||
|
{ title: "Peti Besi", link: "/akaunhome/PetiBesi" },
|
||||||
|
{ title: "Imbang Duga", link: "/akaunhome/imbangduga" },
|
||||||
|
{ title: "Prestasi Ar-Rahn", link: "/akaunhome/prestasi" },
|
||||||
|
{ title: "Akru Bulanan", link: "/akaunhome/akrubulan" },
|
||||||
|
{ title: "Akru Bulanan Pecahan", link: "/akaunhome/akrubulanpecahan" },
|
||||||
|
{ title: "Serah Marhun Pembiayaan", link: "/akaunhome/serahgadai" },
|
||||||
|
{ title: "Serah Marhun Penyelesaian Pembiayaan", link: "/akaunhome/serahtebus" },
|
||||||
|
{ title: "Baki Rugi Lelong", link: "/akaunhome/tuntutrugi" },
|
||||||
|
{ title: "Bilangan Pelanggan", link: "/akaunhome/BilanganPengadai" },
|
||||||
|
{ title: "Imbang Duga Backup", link: "/akaunhome/imbangdugabackup" },
|
||||||
|
{ title: "Sag Hilang", link: "/akaunhome/saghilang" },
|
||||||
|
{ title: "Laporan Lelong", link: "/akaunhome/laporanlelong" },
|
||||||
|
{ title: "Barang Kes", link: "/akaunhome/barangkes" },
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
filteredMenu() {
|
||||||
|
const q = this.searchQuery.toLowerCase();
|
||||||
|
return this.menuItems.filter((item) =>
|
||||||
|
item.title.toLowerCase().includes(q)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleSearch() {
|
||||||
|
this.showSearch = !this.showSearch;
|
||||||
|
if (this.showSearch) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
document.getElementById("search-laporan").focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.btn {
|
||||||
|
height: 38px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
background: white;
|
||||||
|
padding: 0 10px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
Reference in New Issue
Block a user