Refactor Anomali_LAPPGU_LPP component and update data binding
This commit is contained in:
@@ -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)
|
||||
|
Reference in New Issue
Block a user