change file name and directory network.ts n graphql
This commit is contained in:
@@ -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
|
@@ -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
|
@@ -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
|
@@ -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
|
Reference in New Issue
Block a user