Refactor Anomali_LAPPGU_LPP component and update data binding

This commit is contained in:
Dede Fuji Abdul
2024-04-01 13:53:05 +07:00
parent 67e6463c9a
commit ab8474823c
3 changed files with 121 additions and 109 deletions

View File

@@ -11,7 +11,7 @@
</Filters>
<Anomali_LAPPGU_LPT :data="data" :loading="loadingData" :filters="filters" />
<Anomali_LAPPGU_LPP :data="data" />
<Anomali_LAPPGU_LPP :data="dataSecond" />
</template>
<script setup lang="ts">
@@ -27,13 +27,8 @@ import { provideApolloClient } from '@vue/apollo-composable'
const client = apolloClient()
provideApolloClient(client)
const data = ref<any[]>([])
const dataSub = ref<any[]>([])
const dataSelected = ref<any>()
const dataSubSelected = ref<any>()
const dialogDetail = ref(false)
const closedialogDetail = () => (dialogDetail.value = false)
const dataSecond = ref<any[]>([])
const loadingData = ref(false)
const loadingSubData = ref(false)
const filters = ref({
jenisLaporan: {
id: 1,
@@ -46,7 +41,7 @@ const filters = ref({
const resetData = () => {
data.value = []
dataSub.value = []
dataSecond.value = []
}
const filterData = async (params: any) => {
@@ -89,6 +84,32 @@ const filterData = async (params: any) => {
} else {
data.value = []
}
var unitName = ''
if (uid.id == 0) {
unitName = 'Semua Unit'
} else {
unitName = uid.name
if (up3.id != 0) {
unitName = up3.name
if (ulp.id != 0) {
unitName = ulp.name
}
}
}
dataSecond.value = [
{
nama_ulp: unitName,
wo_pln_mobile: data.value.reduce((acc, cur) => acc + cur.wo_pln_mobile, 0),
total_anomali_marking: data.value.reduce(
(acc, cur) => acc + cur.total_anomali_marking,
0
),
persen_anomali_marking:
(data.value.reduce((acc, cur) => acc + cur.total_anomali_marking, 0) /
data.value.reduce((acc, cur) => acc + cur.wo_pln_mobile, 0)) *
100
}
]
})
.catch((err) => {
console.error(err)