KoPKB/admin-erahn
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix skit2

Browse Source
This commit is contained in:
hafifierahman
2021-11-30 16:42:25 +08:00
parent 67fac13e23
commit 11ea68cdc1
7 changed files with 3327 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Cawangan.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="mx-auto">
<a class="text-yellow-200 rounded bg-gray-400 px-6 py-3 font-bold mr-4 uppercase md:invisible xl:visible">
CAWANGAN : {{this.cawangan.details_caw}}
CAWANGAN : {{this.cawangan.details_caw }}
</a>
</div>
</template>
resources/js/components/Searchpelanggan.vue
+59 -11
View File
@@ -1,21 +1,69 @@
<template>
<div class="container w-full max-w-xl mx-auto mt-10 px-4 font-sans">
<form class="bg-white w-full shadow-md rounded-lg px-8 pt-6 pb-4 mb-4">
<div class="mb-4 w-96 mx-auto">
<label class="block text-gray-500 font-medium text-sm mb-2">Pelanggan</label>
<div class="flex flex-wrap">
<div class="flex flex-row w-96 mx-auto">
<input type="text" placeholder="Masukkan IC atau Nama" class="mr-2 bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-blue-500" />
<button class="px-4 py-2 bg-blue-600 rounded"><i class="fas fa-search text-white"></i></button>
</div>
<div class="container w-full max-w-xl mx-auto mt-10 px-4 font-sans">
<form class="bg-white w-full shadow-md rounded-lg px-8 pt-6 pb-4 mb-4">
<div class="mb-4 w-96 mx-auto">
<label class="block text-gray-500 font-medium text-sm mb-2">Pelanggan</label>
<div class="flex flex-wrap">
<div class="flex flex-row w-96 mx-auto">
<div class="flex flex-col w-96">
<input type="text" ref="btnDropdownRef" placeholder="Masukkan IC atau Nama" class="mr-2 bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-blue-500" />
<div ref="popoverDropdownRef" v-bind:class="{'hidden': !dropdownShow, 'block': dropdownShow}" class="origin-top-right w-96 right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<a v-for="(cust,i) in arrayCustomer" :key="i" href="#" class="text-gray-700 block px-4 py-2 text-sm hover:bg-yellow-500" role="menuitem" tabindex="-1" id="menu-item-0">{{ cust.nama }}<br><b>{{ cust.kpbaru }}</b></a>
<!-- <a href="#" class="text-gray-700 block px-4 py-2 text-sm hover:bg-yellow-500" role="menuitem" tabindex="-1" id="menu-item-1">MUHAMMAD HAFIFIE BIN ABD RAHMAN<br><b>970403035003</b></a>
<a href="#" class="text-gray-700 block px-4 py-2 text-sm hover:bg-yellow-500" role="menuitem" tabindex="-1" id="menu-item-2">MUHAMMAD HAFIFIE BIN ABD RAHMAN<br><b>970403035003</b></a> -->
</div>
</div>
</div>
<button class="px-4 py-2 bg-blue-600 rounded ml-2" v-on:click="toggleDropdown()"><i class="fas fa-search text-white"></i></button>
</div>
</div>
</form>
</div>
</div>
</form>
</div>
</template>
<script>
import { createPopper } from "@popperjs/core";
export default{
data() {
return {
dropdownShow: false,
arrayCustomer: []
}
},
computed:{
getData(){
let data = this.axios.get('http://localhost:8000/api/customers/630411035213').then(response => {
// this.arrayCustomer.push(response.data)
this.arrayCustomer = response.data
});
return data;
}
},
methods: {
toggleDropdown: function(){
if(this.dropdownShow){
this.dropdownShow = false;
} else {
this.dropdownShow = true;
createPopper(this.$refs.btnDropdownRef, this.$refs.popoverDropdownRef, {
placement: "bottom-start"
});
}
}
}
}
</script>