change file name and directory network.ts n graphql

This commit is contained in:
Dede Fuji Abdul
2024-03-07 22:01:44 +07:00
parent b99be65200
commit ce38a5711c
59 changed files with 1182 additions and 3137 deletions

View File

@@ -47,6 +47,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@@ -62,14 +63,14 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -77,7 +78,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@@ -162,3 +163,4 @@ const filterData = (params: any) => {
const filters = ref()
</script>
@/utils/api/graphql

View File

@@ -49,22 +49,22 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_ exporter'
import { saveAs } from 'fi le-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@@ -147,3 +147,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

View File

@@ -27,10 +27,10 @@
caption="Total Gangguan" css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Keluhan Berulang" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="komplain_pelanggan" data-type="number" caption="Jan 2020"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="keluhan_total" data-type="number" caption="Total Keluhan"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="komplain_pelanggan" data-type="number"
caption="Jan 2020" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="keluhan_total" data-type="number"
caption="Total Keluhan" css-class="custom-table-column" />
</DxColumn>
</DxColumn>
<DxColumn :min-width="150" alignment="center" data-field="komplain_pelanggan" data-type="number"
@@ -39,6 +39,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@@ -54,22 +55,23 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { exportDataGrid as exportToExcel } from fro
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
'devextreme/excel_exporter'
const position = { of: '#data' }
const showIndicator = ref(true)
@@ -160,3 +162,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

View File

@@ -17,8 +17,8 @@
<DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
<DxColumnFixing :enabled="true" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit" css-class="custom-table-column"
cell-template="cell-left" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit"
css-class="custom-table-column" cell-template="cell-left" />
<DxColumn alignment="center" :caption="`s.d ${getMonthName(currentMonth - 1)} ${lastYear}`"
css-class="custom-table-column">
@@ -52,8 +52,8 @@
<DxColumn :width="120" alignment="center" data-field="total_informasi_tahun_ini" data-type="number"
caption="Total" css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column" data-field="total_tahun_ini"
data-type="number" />
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column"
data-field="total_tahun_ini" data-type="number" />
</DxColumn>
<DxColumn alignment="center" caption="Delta Penurunan" css-class="custom-table-column">
@@ -68,8 +68,8 @@
<DxColumn alignment="center" caption="% Penurunan YoY" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="persen_delta_keluhan" data-type="number" caption="Keluhan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number" caption="Gangguan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number"
caption="Gangguan" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_informasi" data-type="number"
caption="Informasi" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_total" data-type="number" caption="% Total"
@@ -79,6 +79,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@@ -94,14 +95,14 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -110,7 +111,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
import { queries } from '@/utils/graphql'
i mport { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@@ -197,3 +198,4 @@ const filterData = (params: any) => {
const filters = ref()
</script>
@/utils/api/graphql