hafifierahman
51 lines
2.3 KiB
Vue
51 lines
2.3 KiB
Vue
<template>
|
|
<div class="container">
|
|
|
|
<button class="bg-white hover:bg-gray-200 text-black text-center py-2 px-4 rounded"><router-link
|
|
to="/akaunhome">
|
|
Kembali
|
|
</router-link>
|
|
</button>
|
|
<div class="h-full">
|
|
<div class="flex">
|
|
<div class="w-2/5 p-8">
|
|
<span class="text-xl font-semibold block">Ansuran</span>
|
|
<span class="text-gray-600">Pilihan tarikh untuk melihat setiap Ansuran bagi pilihan bulan</span>
|
|
</div>
|
|
<div class="w-3/5 p-8">
|
|
<form method="get" id="formansuran" :action="Urlredirect()">
|
|
<div class="rounded bg-white shadow p-6">
|
|
<div class="pb-6">
|
|
<label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label>
|
|
<div class="flex">
|
|
<span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Mula</span>
|
|
<input id="tarikhmula" name="datetimepicker1" class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2" type="date" />
|
|
<button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button>
|
|
<button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
methods: {
|
|
generatepdf: function(){
|
|
console.log('generatepdf')
|
|
},
|
|
generateview: function(){
|
|
document.getElementById("formansuran").submit();
|
|
},
|
|
Urlredirect: function() {
|
|
return window.route('cetak.imbangduga')
|
|
},
|
|
}
|
|
|
|
}
|
|
</script> |