added akru bulanan pecahan
This commit is contained in:
Hafifie PKB
@@ -1585,5 +1585,25 @@ class AkaunController extends Controller
|
||||
|
||||
}
|
||||
|
||||
public function cetak_akrubulanpecahan(Request $request){
|
||||
$auth_user = Auth::user();
|
||||
|
||||
$year = $request->year;
|
||||
|
||||
$akrubulan = Http::get(config('api.url').'/api/reports/getaccrualincome/all',['kodcaw' => 'KB2','year' => $request->year])->json();
|
||||
|
||||
if(isset($request->jenis))
|
||||
{
|
||||
if($request->jenis == 'pdf')
|
||||
{
|
||||
$pdf = PDF::loadView('akaun.laporan_akrubulan_pecahan',compact('akrubulan','year'))->setPaper('a4', 'potrait');
|
||||
return $pdf->download('laporan_akrubulanpecahan' . $year . '.pdf');
|
||||
}else{
|
||||
return view('akaun.laporan_akrubulan_pecahan',compact('akrubulan','year'));
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -146,7 +146,7 @@
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
||||
<router-link to="/akaunhome/akrubulan">
|
||||
<router-link to="/akaunhome/akrubulanpecahan">
|
||||
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Akru Bulanan Pecahan</h2>
|
||||
</router-link>
|
||||
</div>
|
||||
|
||||
+303
-372
@@ -1,392 +1,323 @@
|
||||
<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="/akaunhome">
|
||||
<i class="fas fa-backspace text-white"></i>
|
||||
</router-link>
|
||||
<span class="text-center mx-auto text-white font-bold"
|
||||
>Imbang Duga</span
|
||||
>
|
||||
</div>
|
||||
<form
|
||||
method="get"
|
||||
id="formgadaian"
|
||||
:action="Urlredirect()"
|
||||
target="_blank"
|
||||
>
|
||||
<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 class="flex">
|
||||
<input :value="kodcaw" name="kodcaw" hidden />
|
||||
<input :value="hostname" name="hostname" hidden />
|
||||
<input :value="jenisgenerate" type="hidden" name="jenis" />
|
||||
<span
|
||||
style="background-color: #f9fafb"
|
||||
class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
|
||||
>Mula</span
|
||||
<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"
|
||||
>
|
||||
<input
|
||||
id="tarikhmula"
|
||||
name="datetarikh"
|
||||
@change="dateChecking"
|
||||
class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
|
||||
type="date"
|
||||
/>
|
||||
<span
|
||||
style="background-color: #f9fafb"
|
||||
class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
|
||||
>Hingga</span
|
||||
<router-link to="/akaunhome">
|
||||
<i class="fas fa-backspace text-white"></i>
|
||||
</router-link>
|
||||
<span class="text-center mx-auto text-white font-bold"
|
||||
>Imbang Duga</span
|
||||
>
|
||||
</div>
|
||||
<form
|
||||
method="get"
|
||||
id="formgadaian"
|
||||
:action="Urlredirect()"
|
||||
target="_blank"
|
||||
>
|
||||
<input
|
||||
id="tarikhhingga"
|
||||
name="datehingga"
|
||||
@change="dateChecking"
|
||||
class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
|
||||
type="date"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex justify-end mt-5">
|
||||
<button
|
||||
@click.prevent="generateview"
|
||||
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-eye mr-2"></i>Cari
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-5 my-10">
|
||||
<modal ref="modal" @clickEvent_="getImbangDuga"></modal>
|
||||
<table class="min-w-full leading-normal">
|
||||
<thead class="text-center">
|
||||
<tr>
|
||||
<th
|
||||
class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Bil
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tarikh
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Kod Caw
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tanggungan Semasa
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Harta Semasa
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tag Telly
|
||||
</th>
|
||||
<th
|
||||
class="px-10 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Act
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
1
|
||||
</td>
|
||||
<td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
2024-06-19
|
||||
</td> -->
|
||||
<!-- <td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
1234
|
||||
</td>
|
||||
<td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
5000
|
||||
</td>
|
||||
<td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
10000
|
||||
</td>
|
||||
<td class="px-5 py-3 border-b border-gray-200 bg-white text-sm">
|
||||
Tag123
|
||||
</td> -->
|
||||
<tr v-for="(imbangduga, i) in showimbangduga.data" :key="i">
|
||||
<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" v-text="(showimbangduga.from + i)"></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" v-text="formatterfunction(imbangduga.tarikh)">
|
||||
</p>
|
||||
<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 class="flex">
|
||||
<span
|
||||
style="background-color: #f9fafb"
|
||||
class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
|
||||
>Mula</span
|
||||
>
|
||||
<input
|
||||
id="tarikhmula"
|
||||
name="datetarikh"
|
||||
@change="dateChecking"
|
||||
v-model="tarikhmula"
|
||||
class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
|
||||
type="date"
|
||||
/>
|
||||
<span
|
||||
style="background-color: #f9fafb"
|
||||
class="text-gray-600 border rounded-l px-4 py-2 whitespace-no-wrap"
|
||||
>Hingga</span
|
||||
>
|
||||
<input
|
||||
id="tarikhhingga"
|
||||
name="datehingga"
|
||||
v-model="tarikhhingga"
|
||||
@change="dateChecking"
|
||||
class="border border-l-0 rounded-r px-4 py-2 w-1/2 mr-2"
|
||||
type="date"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex justify-end mt-5">
|
||||
<button
|
||||
@click.prevent="getImbangDuga(1)"
|
||||
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-eye mr-2"></i>Cari
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</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" v-text="formatterfunction(imbangduga.kodCaw)">
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</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" v-text="formatterfunction(imbangduga.tanggunganSemasa)">
|
||||
</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" v-text="formatterfunction(imbangduga.hartaSemasa )">
|
||||
</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" v-text="formatterfunction(imbangduga.tagTelly)">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
||||
<button
|
||||
@click="action('2024', 'kb2')"
|
||||
class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-card-checklist"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
|
||||
/>
|
||||
<path
|
||||
d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<pagination :data="paginate" @clickEvent_="getImbangDuga"></pagination>
|
||||
</div>
|
||||
<div class="container mx-auto px-5 my-10">
|
||||
<modal ref="modal"></modal>
|
||||
<table class="min-w-full leading-normal">
|
||||
<thead class="text-center">
|
||||
<tr>
|
||||
<th
|
||||
class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
></th>
|
||||
<th
|
||||
class="px-4 py-8 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Bil
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tarikh
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Kod Caw
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tanggungan Semasa
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Harta Semasa
|
||||
</th>
|
||||
<th
|
||||
class="px-4 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Tag Telly
|
||||
</th>
|
||||
<th
|
||||
class="px-10 py-6 border-b-2 border-gray-200 bg-gray-100 text-left text-sm font-semibold text-gray-600 uppercase tracking-wider"
|
||||
>
|
||||
Act
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(imbangduga, i) in showimbangduga.data" :key="i">
|
||||
<td
|
||||
class="px-5 py-5 border-b border-gray-200 bg-white text-sm"
|
||||
>
|
||||
|
||||
</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"
|
||||
v-text="showimbangduga.from + i"
|
||||
></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"
|
||||
v-text="imbangduga.tarikh"
|
||||
></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"
|
||||
v-text="imbangduga.kodcaw"
|
||||
></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"
|
||||
v-text="
|
||||
formatterfunction(
|
||||
imbangduga.totaltanggungan
|
||||
)
|
||||
"
|
||||
></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"
|
||||
v-text="
|
||||
formatterfunction(
|
||||
imbangduga.totalharta
|
||||
)
|
||||
"
|
||||
></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">
|
||||
<span
|
||||
:class="{
|
||||
'bg-green-100 text-green-800 border-green-400 dark:text-green-400':
|
||||
imbangduga.tagtally,
|
||||
}"
|
||||
class="bg-red-100 text-red-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-red-400 border border-red-400"
|
||||
>          </span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td
|
||||
class="px-5 py-5 border-b border-gray-200 bg-white text-sm"
|
||||
>
|
||||
<button
|
||||
@click="action('2024', 'kb2')"
|
||||
class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-card-checklist"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
|
||||
/>
|
||||
<path
|
||||
d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<pagination
|
||||
:data="paginate"
|
||||
@clickEvent_="getImbangDuga"
|
||||
></pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import modal from "../components/util/ImbangdugaModal.vue";
|
||||
// import pagination from './pagination.veu'
|
||||
import pagination from "../components/pagination.vue";
|
||||
|
||||
const formatter = new Intl.NumberFormat("en-US", {
|
||||
minimumFractionDigits: 2,
|
||||
minimumFractionDigits: 2,
|
||||
});
|
||||
|
||||
export default {
|
||||
components: {
|
||||
pagination,
|
||||
modal
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
jenisgenerate: "none",
|
||||
kodcaw: "",
|
||||
hostname: "",
|
||||
|
||||
index: 0,
|
||||
leftToRight: true,
|
||||
imbangduga: [],
|
||||
PaginationLimit: 2,
|
||||
perPage: 5,
|
||||
totalPage: 0,
|
||||
currentPage: 1,
|
||||
lastPage: 5,
|
||||
showimbangduga: [],
|
||||
paginate: {},
|
||||
activePage: 1,
|
||||
showLoader: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async generatepdf() {
|
||||
await this.setJenis("pdf");
|
||||
|
||||
var tarikhMula = document.getElementById("tarikhmula");
|
||||
var tarikhHingga = document.getElementById("tarikhhingga");
|
||||
|
||||
var tarikh1 = new Date(tarikhMula.value);
|
||||
var tarikh2 = new Date(tarikhHingga.value);
|
||||
var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
|
||||
var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
|
||||
|
||||
if (Difference_In_Days > 62) {
|
||||
this.$swal({
|
||||
text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
|
||||
icon: "error",
|
||||
allowEscapeKey: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: true,
|
||||
});
|
||||
} else {
|
||||
this.$swal({
|
||||
title: "Memuatkan...",
|
||||
allowEscapeKey: false,
|
||||
allowOutsideClick: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: false,
|
||||
timer: 8000,
|
||||
});
|
||||
|
||||
document.getElementById("formgadaian").submit();
|
||||
}
|
||||
},
|
||||
async generateview() {
|
||||
await this.setJenis("view");
|
||||
var tarikhMula = document.getElementById("tarikhmula");
|
||||
var tarikhHingga = document.getElementById("tarikhhingga");
|
||||
|
||||
var tarikh1 = new Date(tarikhMula.value);
|
||||
var tarikh2 = new Date(tarikhHingga.value);
|
||||
var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
|
||||
var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
|
||||
|
||||
if (Difference_In_Days > 62) {
|
||||
this.$swal({
|
||||
text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
|
||||
icon: "error",
|
||||
allowEscapeKey: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: true,
|
||||
});
|
||||
} else {
|
||||
this.$swal({
|
||||
title: "Memuatkan...",
|
||||
allowEscapeKey: false,
|
||||
allowOutsideClick: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: false,
|
||||
timer: 8000,
|
||||
});
|
||||
document.getElementById("formgadaian").submit();
|
||||
}
|
||||
components: {
|
||||
pagination,
|
||||
modal,
|
||||
},
|
||||
|
||||
Urlredirect: function () {
|
||||
return window.route("cetak.gadaian");
|
||||
data() {
|
||||
return {
|
||||
tarikhmula: "",
|
||||
tarikhhingga: "",
|
||||
|
||||
index: 0,
|
||||
leftToRight: true,
|
||||
imbangduga: [],
|
||||
PaginationLimit: 2,
|
||||
perPage: 5,
|
||||
totalPage: 0,
|
||||
currentPage: 1,
|
||||
lastPage: 5,
|
||||
showimbangduga: [],
|
||||
paginate: {},
|
||||
activePage: 1,
|
||||
showLoader: false,
|
||||
};
|
||||
},
|
||||
setJenis: function (value) {
|
||||
this.jenisgenerate = value;
|
||||
methods: {
|
||||
Urlredirect: function () {
|
||||
return window.route("cetak.gadaian");
|
||||
},
|
||||
|
||||
dateChecking() {
|
||||
var tarikhMula = document.getElementById("tarikhmula");
|
||||
var tarikhHingga = document.getElementById("tarikhhingga");
|
||||
|
||||
var tarikh1 = new Date(tarikhMula.value);
|
||||
var tarikh2 = new Date(tarikhHingga.value);
|
||||
var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
|
||||
var Difference_In_Days =
|
||||
Difference_In_Time / (1000 * 3600 * 24) + 1;
|
||||
|
||||
if (Difference_In_Days > 62) {
|
||||
this.$swal({
|
||||
text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
|
||||
icon: "error",
|
||||
allowEscapeKey: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: true,
|
||||
});
|
||||
}
|
||||
},
|
||||
action(tarikhmula, kodcaw, tarikhhingga) {
|
||||
this.$refs.modal.showModal = true;
|
||||
},
|
||||
|
||||
getImbangDuga(pageNumber) {
|
||||
this.axios
|
||||
.get(this.$hostname + "/api/reports/balancesheets/get", {
|
||||
params: {
|
||||
kodcaw: this.$kodcaw,
|
||||
mula: this.tarikhmula,
|
||||
hingga: this.tarikhhingga,
|
||||
page: pageNumber,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
this.showimbangduga = response.data;
|
||||
this.paginate = response.data;
|
||||
});
|
||||
},
|
||||
|
||||
formatterfunction(value) {
|
||||
return formatter.format(value);
|
||||
},
|
||||
},
|
||||
|
||||
dateChecking() {
|
||||
var tarikhMula = document.getElementById("tarikhmula");
|
||||
var tarikhHingga = document.getElementById("tarikhhingga");
|
||||
|
||||
var tarikh1 = new Date(tarikhMula.value);
|
||||
var tarikh2 = new Date(tarikhHingga.value);
|
||||
var Difference_In_Time = tarikh2.getTime() - tarikh1.getTime();
|
||||
var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24) + 1;
|
||||
|
||||
if (Difference_In_Days > 62) {
|
||||
this.$swal({
|
||||
text: "Sila Pilih Tarikh Kurang Dari 2 Bulan",
|
||||
icon: "error",
|
||||
allowEscapeKey: false,
|
||||
showCancelButton: false,
|
||||
showConfirmButton: true,
|
||||
});
|
||||
}
|
||||
},
|
||||
// .then(function (response) {
|
||||
// console.log(response);
|
||||
// })
|
||||
|
||||
// .catch(function (error) {
|
||||
// console.log(error);
|
||||
// })
|
||||
|
||||
// .finally(function () {});
|
||||
// },
|
||||
},
|
||||
action(tarikhmula,kodcaw, tarikhhingga) {
|
||||
this.$refs.modal.showModal = true;
|
||||
axios.get('', {
|
||||
params: {
|
||||
hostname:this.$hostname,
|
||||
kodcaw: kodcaw,
|
||||
mula: tarikhmula,
|
||||
hingga: tarikhhingga,
|
||||
}
|
||||
}).then(response => {
|
||||
|
||||
if(response.data === 'sama')
|
||||
{
|
||||
this.showLoader = false;
|
||||
this.$toast("Nilai Tunai sama dengan nilai tunai");
|
||||
|
||||
}else{
|
||||
this.Imban = response.data;
|
||||
this.showLoader = false;
|
||||
this.$refs.modal.showModal = true;
|
||||
this.$refs.modal.tarikh= tarikh;
|
||||
this.$refs.modal.kod = kodcaw;
|
||||
this.$refs.modal.kod = kodcaw;
|
||||
this.$refs.modal.kod = kodcaw;
|
||||
this.$refs.modal.kod = kodcaw;
|
||||
this.$refs.modal.kod = kodcaw;
|
||||
this.$refs.modal.pageNumber = this.currentPage;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
getImbangDuga(pageNumber) {
|
||||
this.axios.get(this.$hostname + "/api/reports/getBalanceSheetsList", {
|
||||
params: {
|
||||
kodcaw: kodcawteller,
|
||||
mula: tarikhmula,
|
||||
hingga: tarikhhingga,
|
||||
page: pageNumber,
|
||||
},
|
||||
|
||||
}).then(response => {
|
||||
console.log(response)
|
||||
});
|
||||
|
||||
},
|
||||
formatterfunction(value) {
|
||||
return formatter.format(value);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<div>
|
||||
<transition name="modal-fade">
|
||||
<div v-if="showModal" class="modal-overlay show"></div>
|
||||
</transition>
|
||||
<transition name="modal-fade">
|
||||
<div
|
||||
v-if="showModal"
|
||||
class="overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex"
|
||||
>
|
||||
<div class="relative w-screen my-6 mx-auto max-w-6xl">
|
||||
<!--content-->
|
||||
<div
|
||||
class="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none"
|
||||
>
|
||||
<!--header-->
|
||||
<div
|
||||
class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t"
|
||||
>
|
||||
<h3 class="text-3xl font-semibold">
|
||||
Hasil Penukaran
|
||||
</h3>
|
||||
<button
|
||||
class="p-1 ml-auto border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none"
|
||||
v-on:click="toggleModal()"
|
||||
>
|
||||
<span
|
||||
class="text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none"
|
||||
>
|
||||
×
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<!--body-->
|
||||
|
||||
test
|
||||
<!--footer-->
|
||||
<div
|
||||
class="flex items-center justify-end p-6 border-t border-solid border-blueGray-200 rounded-b"
|
||||
>
|
||||
<button
|
||||
class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 border border-gray-700 rounded mr-1"
|
||||
type="button"
|
||||
v-on:click="toggleModal()"
|
||||
>
|
||||
Batal
|
||||
</button>
|
||||
<button
|
||||
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded"
|
||||
type="button"
|
||||
v-on:click="kemaskinifunc()"
|
||||
>
|
||||
Kemaskini
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: "resultmodal",
|
||||
data() {
|
||||
return {
|
||||
showModal: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toggleModal: function () {
|
||||
this.showModal = !this.showModal;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.modal-fade-enter-active,
|
||||
.modal-fade-leave-active {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.modal-fade-enter, .modal-fade-leave-to /* .modal-fade-leave-active in <2.1.8 */ {
|
||||
opacity: 0;
|
||||
}
|
||||
.modal-overlay {
|
||||
background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 40; /* Ensure it is behind the modal but in front of other content */
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.modal-overlay.show {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
@@ -1,92 +1,229 @@
|
||||
<template>
|
||||
<div>
|
||||
<transition name="modal-fade">
|
||||
<div v-if="showModal" class="overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex">
|
||||
<div class="relative w-screen my-6 mx-auto max-w-6xl">
|
||||
<!--content-->
|
||||
<div class="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none">
|
||||
<!--header-->
|
||||
<div class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t">
|
||||
<h3 class="text-3xl font-semibold">
|
||||
Pemeriksaan Imbang Duga
|
||||
</h3>
|
||||
<button class="p-1 ml-auto border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none" v-on:click="toggleModal()">
|
||||
<span class=" text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none">
|
||||
×
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<!--body-->
|
||||
|
||||
<!--footer-->
|
||||
<div class="flex items-center justify-end p-6 border-t border-solid border-blueGray-200 rounded-b">
|
||||
<button class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 border border-gray-700 rounded mr-1" type="button" v-on:click="toggleModal()">
|
||||
Batal
|
||||
</button>
|
||||
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded" type="button" v-on:click="kemaskinifunc()">
|
||||
Kemaskini
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<transition name="modal-fade">
|
||||
<div v-if="showModal" class="modal-overlay show"></div>
|
||||
</transition>
|
||||
<transition name="modal-fade">
|
||||
<div
|
||||
v-if="showModal"
|
||||
class="overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none justify-center items-center flex"
|
||||
>
|
||||
<div class="relative w-screen my-6 mx-auto max-w-6xl">
|
||||
<!--content-->
|
||||
<div
|
||||
class="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none"
|
||||
>
|
||||
<!--header-->
|
||||
<div
|
||||
class="flex items-start bg-gray-200 justify-between p-5 border-b border-solid border-blueGray-200 rounded-t"
|
||||
>
|
||||
<h3 class="text-3xl font-semibold">
|
||||
Pemilihan Kemaskini
|
||||
</h3>
|
||||
<button
|
||||
class="p-1 ml-auto border-0 text-black opacity-5 float-right text-3xl leading-none font-semibold outline-none focus:outline-none"
|
||||
v-on:click="toggleModal()"
|
||||
>
|
||||
<span
|
||||
class="text-black opacity-5 h-6 w-6 text-2xl block outline-none focus:outline-none"
|
||||
>
|
||||
×
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<!--body-->
|
||||
<div>
|
||||
<div class="grid sm:grid-cols-3 gap-2 p-4">
|
||||
<label
|
||||
for="checkbox-tunai"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-tunai"
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Tunai Di Tangan</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-pembiayaan"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-pembiayaan"
|
||||
checked=""
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Pembiayaan Di Bawah Tawarruq</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-serahan"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-serahan"
|
||||
checked=""
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Serahan Kepada HQ</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-pendahuluan"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-pendahuluan"
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Bayaran Pendahuluan</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-panjar"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-panjar"
|
||||
checked=""
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Panjar</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-lelong"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-lelong"
|
||||
checked=""
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Lelong</span
|
||||
>
|
||||
</label>
|
||||
|
||||
<label
|
||||
for="checkbox-pendahuluanhq"
|
||||
class="flex p-3 w-full bg-white border border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
v-model="selectedCheckbox"
|
||||
class="shrink-0 mt-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800"
|
||||
id="checkbox-pendahuluanhq"
|
||||
checked=""
|
||||
/>
|
||||
<span
|
||||
class="ml-2 text-sm text-gray-500 ms-3 dark:text-neutral-400"
|
||||
>Pendahuluan kepada HQ</span
|
||||
>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!--footer-->
|
||||
<div
|
||||
class="flex items-center justify-end p-6 border-t border-solid border-blueGray-200 rounded-b"
|
||||
>
|
||||
<button
|
||||
class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 border border-gray-700 rounded mr-1"
|
||||
type="button"
|
||||
v-on:click="toggleModal()"
|
||||
>
|
||||
Batal
|
||||
</button>
|
||||
<button
|
||||
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 border border-blue-700 rounded"
|
||||
type="button"
|
||||
v-on:click="resultfunc()"
|
||||
>
|
||||
Seterusnya
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import modal from "../components/util/ImbangdugaModal.vue";
|
||||
import resultmodal from "../../ImbangDuga/result.vue"
|
||||
|
||||
export default {
|
||||
name: "modal",
|
||||
data() {
|
||||
return {
|
||||
showModal: false,
|
||||
tarikh: Date,
|
||||
kodcaw: String,
|
||||
bakiawal: 0,
|
||||
bakiakhir: 0,
|
||||
pendahuluan: 0,
|
||||
serahan: 0,
|
||||
pendteller: 0,
|
||||
serteller: 0,
|
||||
panjar: 0
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleModal: function(){
|
||||
this.showModal = !this.showModal;
|
||||
name: "modal",
|
||||
components: {
|
||||
resultmodal,
|
||||
},
|
||||
kemaskinifunc: function(){
|
||||
|
||||
// axios.put('/api/check/imbangduga',
|
||||
// {
|
||||
// hostname:this.$hostname,
|
||||
// tarikh: this.tarikh,
|
||||
// kodcaw: this.kodcaw,
|
||||
// bakiawal: this.bakiawal.replace(/[^0-9.-]+/g,""),
|
||||
// keluar: this.pendteller.replace(/[^0-9.-]+/g,""),
|
||||
// masuk: this.serteller.replace(/[^0-9.-]+/g,""),
|
||||
// pendahuluan: this.pendahuluan.replace(/[^0-9.-]+/g,""),
|
||||
// serahan: this.serahan.replace(/[^0-9.-]+/g,""),
|
||||
// panjar: this.panjar.replace(/[^0-9.-]+/g,""),
|
||||
// bakiakhir: this.bakiakhir.replace(/[^0-9.-]+/g,"")
|
||||
|
||||
// }).then(response => {
|
||||
|
||||
if(response.data == 'berjaya')
|
||||
{
|
||||
this.showModal = false;
|
||||
this.$toast.success("Kemaskini Sudah Berjaya!")
|
||||
|
||||
setTimeout("window.location.reload()", 3000);
|
||||
}else{
|
||||
|
||||
this.showModal = false;
|
||||
this.$toast.error("Kemaskini tidak berjaya")
|
||||
data() {
|
||||
return {
|
||||
showModal: false,
|
||||
selectedCheckbox: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toggleModal: function () {
|
||||
this.showModal = !this.showModal;
|
||||
},
|
||||
resultfunc: function(){
|
||||
console.log('test');
|
||||
console.log(this.selectedCheckbox);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.modal-fade-enter-active,
|
||||
.modal-fade-leave-active {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.modal-fade-enter, .modal-fade-leave-to /* .modal-fade-leave-active in <2.1.8 */ {
|
||||
opacity: 0;
|
||||
}
|
||||
.modal-overlay {
|
||||
background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 40; /* Ensure it is behind the modal but in front of other content */
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.modal-overlay.show {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
Vendored
+1
-1
@@ -63,7 +63,6 @@ import UpahSimpanPage from './Audit/UpahSimpan'
|
||||
|
||||
|
||||
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
export default new VueRouter({
|
||||
@@ -92,6 +91,7 @@ export default new VueRouter({
|
||||
{ path: '/akaunhome/PetiBesi', component: PetiBesi },
|
||||
{ path: '/akaunhome/prestasi', component: Prestasi },
|
||||
{ path: '/akaunhome/akrubulan', component: AkruBulan },
|
||||
{ path: '/akaunhome/akrubulanpecahan', component: AkruBulanPecahan },
|
||||
{ path: '/akaunhome/serahgadai', component: SerahGadai },
|
||||
{ path: '/akaunhome/serahtebus', component: SerahTebus },
|
||||
{ path: '/akaunhome/online', component: Online },
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<a href="{{ route('tetapanaros') }}"
|
||||
{{-- <a href="{{ route('tetapanaros') }}"
|
||||
class="rounded mb-2 mr-2 {{ Route::is('tetapanaros') || Route::is('tetapanaros.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||||
<div class="flex items-center">
|
||||
@@ -83,7 +83,7 @@
|
||||
<span class="ml-2 text-lg">Tetapan</span>
|
||||
</div>
|
||||
</li>
|
||||
</a>
|
||||
</a> --}}
|
||||
|
||||
<a href="{{ route('pelanggan') }}"
|
||||
class="rounded mb-2 mr-2 {{ Route::is('pelanggan') || Route::is('pelanggan.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||||
|
||||
@@ -111,6 +111,7 @@ Route::get('/akaunhome/cetakaging',['as'=>'cetak.aging','uses'=>'App\Http\Contro
|
||||
Route::get('/akaunhome/cetakpetibesi',['as'=>'cetak.petibesi','uses'=>'App\Http\Controllers\AkaunController@cetakPetiBesi'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/prestasi',['as'=>'cetak.prestasi','uses'=>'App\Http\Controllers\AkaunController@cetakLaporanPrestasi'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/cetakakrubulan',['as'=>'cetak.akrubulan','uses'=>'App\Http\Controllers\AkaunController@cetak_akru_bulanan'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/cetakakrubulanpecahan',['as'=>'cetak.akrubulan_pecahan','uses'=>'App\Http\Controllers\AkaunController@cetak_akrubulanpecahan'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/cetakserahgadai',['as'=>'cetak.serahgadai','uses'=>'App\Http\Controllers\AkaunController@cetak_serahgadai'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/cetakserahtebus',['as'=>'cetak.serahtebus','uses'=>'App\Http\Controllers\AkaunController@cetak_serahtebus'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
Route::get('/akaunhome/cetakonline',['as'=>'cetak.online','uses'=>'App\Http\Controllers\AkaunController@cetak_laporan_online'])->middleware(['roleChecker:admin,akaun,operasi,kpo,callcenter']);
|
||||
|
||||
Reference in New Issue
Block a user