fix skit2
This commit is contained in:
@@ -45,11 +45,11 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
|
||||
</svg>
|
||||
</h3>
|
||||
<!-- <h3 v-else class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentgadaian.toFixed(2) }}%
|
||||
<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> -->
|
||||
</h3>
|
||||
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -104,11 +104,11 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
|
||||
</svg>
|
||||
</h3>
|
||||
<!-- <h3 v-else class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentpenebusan.toFixed(2) }}%
|
||||
<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> -->
|
||||
</h3>
|
||||
<span class="text-xs leading-none font-bold text-gray-900 ml-4">Varians.</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -163,7 +163,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
|
||||
</svg>
|
||||
</h3>
|
||||
<h3 v-else class="text-base font-bold -mt-1 text-red-500 flex items-center mx-auto">{{ percentkeuntungan.toFixed(2) }}%
|
||||
<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>
|
||||
|
||||
@@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<div class="mb-4 w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 mt-4">
|
||||
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8">
|
||||
<div class="mb-3 mx-auto justify-center flex">
|
||||
<h3 class="text-3xl font-bold text-gray-500">Pembiayaan Terkumpul</h3>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded mr-2">Actual : {{ this.pembiayaanterkumpul }}</h3>
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded">Bajet : {{ this.pembiayaanbajet }}</h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8">
|
||||
<div class="mb-3 mx-auto justify-center flex">
|
||||
<h3 class="text-3xl font-bold text-gray-500">Penebusan Terkumpul</h3>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded mr-2">Actual : {{ this.penebusanterkumpul }}</h3>
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded">Bajet : {{ this.penebusanbajet }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8">
|
||||
<div class="mb-3 mx-auto justify-center flex">
|
||||
<h3 class="text-3xl font-bold text-gray-500">Keuntungan Terkumpul</h3>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded mr-2">Actual : {{ this.keuntunganterkumpul }}</h3>
|
||||
<h3 class="bg-blue-300 uppercase font-bold text-black px-2 py-2 rounded">Bajet : {{ this.keuntunganbajet }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
export default {
|
||||
props:{
|
||||
kodcaw: String
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
pembiayaanterkumpul:0,
|
||||
pembiayaanbajet:0,
|
||||
penebusanterkumpul:0,
|
||||
penebusanbajet:0,
|
||||
keuntunganterkumpul:0,
|
||||
keuntunganbajet:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getDataPembiayaan()
|
||||
this.getDataPenebusan()
|
||||
this.getDataKeuntungan()
|
||||
},
|
||||
methods: {
|
||||
getDataPembiayaan() {
|
||||
this.axios.get('http://localhost:8000/admin/pembiayaanTahunan', {
|
||||
params: {
|
||||
kodcaw: this.$props.kodcaw
|
||||
}
|
||||
}).then(response => {
|
||||
this.pembiayaanterkumpul = formatter.format(response.data[0].total);
|
||||
this.pembiayaanbajet = formatter.format(response.data[0].bajet);
|
||||
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
})
|
||||
},
|
||||
getDataPenebusan(){
|
||||
this.axios.get('http://localhost:8000/admin/penebusanTahunan', {
|
||||
params: {
|
||||
kodcaw: this.$props.kodcaw
|
||||
}
|
||||
}).then(response => {
|
||||
this.penebusanterkumpul = formatter.format(response.data[0].total);
|
||||
this.penebusanbajet = formatter.format(response.data[0].bajet);
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
})
|
||||
},
|
||||
getDataKeuntungan(){
|
||||
this.axios.get('http://localhost:8000/admin/keuntunganTahunan', {
|
||||
params: {
|
||||
kodcaw: this.$props.kodcaw
|
||||
}
|
||||
}).then(response => {
|
||||
this.keuntunganterkumpul = formatter.format(response.data[0].total);
|
||||
this.keuntunganbajet = formatter.format(response.data[0].bajet);
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div>
|
||||
<rotate-square2></rotate-square2>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {RotateSquare2} from 'vue-loading-spinner'
|
||||
export default {
|
||||
components: {
|
||||
RotateSquare2
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user