Amirah
124 lines
4.7 KiB
Vue
124 lines
4.7 KiB
Vue
<template>
|
|
<div class="container">
|
|
<div class="flex w-full">
|
|
<div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
|
|
<div
|
|
class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg"
|
|
>
|
|
<router-link to="/akaunhome">
|
|
<i class="fas fa-backspace text-white"></i>
|
|
</router-link>
|
|
<span class="text-center mx-auto text-white font-bold"
|
|
>Laporan Audit Trail</span
|
|
>
|
|
</div>
|
|
<form
|
|
method="get"
|
|
id="formstokaudit"
|
|
:action="Urlredirect()"
|
|
target="_blank"
|
|
>
|
|
<input :value="$kodcaw" name="kodcaw" hidden />
|
|
<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 place-content-center mb-2">
|
|
<input
|
|
:value="jenisgenerate"
|
|
type="hidden"
|
|
name="jenis"
|
|
/>
|
|
<input
|
|
:value="$hostname"
|
|
name="hostname"
|
|
hidden
|
|
/>
|
|
<input :value="$kodcaw" name="kodcaw" hidden />
|
|
<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="datetimepicker1"
|
|
name="datetimepicker1"
|
|
class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2"
|
|
type="date"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end mt-10">
|
|
<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>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
.radio input:checked + label {
|
|
border-color: #f6d860;
|
|
background-color: #fff1bd;
|
|
outline: none;
|
|
}
|
|
</style>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
jenisgenerate: "none",
|
|
selected: "",
|
|
kodcaw: "",
|
|
};
|
|
},
|
|
methods: {
|
|
async generatepdf() {
|
|
await this.setJenis("pdf");
|
|
|
|
Vue.swal({
|
|
title: "Memuatkan...",
|
|
allowEscapeKey: false,
|
|
allowOutsideClick: false,
|
|
showCancelButton: false,
|
|
showConfirmButton: false,
|
|
timer: 8000,
|
|
});
|
|
document.getElementById("formstokaudit").submit();
|
|
},
|
|
async generateview() {
|
|
await this.setJenis("view");
|
|
|
|
Vue.swal({
|
|
title: "Memuatkan...",
|
|
allowEscapeKey: false,
|
|
allowOutsideClick: false,
|
|
showCancelButton: false,
|
|
showConfirmButton: false,
|
|
timer: 8000,
|
|
});
|
|
document.getElementById("formstokaudit").submit();
|
|
},
|
|
Urlredirect: function () {
|
|
return window.route("cetak.cetakAuditTrail");
|
|
},
|
|
setJenis: function (value) {
|
|
return (this.jenisgenerate = value);
|
|
},
|
|
},
|
|
};
|
|
</script>
|