This commit is contained in:
hafifierahman
2022-06-07 10:50:46 +08:00
parent 4669cbafaa
commit f32655b372
5 changed files with 293 additions and 275 deletions
@@ -170,7 +170,7 @@ class AliranTunaiController extends Controller
{
$auth_user = Auth::user();
$alirantunai = Http::get($request->hostname . '/api/GetTunaiByTarikh/' . $request->kodcaw,['kodlaluan' => $request->teller, 'tarikh' => $request->tarikh])->json();
$alirantunai = Http::get($request->hostname . '/admin/GetTunaiByTarikh/' . $request->kodcaw,['kodlaluan' => $request->teller, 'tarikh' => $request->tarikh])->json();
$keluar = $alirantunai['keluar'];
$baki = $alirantunai['baki'];
+284 -271
View File
@@ -1,266 +1,261 @@
<template>
<div class="container px-1 px-md-4 py-5 mx-auto">
<button class="fas fa-backspace fa-3x text-yellow-500" @click="$router.go(-1)"></button>
<div class="container px-1 px-md-4 py-5 mx-auto">
<div v-if="this.loadstatus == true" class="card">
<div class="row flex justify-between px-3 top">
<div class="d-flex">
<h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">{{ this.permohonan.nopermohonan }}</span></h5>
<h5>JUMLAH MOHON : <span class="text-primary font-weight-bold">RM {{ formatterfunction(this.permohonan.amaun_mohon) }}</span></h5>
</div>
<div>
<span class="text-black rounded font-extrabold">{{ (this.permohonan.jenismohon == 'permohonanwang') ? 'Permohonan Wang' : 'Bayaran Balik' }}</span>
</div>
<button class="fas fa-backspace fa-3x text-yellow-500" @click="$router.go(-1)"></button>
<div v-if="this.loadstatus == true" class="card">
<div class="row flex justify-between px-3 top">
<div class="d-flex">
<h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">{{ this.permohonan.nopermohonan }}</span></h5>
<h5>JUMLAH MOHON : <span class="text-primary font-weight-bold">RM {{ formatterfunction(this.permohonan.amaun_mohon) }}</span></h5>
</div>
<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.tagcit === 1 ? '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>
</ul>
</div>
<div>
<span class="text-black rounded font-extrabold">{{ (this.permohonan.jenismohon == 'permohonanwang') ? 'Permohonan Wang' : 'Bayaran Balik' }}</span>
</div>
<div v-if="this.permohonan.jenismohon === 'bayaranbalik'" class="w-4/6 flex items-center mx-auto">
<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">
<ul id="progressbar" class="text-center flex">
<li :class="this.permohonan.tarikh_permohonan !== null ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagoperasi === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagakaun === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagpb === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagdeposit === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagterima === 1 ? 'active' : ''" class="step0 w-1/6"></li>
</ul>
</div>
</div>
<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">
<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/6"> <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/6"> <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 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">Kelulusan <br>Pengurus Besar</p>
<img v-if="this.permohonan.tagpb == 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/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> Deposit Ke Bank <br>Selesai</p>
<img v-if="this.permohonan.tagdeposit == 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/6"> <img class="icon mx-auto" src="/img/money.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Cawangan<br> Terima Wang</p>
</div>
</div>
</div>
</div>
<div v-if="this.loadstatus == true" 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>
<tr v-for="(status,i) in statusdescription" :key="i">
<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.tagcit === 1 ? '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>
</ul>
</div>
</div>
<div v-if="this.permohonan.jenismohon === 'bayaranbalik'" class="w-4/6 flex items-center mx-auto">
<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">
<ul id="progressbar" class="text-center flex">
<li :class="this.permohonan.tarikh_permohonan !== null ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagoperasi === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagakaun === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagpb === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagdeposit === 1 ? 'active' : ''" class="step0 w-1/6"></li>
<li :class="this.permohonan.tagterima === 1 ? 'active' : ''" class="step0 w-1/6"></li>
</ul>
</div>
</div>
<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">
<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/6"> <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/6"> <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 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">Kelulusan <br>Pengurus Besar</p>
<img v-if="this.permohonan.tagpb == 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/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> Deposit Ke Bank <br>Selesai</p>
<img v-if="this.permohonan.tagdeposit == 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/6"> <img class="icon mx-auto" src="/img/money.png">
<div class="d-flex flex-column">
<p class="font-weight-bold text-center">Cawangan<br> Terima Wang</p>
</div>
</div>
</div>
</div>
<div v-if="this.loadstatus == true" 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>
<tr v-for="(status,i) in statusdescription" :key="i">
<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" v-text="status[0].tarikh">
</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" v-text="status[0].masa">
</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>
<div class="ml-3">
<p v-if="status.statusid === 1" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_pemohon) }}
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_pemohon) }}
</p>
<p v-if="status.statusid === 2" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_operasi) }}
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_operasi) }}
</p>
<p v-if="status.statusid === 3" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_akaun) }}
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_akaun) }}
</p>
<p v-if="status.statusid === 4" class="text-gray-900 whitespace-no-wrap">
@@ -269,49 +264,47 @@
<button class="text-white p-2 bg-blue-500 rounded mr-1 mt-2" @click.prevent="downloadpb(status[0].pbfiles)">Muat Turun</button>
</p>
<div v-if="status.statusid === 5" class="text-gray-900 whitespace-no-wrap w-full">
{{ status.description }}
<div v-if="status.statusid === 5" class="text-gray-900 whitespace-no-wrap">
{{ status.description }}
<br>
<div class="w-full">
<span class="w-1/2">{{ 'Nama Bank : ' + status[0].jenisbank }}</span>
<span class="w-1/2">{{ 'Kaedah Penghantaran : ' + status[0].jeniscit }}</span>
</div>
<div class="w-full">
<span class="w-1/2">{{ 'No Rujukan :' + status[0].noresit }}</span>
<span class="w-1/2">{{ 'Nota :' + status[0].namasyarikat }}</span>
<div class="w-full">{{ 'Nama Bank : ' + fullnamebank(status[0].jenisbank) }}</div>
<div class="w-full">{{ 'Kaedah Penghantaran : ' + status[0].jeniscit }}</div>
<div class="w-full">{{ 'No Rujukan :' + status[0].noresit }}</div>
<div class="w-full">{{ 'Nota :' + status[0].namasyarikat }}</div>
</div>
</div>
<p v-if="status.statusid === 6" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_penerima) }}
{{ status.description }} <br> {{ 'Nama : ' + pembesarannama(status[0].nama_penerima) }}
</p>
<p v-if="status.statusid === 7" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Komen : ' + status[0].komen }}
{{ status.description }} <br> {{ 'Komen : ' + status[0].komen }}
</p>
<p v-if="status.statusid === 8" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama Bank : ' + status[0].jenisbank }}
<p v-if="status.statusid === 8" class="text-gray-900 whitespace-no-wrap">
{{ status.description }} <br> {{ 'Nama Bank : ' + status[0].jenisbank }}
<br>
<button class="text-white p-2 bg-blue-500 rounded mr-1 mt-2" @click.prevent="downloadresit(status[0].resitfiles)">Muat Turun Resit</button>
<button class="text-white p-2 bg-blue-500 rounded mt-2" @click.prevent="downloadinvoice(status[0].invoicefiles)">Muat Turun Invoice</button>
<button class="text-white p-2 bg-blue-500 rounded mr-1 mt-2" @click.prevent="downloadresit(status[0].resitfiles)">Muat Turun Resit</button>
<button class="text-white p-2 bg-blue-500 rounded mt-2" @click.prevent="downloadinvoice(status[0].invoicefiles)">Muat Turun Invoice</button>
</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</template>
<style scoped>
@@ -436,34 +429,38 @@
</style>
<script>
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
export default {
data(){
return{
data() {
return {
mohonid: this.$route.params.mohonid,
statusdescription:{},
permohonan:{},
statusdescription: {},
permohonan: {},
cawangan: 'KB2',
loadstatus: false
loadstatus: false,
bank: {}
}
},
created(){
this.GetStatusData(this.mohonid,this.cawangan);
created() {
this.GetStatusData(this.mohonid, this.cawangan);
},
methods:{
async GetStatusData(mohonid,cawangan){
methods: {
async GetStatusData(mohonid, cawangan) {
await this.axios.get(this.$hostname + '/admin/permohonan/description/' + mohonid).then(response => {
this.statusdescription = response.data;
console.log(this.statusdescription)
});
await this.axios.get(this.$hostname + '/admin/permohonan/get/' + cawangan + '/' + mohonid).then(response => {
this.permohonan = response.data;
});
this.axios.get(this.$hostname + '/api/bank').then(response => {
this.bank = response.data;
});
this.loadstatus = true;
},
formatterfunction(value) {
@@ -478,12 +475,28 @@ export default {
downloadpb(pbid) {
window.open('/api/check/muatturun?files_id=' + pbid, '_blank');
},
pembesarannama(value){
const str = value.toLowerCase().replace(/\b[a-z]/g, function(response) {
pembesarannama(value) {
const str = value.toLowerCase().replace(/\b[a-z]/g, function (response) {
return response.toUpperCase();
});
return str;
},
fullnamebank(value) {
let name = '';
if(this.bank.length > 0)
{
this.bank.some(function(res, key) {
if(value === res.abbreviation)
{
name = res.name
}
});
}
return name;
}
}
}
+3
View File
@@ -20,6 +20,9 @@
</ul>
</nav>
<br>
<span><b>PETUGAS</b> : {{ this.kodlaluan }}</span>
<transition
enter-active-class="transition-all transform duration-200 ease-out"
leave-active-class="transition-all transform duration-200 ease-in"
@@ -349,11 +349,11 @@
<b class="text-xs border border-black pl-1 text-center">Bahagian Kewangan & Akaun PKB</b>
<div class="flex">
<p class="text-xs w-full">Bank</p>
<p class="text-xs w-2/3 border border-gray-400 text-right">{{ $permohonan['jenisbank'] }}</p>
<p class="text-xs w-2/3 border border-gray-400 text-right"></p>
</div>
<div class="flex">
<p class="text-xs w-full">No. Resit</p>
<p class="text-xs w-2/3 border border-gray-400 text-right">{{ $permohonan['noresit'] }}</p>
<p class="text-xs w-2/3 border border-gray-400 text-right"></p>
</div>
<div class="flex">
<p class="text-xs w-full">Tarikh kemasukan</p>
+3 -1
View File
@@ -110,4 +110,6 @@ Route::get('/permohonan',['as'=>'permohonan.index','uses'=>'App\Http\Controllers
Route::get('/permohonan/cetakanpb',['as'=>'permohonan.cetakanpb','uses'=>'App\Http\Controllers\PermohonanController@CetakanPB']);
Route::get('/permohonan/cetakanpenuh',['as'=>'permohonan.cetakanpenuh','uses'=>'App\Http\Controllers\PermohonanController@CetakanPenuh']);
Route::get('{any}', function () {
return view('home');
})->where('any','.*');