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
2022-03-20 16:28:29 +08:00
parent fac05de34a
commit 6088dfad46
2 changed files with 227 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/leaderapproval.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

resources/js/Permohonan/StatusMohon.vue
+227 -100
View File
@@ -1,116 +1,243 @@
<template>
<div class="container px-1 px-md-4 py-5 mx-auto">
<div class="card">
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
</div>
</div> <!-- Add class 'active' to progress -->
<div class="row d-flex justify-content-center">
<div class="w-full">
<ul id="progressbar" class="text-center">
<li class="active step0"></li>
<li class="active step0"></li>
<li class="active step0"></li>
<li class="active step0"></li>
<li class="active step0"></li>
</ul>
</div>
</div>
<div class="container px-1 px-md-4 py-5 mx-auto">
<router-link to="/permohonan">
<i class="fas fa-backspace text-yellow-500"></i>
</router-link>
<div class="flex w-full">
<div class="row flex flex-col justify-center items-center icon-content w-1/5 "> <img class="icon mx-auto" src="/img/proposal.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
<div class="card">
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
<!-- Add class 'active' to progress -->
<div class="row flex justify-content-center">
<div class="w-full">
<ul id="progressbar" class="text-center flex">
<li class="active step0 w-1/6"></li>
<li class="active step0 w-1/6"></li>
<li class="step0 w-1/6"></li>
<li class="step0 w-1/6"></li>
<li class="step0 w-1/6"></li>
<li class="step0 w-1/6"></li>
</ul>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
<div 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">
<div class="flex flex-column">
<p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
</div>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/chequetick.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
<div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="flex flex-column">
<p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
</div>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/money.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
<div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/leaderapproval.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">PB <br> Mengesahkan <br> Permohonan</p>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/chequetick.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
</div>
</div>
<div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/money.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
</div>
</div>
</div>
</div>
</div>
<div class="">
<div class="">
<div class="p-4 flex justify-center items-center">
<table class="w-2/3 leading-normal">
<thead class="text-center">
<tr>
<th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Tarikh
</th>
<th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Masa
</th>
<th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Status Permohonan
</th>
</tr>
</thead>
<tbody>
<td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
2022-03-22
</p>
</div>
</div>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="text-center flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
10:30pagi
</p>
</div>
</div>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
<div class="p-4 flex justify-center items-center">
<table class="w-2/3 leading-normal">
<thead class="text-center">
<tr>
<th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Tarikh
</th>
<th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Masa
</th>
<th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
Status Permohonan
</th>
</tr>
</thead>
<tbody>
<td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
Kota Bharu 2
</p>
PENGURUS CAWANGAN MEMBUAT PERMOHONAN WANG DARIPADA PKB.
</p>
</div>
</div>
</div>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="text-center flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
Kota Bharu 2
</p>
</div>
</div>
</td>
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
<div class="flex items-center">
<div class="ml-3">
<p class="text-gray-900 whitespace-no-wrap">
Kota Bharu 2
</p>
</div>
</div>
</td>
</tbody>
</table>
</td>
</tbody>
</table>
</div>
<!-- <div class="row flex justify-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
</div>
</div>
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
</div>
</div>
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
</div>
</div> -->
</div>
<!-- <div class="row flex justify-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
</div>
</div>
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
</div>
</div>
<div class="row d-flex justify-content-between px-3 top">
<div class="d-flex">
<h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
</div>
</div> -->
</div>
</div>
</template>
<style scoped>
@@ -140,7 +267,7 @@
#progressbar li {
list-style-type: none;
font-size: 13px;
width: 20%;
width: 17%;
float: left;
position: relative;
font-weight: 400;
@@ -194,7 +321,7 @@
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: absolute;
left: 50%
left: 50%;
}
#progressbar li:last-child:after {