KoPKB/admin-erahn
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ffix

Browse Source
This commit is contained in:
hafifierahman
2022-04-04 10:21:25 +08:00
parent 8d140f9933
commit 039739dd1d
4 changed files with 258 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Http/Controllers/KelulusanController.php
+17
View File
@@ -83,4 +83,21 @@ class KelulusanController extends Controller
return response()->json($updatelulus,200);
}
public function updatePB(Request $request)
{
dd($request->all());
$imageName = time().'.'.$request->image->extension();
$request->image->move(public_path('images'), $imageName);
// dd($imageName);
$updatelulus = Http::put(config('api.url') .- '/api/UpdateKelulusan/' . $request->kodcaw . '/' . $norujukan,[
'sahkan' => 1,
'namaoperasi' => $request->namaoperasi,
'siri' => $request->siri
])->json();
}
}
resources/js/components/Analisa/Harian.vue
+203 -211
View File
@@ -1,205 +1,191 @@
<template>
<div class="mb-4 w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypemb === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
<div class="mb-4 w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypemb === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypemb === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Pembiayaan</h3>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypemb === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Pembiayaan</h3>
<div class="flex flex-nowrap justify-between">
<div class="xl:w-3/4 2xl:w-3/4 lg:w-2/3 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumgadai > 100) ? '100%' : percentcumgadai + '%' }"> {{ this.percentcumgadai }}%</div>
</div>
<div class="flex flex-nowrap">
<div class="w-3/4 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumgadai > 100) ? 100 : percentcumgadai + '%' }"> {{ this.percentcumgadai }}%</div>
</div>
<div class="xl:w-2/5 2xl:w-1/4 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5 xs:invisible">RM {{ gadaianremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
<div class="xl:w-2/5 2xl:w-1/4 lg:w-1/3 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5 xs:invisible">RM {{ gadaianremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
</div>
<div class="flex pt-2 -mt-2">
<div class="grid grid-rows-2 ml-1 mt-2 w-1/2">
<div class="flex">
<div class="flex pt-2 -mt-2 justify-between">
<div class="grid grid-rows-2 ml-1 mt-2 lg:w-1/2">
<div class="flex">
<span class="text-sm leading-none font-bold text-gray-700x xl:w-2/5 2xl:w-1/4 uppercase"> Harian</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-gray-700">RM {{ gadaianharian }}</span>
</div>
<div class="flex">
</div>
<div class="flex">
<span class="text-sm leading-none font-bold text-yellow-700 xl:w-2/5 2xl:w-1/4 uppercase"> Bajet</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-yellow-900"> RM {{ bajetgadaian }} </span>
</div>
</div>
<div class="ml-4 text-center w-1/6">
<!-- <h3 class="text-3xl font-bold -mt-1 text-gray-500">Pembiayaan</h3> -->
<!-- <span class="text-base leading-none font-bold text-gray-900 text-center">{{ this.bulan }} </span> -->
</div>
<div class="grid grid-rows-2 ml-2 mt-2 w-2/6 flex place-content-end">
<h3 v-if="percentgadaian > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
</div>
<div class="grid grid-rows-2 ml-2 mt-2 lg:w-1/3 flex place-content-end">
<h3 v-if="percentgadaian > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<h3 v-if="percentgadaian == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
</svg>
</h3>
<h3 v-if="percentgadaian == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
</svg>
</h3>
<h3 v-if="percentgadaian < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
</svg>
</h3>
<h3 v-if="percentgadaian < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypeny === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " v-if="datareadypeny === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Penebusan</h3>
</div>
<div class="flex flex-nowrap justify-between">
<div class="xl:w-3/4 2xl:w-3/4 lg:w-2/3 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumtebus > 100) ? '100%' : percentcumtebus + '%' }"> {{ percentcumtebus }}%</div>
</div>
<div class="xl:w-2/5 2xl:w-1/4 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5">RM {{ tebusremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadypeny === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " v-if="datareadypeny === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Penebusan</h3>
</div>
<div class="flex flex-nowrap">
<div class="w-3/4 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumtebus > 100) ? 100 : percentcumtebus + '%' }"> {{ percentcumtebus }}%</div>
</div>
<div class="xl:w-2/5 2xl:w-1/4 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5">RM {{ tebusremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
</div>
<div class="flex pt-2 -mt-2">
<div class="grid grid-rows-2 ml-1 mt-2 w-1/2">
<!-- <span class="text-sm leading-none font-bold text-gray-700"><i class="fas fa-calendar-day"></i> RM {{ penebusanharian }}</span>
<div class="flex pt-2 -mt-2 justify-between">
<div class="grid grid-rows-2 ml-1 mt-2 lg:w-1/2">
<!-- <span class="text-sm leading-none font-bold text-gray-700"><i class="fas fa-calendar-day"></i> RM {{ penebusanharian }}</span>
<span class="text-sm leading-none font-bold text-yellow-900"><i class="fas fa-chart-pie"></i> RM {{ bajetpenebusan }} </span> -->
<div class="flex">
<div class="flex">
<span class="text-sm leading-none font-bold text-gray-700 xl:w-2/5 2xl:w-1/4 uppercase"> Harian</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-gray-700">RM {{ penebusanharian }}</span>
</div>
<div class="flex">
</div>
<div class="flex">
<span class="text-sm leading-none font-bold text-yellow-700 xl:w-2/5 2xl:w-1/4 uppercase"> Bajet</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-yellow-900"> RM {{ bajetpenebusan }} </span>
</div>
</div>
<div class="ml-4 text-center w-1/6">
<!-- <h3 class="text-3xl font-bold -mt-1 text-gray-500">Penebusan</h3>
<span class="text-base leading-none font-bold text-gray-900 text-center">{{ this.bulan }} </span> -->
</div>
<div class="grid grid-rows-2 ml-2 mt-2 w-2/6 flex place-content-end">
<h3 v-if="percentpenebusan > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
</div>
<div class="grid grid-rows-2 ml-2 mt-2 lg:1/3 flex place-content-end">
<h3 v-if="percentpenebusan > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<h3 v-if="percentpenebusan == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
</svg>
</h3>
<h3 v-if="percentpenebusan == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
</svg>
</h3>
<h3 v-if="percentpenebusan < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
</svg>
</h3>
<h3 v-if="percentpenebusan < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadykeun === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" v-if="datareadykeun === false">
<content-placeholders>
<content-placeholders-heading :img="true" />
<content-placeholders-text :lines="3" />
</content-placeholders>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " v-if="datareadykeun === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Keuntungan</h3>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " v-if="datareadykeun === true">
<div class="mb-3 mx-auto justify-center flex">
<h3 class="text-3xl font-bold text-gray-500">Keuntungan</h3>
<div class="flex flex-nowrap">
<div class="xl:w-3/4 2xl:w-3/4 lg:w-2/3 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumkeuntungan > 100) ? '100%' : percentcumkeuntungan + '%' }"> {{percentcumkeuntungan}}%</div>
</div>
<div class="flex flex-nowrap">
<div class="w-3/4 h-4 bg-gray-200 rounded-full">
<div class="bg-yellow-600 text-xs font-medium text-yellow-100 text-center p-0.5 leading-none rounded-l-full rounded-r-full" v-bind:style="{ width: (percentcumkeuntungan > 100) ? 100 : percentcumkeuntungan + '%' }"> {{percentcumkeuntungan}}%</div>
</div>
<div class="xl:w-2/5 2xl:w-1/4 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5">RM {{ keuntunganremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
<div class="xl:w-2/5 2xl:w-1/4 grid grid-rows-2">
<span class="text-sm ml-2 font-bold -mt-0.5">RM {{ keuntunganremaining }}</span>
<!-- <span class="text-xs leading-none font-bold text-gray-900 mx-auto flex place-self-center -mt-3 ml-12">remaining.. </span> -->
</div>
<div class="flex pt-2 -mt-2">
<div class="grid grid-rows-2 ml-1 mt-2 w-1/2">
<!-- <span class="text-sm leading-none font-bold text-gray-700"><i class="fas fa-calendar-day"></i> RM {{ keuntunganharian }}</span>
</div>
<div class="flex pt-2 -mt-2 justify-between">
<div class="grid grid-rows-2 ml-1 mt-2 lg:w-1/2">
<!-- <span class="text-sm leading-none font-bold text-gray-700"><i class="fas fa-calendar-day"></i> RM {{ keuntunganharian }}</span>
<span class="text-sm leading-none font-bold text-yellow-900"><i class="fas fa-chart-pie"></i> RM {{ bajetkeuntungan }} </span> -->
<div class="flex">
<div class="flex">
<span class="text-sm leading-none font-bold text-gray-700 xl:w-2/5 2xl:w-1/4 uppercase"> Harian</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-gray-700">RM {{ keuntunganharian }}</span>
</div>
<div class="flex">
</div>
<div class="flex">
<span class="text-sm leading-none font-bold text-yellow-700 xl:w-2/5 2xl:w-1/4 uppercase"> Bajet</span>
<span class="text-sm leading-none font-bold text-gray-700 mr-2">:</span>
<span class="text-sm leading-none font-bold text-yellow-900"> RM {{ bajetkeuntungan }} </span>
</div>
</div>
<div class="ml-4 text-center w-1/6">
<!-- <h3 class="text-3xl font-bold -mt-1 text-gray-500">Keuntungan</h3>
<span class="text-base leading-none font-bold text-gray-900 text-center">{{ this.bulan }} </span> -->
</div>
<div class="grid grid-rows-2 ml-2 mt-2 w-2/6 flex place-content-end">
<h3 v-if="percentkeuntungan > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<h3 v-if="percentkeuntungan == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
</svg>
</h3>
<h3 v-if="percentkeuntungan < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</div>
<div class="grid grid-rows-2 ml-2 mt-2 lg:w-1/3 flex place-content-end">
<h3 v-if="percentkeuntungan > 0" class="text-base font-bold -mt-1 text-green-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<h3 v-if="percentkeuntungan == 0" class="text-base font-bold -mt-1 text-yellow-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
</svg>
</h3>
<h3 v-if="percentkeuntungan < 0" class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
</svg>
</h3>
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
</div>
</div>
</div>
</div>
</template>
<script>
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
minimumFractionDigits: 2
});
export default {
@@ -207,29 +193,29 @@ export default {
// props:{
// kodcaw: String
// },
data() {
return {
keuntunganharian:0,
bajetkeuntungan:0,
percentkeuntungan:0,
keuntunganremaining:0,
percentcumkeuntungan:0,
penebusanharian:0,
bajetpenebusan:0,
percentpenebusan:0,
tebusremaining:0,
percentcumtebus:0,
gadaianharian:0,
gadaianremaining:0,
bajetgadaian:0,
percentgadaian:0,
percentcumgadai:0,
bulan:'',
datareadypemb: false,
datareadypeny: false,
datareadykeun: false,
};
},
data() {
return {
keuntunganharian: 0,
bajetkeuntungan: 0,
percentkeuntungan: 0,
keuntunganremaining: 0,
percentcumkeuntungan: 0,
penebusanharian: 0,
bajetpenebusan: 0,
percentpenebusan: 0,
tebusremaining: 0,
percentcumtebus: 0,
gadaianharian: 0,
gadaianremaining: 0,
bajetgadaian: 0,
percentgadaian: 0,
percentcumgadai: 0,
bulan: '',
datareadypemb: false,
datareadypeny: false,
datareadykeun: false,
};
},
created() {
this.getDataPembiayaan()
this.getDataPenebusan()
@@ -238,90 +224,96 @@ export default {
methods: {
getDataPembiayaan() {
this.axios.get(this.$hostname + '/admin/pembiayaanToday', {
params: {
kodcaw: this.$kodcaw
}
params: {
kodcaw: this.$kodcaw
}
}).then(response => {
this.gadaianharian = formatter.format(response.data[0].gadaiToday),
this.bajetgadaian = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentgadaian = response.data[0].percentDiff,
this.bulan = response.data[0].bulan,
this.gadaianremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumgadai = (100 - response.data[0].percentcum)
this.bajetgadaian = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentgadaian = response.data[0].percentDiff,
this.bulan = response.data[0].bulan,
this.gadaianremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumgadai = (100 - response.data[0].percentcum)
if(this.datareadypemb == false)
if (this.datareadypemb == false)
this.datareadypemb = true;
}).catch(error => {
console.log(error)
})
},
getDataPenebusan(){
this.axios.get(this.$hostname + '/admin/penebusanToday', {
params: {
kodcaw: this.$kodcaw
}
getDataPenebusan() {
this.axios.get(this.$hostname + '/admin/penebusanToday', {
params: {
kodcaw: this.$kodcaw
}
}).then(response => {
this.penebusanharian = formatter.format(response.data[0].tebusToday),
this.bajetpenebusan = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentpenebusan = response.data[0].percentDiff,
this.tebusremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumtebus = (100 - response.data[0].percentcum)
this.bajetpenebusan = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentpenebusan = response.data[0].percentDiff,
this.tebusremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumtebus = (100 - response.data[0].percentcum)
if(this.datareadypeny == false)
if (this.datareadypeny == false)
this.datareadypeny = true;
}).catch(error => {
console.log(error)
})
},
getDataKeuntungan(){
this.axios.get(this.$api1 + '/admin/keuntunganToday', {
params: {
kodcaw: this.$kodcaw
}
getDataKeuntungan() {
this.axios.get(this.$api1 + '/admin/keuntunganToday', {
params: {
kodcaw: this.$kodcaw
}
}).then(response => {
console.log(this.$api1)
this.keuntunganharian = formatter.format(response.data[0].upahToday),
this.bajetkeuntungan = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentkeuntungan = response.data[0].percentDiff,
this.keuntunganremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumkeuntungan = (100 - response.data[0].percentcum)
this.bajetkeuntungan = formatter.format(response.data[0].bajetharian.toFixed(2)),
this.percentkeuntungan = response.data[0].percentDiff,
this.keuntunganremaining = formatter.format(response.data[0].remaining.toFixed(2)),
this.percentcumkeuntungan = (100 - response.data[0].percentcum)
if(this.datareadykeun == false)
if (this.datareadykeun == false)
this.datareadykeun = true;
}).catch(error => {
console.log(error)
})
}
},
mounted () {
mounted() {
var channel = this.$pusher.subscribe('gadai-notify');
channel.bind('trigger-gadai', ({ cawangan }) => {
channel.bind('trigger-gadai', ({
cawangan
}) => {
console.log(`${cawangan}`);
if(this.$kodcaw === cawangan)
this.getDataPembiayaan()
if (this.$kodcaw === cawangan)
this.getDataPembiayaan()
});
var channel = this.$pusher.subscribe('tebus-notify');
channel.bind('trigger-tebus', ({ cawangan }) => {
channel.bind('trigger-tebus', ({
cawangan
}) => {
console.log(`${cawangan}`);
if(this.$kodcaw === cawangan)
this.getDataPenebusan()
if (this.$kodcaw === cawangan)
this.getDataPenebusan()
});
var channel = this.$pusher.subscribe('keuntungan-notify');
channel.bind('trigger-keuntungan', ({ cawangan }) => {
channel.bind('trigger-keuntungan', ({
cawangan
}) => {
console.log(`${cawangan}`);
if(this.$kodcaw === cawangan)
this.getDataKeuntungan()
if (this.$kodcaw === cawangan)
this.getDataKeuntungan()
});
}
}
</script>
</script>
resources/js/components/util/PBmodal.vue
+37 -4
View File
@@ -51,6 +51,16 @@
<input v-model="amaunlulus" type="text" class="mr-2 bg-white appearance-none border-2 border-gray-400 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-blue-500 border-black" />
</div>
</div>
<div class="flex justify-center mt-4">
<div class="mb-3 w-96">
<!-- <label for="formFileLg" class="form-label inline-block mb-2 text-gray-700">Large file input example</label> -->
<input name="image" accept="image/*" @change="onUpload" class="form-control block w-full px-2 py-1.5 text-xl font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" type="file">
<div class="mx-auto flex justif">
<img v-if="item.imageUrl" class="h-24 w-24 mx-auto justify-center" :src="item.imageUrl" />
</div>
</div>
</div>
</div>
<!--footer-->
<div class="flex items-center justify-end p-6 border-t border-solid border-blueGray-200 rounded-b">
@@ -93,21 +103,44 @@ export default {
mohonid: 0,
selected: '',
amaunlulus: 0,
amaun_dimohon: 0
amaun_dimohon: 0,
item: {
image: null,
imageUrl: null
}
}
},
methods: {
onUpload: function (e) {
const file = e.target.files[0]
this.item.image = file
this.item.imageUrl = URL.createObjectURL(file)
},
toggleModal: function () {
this.showModal = false;
},
FuncHantar: function () {
axios.put(this.$hostname + '/admin/permohonan/updatepb', {
// console.log(this.item);
let formData = new FormData();
formData.append('images', this.item.image);
// console.log(formData)
let config = {
header: {
'Content-Type': 'multipart/form-data'
}
}
// return;
// axios.put(this.$hostname + '/admin/permohonan/updatepb', {
axios.put('api/check/kelulusan/pb',{
kelulusan: this.selected,
mohonid: this.mohonid,
amaun_lulus: this.amaunlulus
amaun_lulus: this.amaunlulus,
image: formData
}).then(response => {
},config).then(response => {
if (response.data === 1) {
this.showModal = false;
routes/api.php
+1
View File
@@ -27,6 +27,7 @@ Route::group(['prefix' => 'check'], function () {
Route::get('/cawangan', 'App\Http\Controllers\CawanganController@list');
Route::put('/kelulusan/operasi', 'App\Http\Controllers\KelulusanController@updatekelulusan');
Route::put('/kelulusan/pb', 'App\Http\Controllers\KelulusanController@updatePB');
});