Refactor code to update date range in Anomali_LAPPGP_LPT.vue and api.graphql.ts

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue

@@ -69,7 +69,6 @@
         cell-template="formatNumber"
       />
       <DxColumn
-        :width="70"
         alignment="center"
         data-field="persen"
         caption="%"
@@ -109,8 +108,15 @@
         <DxTotalItem
           column="jumlah"
           summary-type="sum"
-          display-format="19.169.174,65"
+          display-format="-"
+          css-class="text-transparent !text-right"
+        />
+        <DxTotalItem
+          column="ens"
+          show-in-column="persen"
+          summary-type="sum"
           css-class="text-white !text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
         />
       </DxSummary>
 
@@ -139,13 +145,12 @@
 <script setup lang="ts">
 import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
-import { onMounted, ref, watch } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
   DxColumnFixing,
   DxExport,
-  DxLoadPanel,
   DxPaging,
   DxScrolling,
   DxSearchPanel,
@@ -242,8 +247,7 @@ const onExporting = (e: any) => {
   } else if (e.format === 'xlsx') {
     exportToXLSX(reportMeta.value, e)
   } else {
-  exportToDOCX(reportMeta.value, data.value)
-
+    exportToDOCX(reportMeta.value, data.value)
   }
 }
 const getDetail = async () => {