unknown
97 lines
4.8 KiB
Vue
97 lines
4.8 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="/audit">
|
|
<i class="fas fa-backspace text-white"></i>
|
|
</router-link>
|
|
|
|
<span class="text-center mx-auto text-white font-bold">Laporan Keuntungan Sebenar</span>
|
|
</div>
|
|
<form method="get" id="formpenebusan" 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>
|
|
|
|
<div class="flex place-content-center mb-2">
|
|
<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">Bulan</span>
|
|
<flat-pickr v-model="mula" :config="config" class="border border-2 rounded-r px-4 py-2 w-80r mr-2"></flat-pickr>
|
|
</div>
|
|
|
|
<div class="flex justify-center mt-10">
|
|
<div class="mx-2 radio">
|
|
<input type="radio" id="T" name="radpendser" value="T" class="hidden focus:bg-gray-500" v-model="selected">
|
|
<label for="T" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Penyelesaian Pembiayaan</label>
|
|
</div>
|
|
|
|
<div class="mx-2 radio cursor-pointer">
|
|
<input type="radio" id="A" name="radpendser" value="A" class="hidden focus:bg-gray-500" v-model="selected">
|
|
<label for="A" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Ansuran Pembiayaan</label>
|
|
</div>
|
|
|
|
<div class="mx-2 radio cursor-pointer">
|
|
<input type="radio" id="L" name="radpendser" value="L" class="hidden focus:bg-gray-500" v-model="selected">
|
|
<label for="L" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Lelong</label>
|
|
</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="generate" 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-file-excel mr-2"></i>View</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js'
|
|
import 'flatpickr/dist/plugins/monthSelect/style.css'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
mula: null,
|
|
selected: 'T',
|
|
config: {
|
|
wrap: false, // set wrap to true only when using 'input-group'
|
|
maxDate: 'today',
|
|
plugins: [
|
|
new monthSelectPlugin({
|
|
shorthand: true, //defaults to false
|
|
dateFormat: "m-Y", //defaults to "F Y"
|
|
altFormat: "F Y", //defaults to "F Y"
|
|
})
|
|
]
|
|
},
|
|
}
|
|
},
|
|
methods:{
|
|
generate: function () {
|
|
|
|
if(this.mula !== null)
|
|
{
|
|
let urldirect = window.route('audit.cetak');
|
|
window.open(urldirect + '?kodcaw=' + this.$kodcaw + '&&jenis=' + this.selected + '&&mula=' + this.mula, '_blank');
|
|
}
|
|
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|