Fix filter update in Keluhan and Gangguan components
This commit is contained in:
parent
d3ae911579
commit
9cb4551bb9
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -58,7 +58,6 @@ import { Workbook } from 'exceljs'
|
||||
import { Type1 } from '@/components/Form/FiltersType'
|
||||
import Filters from '@/components/Form/Filters.vue'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
const showIndicator = ref(true)
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
@ -137,8 +137,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { useFiltersStore } from '@/stores/filters'
|
||||
import { ref } from 'vue'
|
||||
import { DxDataGrid } from 'devextreme-vue'
|
||||
import {
|
||||
DxColumn,
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type16 @update:filters="(value) => (filters = value)" />
|
||||
<Type16 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="dataTable">
|
||||
@ -365,9 +365,7 @@ const showPane = ref(true)
|
||||
const data = ref<any[]>([])
|
||||
const dataDetail = ref<any>()
|
||||
const showDetail = ref(false)
|
||||
const closeDetail = () => {
|
||||
showDetail.value = false
|
||||
}
|
||||
const closeDetail = () => showDetail.value = false
|
||||
|
||||
const onExporting = (e: any) => {
|
||||
if (e.format === 'pdf') {
|
||||
@ -503,10 +501,7 @@ const { onResult, onError, loading, refetch } = useQuery(
|
||||
const onSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
const data = selectedRowsData[0]
|
||||
dataDetail.value = data
|
||||
console.log(data)
|
||||
}
|
||||
const showData = () => {
|
||||
showDetail.value = true
|
||||
}
|
||||
const showData = () => showDetail.value = true
|
||||
const filters = ref()
|
||||
</script>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type6 @update:filters="(value) => (filters = value)" />
|
||||
<Type6 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -324,13 +324,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
dataDetail.value = data
|
||||
}
|
||||
|
||||
const showData = () => {
|
||||
showDetail.value = true
|
||||
}
|
||||
const showData = () => showDetail.value = true
|
||||
|
||||
const closeDetail = () => {
|
||||
showDetail.value = false
|
||||
}
|
||||
const closeDetail = () => showDetail.value = false
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.melaporLebihDariSatuKali, {
|
||||
minJmlLapor: 1,
|
||||
|
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type7
|
||||
@update:filters="(value) => (filters = value)"
|
||||
@update:filters="(value) => filters = value"
|
||||
:sla-options="[
|
||||
{
|
||||
id: 1,
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type7 @update:filters="(value) => (filters = value)" />
|
||||
<Type7 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -329,13 +329,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
|
||||
dataDetail.value = data
|
||||
}
|
||||
|
||||
const showData = () => {
|
||||
showDetail.value = true
|
||||
}
|
||||
const showData = () => showDetail.value = true
|
||||
|
||||
const closeDetail = () => {
|
||||
showDetail.value = false
|
||||
}
|
||||
const closeDetail = () => showDetail.value = false
|
||||
|
||||
const filterData = (params: any) => {
|
||||
const { minTime, maxTime, posko, uid, up3 } = params
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
|
@ -6,7 +6,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -6,7 +6,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type1 @update:filters="(value) => (filters = value)" />
|
||||
<Type1 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -6,7 +6,7 @@
|
||||
@run-search="() => filterData(filters)"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type8 @update:filters="(value) => (filters = value)" />
|
||||
<Type8 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type9 @update:filters="(value) => (filters = value)" />
|
||||
<Type9 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type9 @update:filters="(value) => (filters = value)" />
|
||||
<Type9 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type10 @update:filters="(value) => (filters = value)" />
|
||||
<Type10 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type11 @update:filters="(value) => (filters = value)" />
|
||||
<Type11 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type11 @update:filters="(value) => (filters = value)" />
|
||||
<Type11 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
:report-button="true"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div>
|
||||
<DxDataGrid
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div>
|
||||
|
@ -5,7 +5,7 @@
|
||||
:report-button="true"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type13 @update:filters="(value) => (filters = value)" />
|
||||
<Type13 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type3 @update:filters="(value) => (filters = value)" />
|
||||
<Type3 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
:report-button="true"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type13 @update:filters="(value) => (filters = value)" />
|
||||
<Type13 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -5,7 +5,7 @@
|
||||
:report-button="true"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type13 @update:filters="(value) => (filters = value)" />
|
||||
<Type13 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div>
|
||||
|
@ -5,7 +5,7 @@
|
||||
:report-button="true"
|
||||
class="mb-4"
|
||||
>
|
||||
<Type8 @update:filters="(value) => (filters = value)" />
|
||||
<Type8 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" :report-button="true" class="mb-4">
|
||||
<Type8 @update:filters="(value) => (filters = value)" />
|
||||
<Type8 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type14 @update:filters="(value) => (filters = value)" />
|
||||
<Type14 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type14 @update:filters="(value) => (filters = value)" />
|
||||
<Type14 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" :report-button="true" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -50,7 +50,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
const currentYear = ref(new Date().getFullYear())
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -55,7 +55,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const currentYear = ref(new Date().getFullYear())
|
||||
const currentMonth = ref(new Date().getMonth())
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div>
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -98,7 +98,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @reset-form="data = []" :report-button="true" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
@ -63,7 +63,6 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
|
||||
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import gql from 'graphql-tag'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
|
||||
<div id="data">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -76,8 +76,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
const showIndicator = ref(true)
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -63,7 +63,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
const showIndicator = ref(true)
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -68,7 +68,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
const showIndicator = ref(true)
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type2 @update:filters="(value) => (filters = value)" />
|
||||
<Type2 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
|
||||
@ -108,7 +108,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
|
||||
import { saveAs } from 'file-saver'
|
||||
import { Workbook } from 'exceljs'
|
||||
import { useQuery } from '@vue/apollo-composable'
|
||||
import gql from 'graphql-tag'
|
||||
import { getMonthName } from '@/utils/texts'
|
||||
import { queries } from '@/utils/graphql'
|
||||
const position = { of: '#data' }
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type15 @update:filters="(value) => (filters = value)" />
|
||||
<Type15 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Filters @run-search="() => filterData(filters)" class="mb-4">
|
||||
<Type17 @update:filters="(value) => (filters = value)" />
|
||||
<Type17 @update:filters="(value) => filters = value" />
|
||||
</Filters>
|
||||
<div id="data">
|
||||
<DxDataGrid
|
||||
|
Loading…
x
Reference in New Issue
Block a user