fxi skit2
This commit is contained in:
@@ -1,10 +1,14 @@
|
||||
<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 ">
|
||||
<h3 class="text-2xl font-bold text-gray-500 flex items-center mx-auto">Pembiayaan</h3>
|
||||
<div class="flex items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ gadaianharian }}</span>
|
||||
<h3 class="text-base font-normal text-gray-500">Pembiayaan Hari Ini</h3>
|
||||
<div class="grid grid-rows-3">
|
||||
<span class="text-2xl sm:text-xl leading-none font-bold text-gray-900">BULAN : RM {{ gadaianharian }}</span>
|
||||
<span class="text-2xl sm:text-xl leading-none font-bold text-gray-900">HARI INI : RM {{ gadaianharian }}</span>
|
||||
<span class="text-2xl sm:text-xl leading-none font-bold text-gray-900">BAJET : RM {{ bajetgadaian }}</span>
|
||||
<span class="text-2xl sm:text-xl leading-none font-bold text-gray-900">VARIANS : RM {{ bajetgadaian }}</span>
|
||||
|
||||
</div>
|
||||
<div v-if="percentgadaian > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
|
||||
{{ percentgadaian.toFixed(2) }}%
|
||||
@@ -29,7 +33,7 @@
|
||||
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
|
||||
<div class="flex items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ penebusanharian }}</span>
|
||||
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ penebusanharian }} / RM {{ bajetpenebusan }}</span>
|
||||
<h3 class="text-base font-normal text-gray-500">Penebusan Hari Ini</h3>
|
||||
</div>
|
||||
<div v-if="percentpenebusan > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
|
||||
@@ -55,7 +59,7 @@
|
||||
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
|
||||
<div class="flex items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ keuntunganharian }}</span>
|
||||
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">RM {{ keuntunganharian }} / RM {{ bajetkeuntungan }}</span>
|
||||
<h3 class="text-base font-normal text-gray-500">Keuntungan Hari Ini</h3>
|
||||
</div>
|
||||
<div v-if="percentkeuntungan > 0" class="ml-5 w-0 flex items-center justify-end flex-1 text-green-500 text-base font-bold">
|
||||
@@ -94,10 +98,13 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
keuntunganharian:0,
|
||||
bajetkeuntungan:0,
|
||||
percentkeuntungan:0,
|
||||
penebusanharian:0,
|
||||
bajetpenebusan:0,
|
||||
percentpenebusan:0,
|
||||
gadaianharian:0,
|
||||
bajetgadai:0,
|
||||
percentgadaian:0
|
||||
};
|
||||
},
|
||||
@@ -114,6 +121,7 @@ export default {
|
||||
}
|
||||
}).then(response => {
|
||||
this.gadaianharian = formatter.format(response.data[0].gadaiToday)
|
||||
this.bajetgadaian = formatter.format(response.data[0].bajetharian)
|
||||
this.percentgadaian = response.data[0].percentDiff
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
@@ -126,6 +134,7 @@ export default {
|
||||
}
|
||||
}).then(response => {
|
||||
this.penebusanharian = formatter.format(response.data[0].tebusToday)
|
||||
this.bajetpenebusan = formatter.format(response.data[0].bajetharian)
|
||||
this.percentpenebusan = response.data[0].percentDiff
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
@@ -138,6 +147,7 @@ export default {
|
||||
}
|
||||
}).then(response => {
|
||||
this.keuntunganharian = formatter.format(response.data[0].upahToday)
|
||||
this.bajetkeuntungan = formatter.format(response.data[0].bajetharian)
|
||||
this.percentkeuntungan = response.data[0].percentDiff
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
|
||||
Reference in New Issue
Block a user