Merge branch 'dev-defuj' of https://github.com/defuj/eis into dev-eko
This commit is contained in:
		| @@ -30,7 +30,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -39,7 +39,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -281,6 +281,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -303,6 +305,7 @@ import { | ||||
| import { useQuery } from '@vue/apollo-composable' | ||||
| import { queries, requestGraphQl } from '@/utils/api/api.graphql' | ||||
| import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_BM' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#data' } | ||||
| const showIndicator = ref(true) | ||||
|   | ||||
| @@ -8,7 +8,6 @@ | ||||
|       ref="dataGridRef" | ||||
|       :allow-column-reordering="true" | ||||
|       class="max-h-[calc(100vh-140px)] mb-10" | ||||
|       :remote-operations="true" | ||||
|       :data-source="data" | ||||
|       key-expr="no_laporan" | ||||
|       :show-column-lines="true" | ||||
| @@ -33,7 +32,7 @@ | ||||
|       /> | ||||
|       <DxSelection mode="single" /> | ||||
|       <!-- <DxScrolling column-rendering-mode="virtual" mode="virtual" row-rendering-mode="virtual" /> --> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -42,7 +41,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -340,6 +339,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -359,9 +360,9 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference' | ||||
| import { onMounted, ref } from 'vue' | ||||
| import DetailDialog from '@/components/Dialogs/DetailDialog.vue' | ||||
| import InputText from '@/components/InputText.vue' | ||||
| import { useQuery } from '@vue/apollo-composable' | ||||
| import { queries, requestGraphQl } from '@/utils/api/api.graphql' | ||||
| import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DKPL' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#dataTable' } | ||||
| const showIndicator = ref(true) | ||||
| @@ -556,7 +557,7 @@ const onExporting = (e: any) => { | ||||
|   if (e.format === 'pdf') { | ||||
|     exportToPDF(reportMeta, data) | ||||
|   } else if (e.format === 'xlsx') { | ||||
|     exportToXLSX(reportMeta, data, e) | ||||
|     exportToXLSX(reportMeta, e) | ||||
|   } else { | ||||
|     exportToDOCX(reportMeta, data) | ||||
|   } | ||||
|   | ||||
| @@ -30,7 +30,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -39,7 +39,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -276,6 +276,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -298,6 +300,7 @@ import { | ||||
| import { useQuery } from '@vue/apollo-composable' | ||||
| import { queries, requestGraphQl } from '@/utils/api/api.graphql' | ||||
| import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DMAPKT' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#data' } | ||||
| const showIndicator = ref(true) | ||||
|   | ||||
| @@ -30,7 +30,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -38,7 +38,7 @@ | ||||
|         :shading="shading" | ||||
|         v-model:visible.sync="loadingData" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -323,7 +323,7 @@ | ||||
|             :show-info="true" | ||||
|             :show-navigation-buttons="true" | ||||
|           /> | ||||
|           <DxLoadPanel | ||||
|           <!-- <DxLoadPanel | ||||
|             shading-color="rgba(0,0,0,0.4)" | ||||
|             :position="position" | ||||
|             :show-indicator="showIndicator" | ||||
| @@ -331,7 +331,7 @@ | ||||
|             :shading="shading" | ||||
|             v-model:visible="loadingSubData" | ||||
|             :enabled="true" | ||||
|           /> | ||||
|           /> --> | ||||
|           <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|           <DxExport | ||||
|             :enabled="true" | ||||
| @@ -421,13 +421,15 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loadingData || loadingSubData" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| import Filters from '@/components/Form/Filters.vue' | ||||
| import Type6 from '@/components/Form/FiltersType/Type6.vue' | ||||
| import { formatWaktu } from '@/components/Form/FiltersType/reference' | ||||
| import { onMounted, ref, watch } from 'vue' | ||||
| import { onMounted, ref } from 'vue' | ||||
| import { DxDataGrid } from 'devextreme-vue' | ||||
| import { | ||||
|   DxColumn, | ||||
| @@ -440,12 +442,12 @@ import { | ||||
| } from 'devextreme-vue/data-grid' | ||||
| import DetailDialog from '@/components/Dialogs/DetailDialog.vue' | ||||
| import InputText from '@/components/InputText.vue' | ||||
| import { useQuery } from '@vue/apollo-composable' | ||||
| import { queries, requestGraphQl } from '@/utils/api/api.graphql' | ||||
| import { formatNumber, isNumber } from '@/utils/numbers' | ||||
| import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_MLD1K' | ||||
| import { apolloClient } from '@/utils/api/api.graphql' | ||||
| import { provideApolloClient } from '@vue/apollo-composable' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const client = apolloClient() | ||||
| provideApolloClient(client) | ||||
| @@ -488,7 +490,7 @@ const getDetail = async () => { | ||||
|   const query = { | ||||
|     noLaporan: selected?.no_laporan ? selected?.no_laporan : '' | ||||
|   } | ||||
|   loadingSubData.value = false | ||||
|   loadingSubData.value = true | ||||
|   await requestGraphQl(queries.gangguan.daftar.melaporLebihDariSatuKaliDetail, query) | ||||
|     .then((result) => { | ||||
|       if (result.data.data != undefined) { | ||||
| @@ -503,6 +505,7 @@ const getDetail = async () => { | ||||
|       console.error(err) | ||||
|     }) | ||||
|     .finally(() => { | ||||
|       dialogDetail.value = true | ||||
|       loadingSubData.value = false | ||||
|     }) | ||||
| } | ||||
| @@ -515,7 +518,6 @@ const clearSelection = () => { | ||||
| const showDetail = () => { | ||||
|   clearSelection() | ||||
|   dataSubSelected.value = null | ||||
|   dialogDetail.value = true | ||||
|   if (detailType.value == 'table') { | ||||
|     getDetail() | ||||
|   } | ||||
|   | ||||
| @@ -46,7 +46,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -55,7 +55,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -331,6 +331,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -357,6 +359,7 @@ import { | ||||
|   exportToXLSX, | ||||
|   exportToDOCX | ||||
| } from '@/report/Gangguan/Daftar/DGangguan_RecoveryTime' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#data' } | ||||
| const showIndicator = ref(true) | ||||
|   | ||||
| @@ -30,7 +30,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -39,7 +39,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -308,6 +308,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -334,6 +336,7 @@ import { | ||||
|   exportToXLSX, | ||||
|   exportToDOCX | ||||
| } from '@/report/Gangguan/Daftar/DGangguan_ResponseTime' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#data' } | ||||
| const showIndicator = ref(true) | ||||
|   | ||||
| @@ -30,7 +30,7 @@ | ||||
|         :show-info="true" | ||||
|         :show-navigation-buttons="true" | ||||
|       /> | ||||
|       <DxLoadPanel | ||||
|       <!-- <DxLoadPanel | ||||
|         shading-color="rgba(0,0,0,0.4)" | ||||
|         :position="position" | ||||
|         :show-indicator="showIndicator" | ||||
| @@ -39,7 +39,7 @@ | ||||
|         v-if="loading" | ||||
|         v-model:visible="loading" | ||||
|         :enabled="true" | ||||
|       /> | ||||
|       /> --> | ||||
|       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> | ||||
|       <DxExport | ||||
|         :enabled="true" | ||||
| @@ -280,6 +280,8 @@ | ||||
|       </div> | ||||
|     </div> | ||||
|   </DetailDialog> | ||||
|  | ||||
|   <BufferDialog v-if="loading" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| @@ -302,6 +304,7 @@ import { | ||||
| import { useQuery } from '@vue/apollo-composable' | ||||
| import { queries, requestGraphQl } from '@/utils/api/api.graphql' | ||||
| import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_STIDP' | ||||
| import BufferDialog from '@/components/Dialogs/BufferDialog.vue' | ||||
|  | ||||
| const position = { of: '#data' } | ||||
| const showIndicator = ref(true) | ||||
|   | ||||
| @@ -1659,4 +1659,3 @@ onMounted(() => { | ||||
|   } | ||||
| }) | ||||
| </script> | ||||
| @/utils/helper | ||||
|   | ||||
		Reference in New Issue
	
	Block a user