This commit is contained in:
hafifierahman
2022-03-31 13:41:05 +08:00
parent 4322351eb0
commit 8050ee5bff
3 changed files with 75 additions and 31 deletions
+70 -20
View File
@@ -16,26 +16,76 @@
<span class="text-white rounded font-weight-bold bg-green-500 p-3">{{ this.permohonan.jenismohon }}</span>
</div>
</div>
<!-- Add class 'active' to progress -->
<!-- <div class="flex w-full mb--10 mt-4">
<div class="row flex flex-col justify-center items-center icon-content w-1/6">
</div>
<div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img v-if="this.permohonan.tagoperasi == 2" class="absolute icon mx-auto" src="/img/batal.png">
</div>
<div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img v-if="this.permohonan.tagakaun == 2" class="icon mx-auto" src="/img/batal.png">
</div>
<div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img v-if="this.permohonan.tagpb == 2" class="icon mx-auto" src="/img/batal.png">
</div>
<div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img v-if="this.permohonan.tagdeposit == 2" class="icon mx-auto" src="/img/batal.png">
</div>
<div class="row flex flex-col justify-center items-center icon-content w-1/6">
</div>
</div> -->
<div class="flex mt--8">
<div v-if="this.permohonan.jenismohon === 'bayaranbalik'" class="flex mt--8">
<div class="w-full">
<ul id="progressbar" class="text-center flex justify-center items-center">
<li :class="this.permohonan.tarikh_permohonan !== null ? 'active' : ''" class="step0 w-1/4"></li>
<li :class="this.permohonan.tagoperasi === 1 ? 'active' : ''" class="step0 w-1/4"></li>
<li :class="this.permohonan.tagakaun === 1 ? 'active' : ''" class="step0 w-1/4"></li>
<li :class="this.permohonan.tagpb === 1 ? 'active' : ''" class="step0 w-1/4"></li>
</ul>
</div>
</div>
<div v-if="this.permohonan.jenismohon === 'bayaranbalik'" class="flex w-2/4">
<div class="row flex flex-col justify-center items-center icon-content w-1/4"> <img class="icon mx-auto" src="/img/proposal.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">Permohonan <br>Cawangan</p>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/4"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">CIT selesai Deposit ke bank</p>
<img v-if="this.permohonan.tagoperasi == 2" class="absolute icon mx-auto top-1/3 mt-10" src="/img/batal.png">
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/4"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">Pengesahan<br>Operasi</p>
<img v-if="this.permohonan.tagoperasi == 2" class="absolute icon mx-auto top-1/3 mt-10" src="/img/batal.png">
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/4"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Akaun</p>
<img v-if="this.permohonan.tagakaun == 2" class="absolute icon mx-auto top-1/3 mt-10" src="/img/batal.png">
</div>
</div>
</div>
<div v-if="this.permohonan.jenismohon === 'permohonanwang'" class="flex mt--8">
<div class="w-full">
@@ -61,7 +111,7 @@
<div class="flex w-full">
<div v-if="this.permohonan.jenismohon === 'permohonanwang'" class="flex w-full">
<div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/proposal.png">
@@ -113,7 +113,6 @@
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Disediakan oleh:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold ">Pengurus Cawangan {{ $cawangan_detail['namacaw'] }}</p>
<p class="text-xs">Nama : {{ $permohonan['nama_pemohon'] }}</p>
<p class="text-xs">Tarikh : {{ $tarikhcetakan }}</p>
@@ -122,7 +121,6 @@
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Disahkan oleh:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold">Operasi Permodalan Kelantan Berhad</p>
<p class="text-xs">Nama : {{ $permohonan['nama_operasi'] }}</p>
<p class="text-xs">Tarikh : {{ $tarikhcetakan }}</p>
@@ -132,24 +130,21 @@
<h4 class="ml-2 text-lg font-bold underline">KELULUSAN DARIPADA PERMODALAN KELANTAN BERHAD</h4>
<p class="text-sm ml-2 font-bold">Jumlah yang diluluskan : RM {{ number_format($permohonan['jumlah_diluluskan'],2) }}</p>
<p class="text-sm ml-2 font-bold mt-6">Jumlah yang diluluskan : RM {{ number_format($permohonan['jumlah_diluluskan'],2) }}</p>
<div class="flex mb-6 mx-auto justify-center items-center">
<div class="flex mb-6 mx-auto justify-center items-center mt-10">
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Disahkan oleh:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold ">Akaun Permodalan Kelantan Berhad</p>
<p class="text-xs">Nama : {{ $permohonan['nama_akaun'] }}</p>
<p class="text-xs">Tarikh : {{ $tarikhcetakan }}</p>
</div>
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Disahkan oleh:</b>
<b class="text-sm">Diluluskan oleh:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold">Pengurus Besar</p>
<p class="text-xs">Nama : Pengurus Besar</p>
<p class="text-xs font-bold">Pengurus Besar<br> Permodalan Kelantan Berhad</p>
<p class="text-xs">Tarikh : {{ $tarikhcetakan }}</p>
</div>
@@ -159,7 +154,6 @@
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Penerima Wang:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold ">Pengurus Cawangan {{ $cawangan_detail['namacaw'] }}</p>
<p class="text-xs">Nama : {{ $permohonan['nama_penerima'] }}</p>
<p class="text-xs">Tarikh Terima: {{ $permohonan['tarikh_terima'] }}</p>
@@ -141,7 +141,7 @@
</div>
<div class="ml-2 w-6/12 flex flex-col justify-end">
<b class="text-sm">Disahkan oleh:</b>
<b class="text-sm">Diluluskan oleh:</b>
<p class="h-8"></p>
<p>.........................................................</p>
<p class="text-xs font-bold">Pengurus Besar</p>