fix skit2

This commit is contained in:
hafifierahman
2021-12-30 17:31:31 +08:00
parent 4c4df8b901
commit a1fbeeceed
9 changed files with 18237 additions and 566 deletions
+7759 -521
View File
File diff suppressed because it is too large Load Diff
+1
View File
@@ -39,6 +39,7 @@
"vue-apexcharts": "^1.6.2",
"vue-axios": "^3.4.0",
"vue-class-component": "^7.2.6",
"vue-loading-spinner": "^1.0.11",
"vue-property-decorator": "^9.1.2",
"vue-pusher": "^1.1.0",
"vue-router": "^3.5.3",
+10348 -37
View File
File diff suppressed because one or more lines are too long
+4 -1
View File
@@ -16,6 +16,7 @@ import Toast from "vue-toastification"
import "vue-toastification/dist/index.css"
import router from './routes'
import Vuelidate from 'vuelidate'
import {RotateSquare2} from 'vue-loading-spinner'
import datetime from 'vuejs-datetimepicker';
require('./bootstrap');
@@ -76,12 +77,14 @@ Vue.component('searchpelanggan-component', require('./components/Searchpelanggan
Vue.component('laporanakaun-component', require('./Akaun/Laporan.vue').default)
Vue.component('online-component', require('./Online/Online.vue').default)
Vue.component('details-pelanggan', require('./pages/Detailspelanggan.vue').default)
Vue.component('blacklist-pelanggan', require('./pages/Blacklist.vue').default)
Vue.component('harian-component', require('./components/Analisa/Harian.vue').default)
Vue.component('tahunan-component', require('./components/Analisa/Tahunan.vue').default)
Vue.component('square-component', require('./components/util/Clock.vue').default)
Vue.component('bilangan-component', require('./components/Chart/BilanganChart.vue').default)
+5 -5
View File
@@ -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>
+103
View File
@@ -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>
+14
View File
@@ -0,0 +1,14 @@
<template>
<div>
<rotate-square2></rotate-square2>
</div>
</template>
<script>
import {RotateSquare2} from 'vue-loading-spinner'
export default {
components: {
RotateSquare2
}
}
</script>
+2
View File
@@ -42,6 +42,8 @@
</div>
</div>
<tahunan-component kodcaw={{ Auth::user()->cawangan }}></tahunan-component>
<bilangan-component kodcaw={{ Auth::user()->cawangan }}></bilangan-component>
+1 -2
View File
@@ -70,7 +70,7 @@
</style>
</head>
<body class="bg-gray-200">
<body @auth class="bg-gray-200" @endauth @guest class="bg-white" @endguest>
<script>
openNav = () => {
let toggle = document.getElementById("mySidebar");
@@ -128,7 +128,6 @@
</a> --}}
<clock-component></clock-component>
{{-- <clock-component></clock-component> --}}
{{-- <div class="mx-auto">
<a class="text-yellow-200 rounded bg-gray-400 px-6 py-3 font-bold mr-4">