From 1a248c28bfe616ae7cdd2f3c2e5e772a6b2cfe38 Mon Sep 17 00:00:00 2001
From: Eko Haryadi <ekoharyadi416@gmail.com>
Date: Tue, 26 Mar 2024 04:06:03 +0700
Subject: [PATCH 1/2] fix data-field

---
 .../Pages/Gangguan/Rekap/RGangguan_KTI.vue    | 1028 ++++-------------
 1 file changed, 209 insertions(+), 819 deletions(-)

diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
index 777400b..ab0f3c2 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
@@ -3,273 +3,80 @@
     <Type18 @update:filters="(value) => (filters = value)" />
   </Filters>
   <div id="data">
-    <DxDataGrid
-      ref="dataGridRef"
-      :allow-column-reordering="true"
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :show-column-lines="true"
-      :show-row-lines="false"
-      :show-borders="true"
-      :row-alternation-enabled="true"
-      :hover-state-enabled="true"
-      @selection-changed="onDataSelectionChanged"
-      @exporting="onExporting"
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid ref="dataGridRef" :allow-column-reordering="true" class="max-h-[calc(100vh-140px)] mb-10"
+      :data-source="data" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+      :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onDataSelectionChanged"
+      @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget">
       <DxGrouping :auto-expand-all="false" :context-menu-enabled="true" expand-mode="rowClick" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-      <DxLoadPanel
-        shading-color="rgba(0,0,0,0.4)"
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-model:visible="loadingData"
-        :enabled="true"
-      />
+      <DxLoadPanel shading-color="rgba(0,0,0,0.4)" :position="position" :show-indicator="showIndicator"
+        :show-pane="showPane" :shading="shading" v-model:visible="loadingData" :enabled="true" />
 
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
       <DxColumnFixing :enabled="true" />
 
-      <DxColumn
-        :width="200"
-        alignment="center"
-        data-field="nama_ulp"
-        caption="Nama Unit"
-        css-class="custom-table-column"
-        cell-template="formatText"
-      />
-      <DxColumn
-        alignment="center"
-        data-field=""
-        caption="Seluruh Unit"
-        css-class="custom-table-column"
-        cell-template="formatText"
-        name="AllUnitGroup"
-        :group-index="0"
-      />
-      <DxColumn
-        alignment="center"
-        data-field="nama_regional"
-        caption="Regional"
-        css-class="custom-table-column"
-        cell-template="formatText"
-        name="RegionalGroup"
-        :group-index="1"
-      />
-      <DxColumn
-        alignment="center"
-        data-field="nama_uid"
-        caption="UID"
-        css-class="custom-table-column"
-        cell-template="formatText"
-        name="UIDGroup"
-        :group-index="2"
-      />
+      <DxColumn :width="200" alignment="center" data-field="nama_ulp" caption="Nama Unit"
+        css-class="custom-table-column" cell-template="formatText" />
+      <DxColumn alignment="center" data-field="" caption="Seluruh Unit" css-class="custom-table-column"
+        cell-template="formatText" name="AllUnitGroup" :group-index="0" />
+      <DxColumn alignment="center" data-field="nama_regional" caption="Regional" css-class="custom-table-column"
+        cell-template="formatText" name="RegionalGroup" :group-index="1" />
+      <DxColumn alignment="center" data-field="nama_uid" caption="UID" css-class="custom-table-column"
+        cell-template="formatText" name="UIDGroup" :group-index="2" />
       <DxColumn alignment="center" caption="Bulan" css-class="custom-table-column">
-        <DxColumn
-          alignment="center"
-          data-field="month1"
-          data-type="number"
-          caption="Januari"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month2"
-          data-type="number"
-          caption="Februari"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month3"
-          data-type="number"
-          caption="Maret"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month4"
-          data-type="number"
-          caption="April"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month5"
-          data-type="number"
-          caption="Mei"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month6"
-          data-type="number"
-          caption="Juni"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month7"
-          data-type="number"
-          caption="Juli"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month8"
-          data-type="number"
-          caption="Agustus"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month9"
-          data-type="number"
-          caption="September"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month10"
-          data-type="number"
-          caption="Oktober"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month11"
-          data-type="number"
-          caption="November"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
-        <DxColumn
-          alignment="center"
-          data-field="month12"
-          data-type="number"
-          caption="Desember"
-          css-class="custom-table-column"
-          cell-template="formatNumber"
-        />
+        <DxColumn alignment="center" data-field="month1" data-type="number" caption="Januari"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month2" data-type="number" caption="Februari"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month3" data-type="number" caption="Maret"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month4" data-type="number" caption="April"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month5" data-type="number" caption="Mei"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month6" data-type="number" caption="Juni"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month7" data-type="number" caption="Juli"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month8" data-type="number" caption="Agustus"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month9" data-type="number" caption="September"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month10" data-type="number" caption="Oktober"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month11" data-type="number" caption="November"
+          css-class="custom-table-column" cell-template="formatNumber" />
+        <DxColumn alignment="center" data-field="month12" data-type="number" caption="Desember"
+          css-class="custom-table-column" cell-template="formatNumber" />
       </DxColumn>
       <DxSummary>
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month1"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month2"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month3"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month4"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month5"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month6"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month7"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month8"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month9"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month10"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month11"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
-        <DxGroupItem
-          :show-in-group-footer="false"
-          :align-by-column="true"
-          column="month12"
-          summary-type="sum"
-          css-class="!text-right"
-          :customize-text="(e: any) => formatNumber(e.value)"
-        />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month1" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month2" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month3" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month4" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month5" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month6" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month7" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month8" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month9" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month10" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month11" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
+        <DxGroupItem :show-in-group-footer="false" :align-by-column="true" column="month12" summary-type="sum"
+          css-class="!text-right" :customize-text="(e: any) => formatNumber(e.value)" />
       </DxSummary>
 
       <template #formatText="{ data }">
@@ -287,12 +94,12 @@
       <template #formatNumber="{ data }">
         <p class="text-right cursor-pointer">
           {{
-            isNumber(data.text)
-              ? data.column.caption == '%'
-                ? formatPercentage(data.text)
-                : formatNumber(data.text)
-              : data.text
-          }}
+    isNumber(data.text)
+      ? data.column.caption == '%'
+        ? formatPercentage(data.text)
+        : formatNumber(data.text)
+      : data.text
+  }}
         </p>
       </template>
 
@@ -304,416 +111,114 @@
     </DxDataGrid>
   </div>
 
-  <DetailDialog
-    :open="dialogDetail"
-    title="Detail Rekapitulasi Koreksi Transaksi Individual"
-    @on-close="closeDialog"
-    :full-width="true"
-  >
+  <DetailDialog :open="dialogDetail" title="Detail Rekapitulasi Koreksi Transaksi Individual" @on-close="closeDialog"
+    :full-width="true">
     <div class="w-full mb-4 lg:w-[70%] lg:float-left">
       <div class="p-4 bg-white rounded-xl lg:mr-4">
-        <DxDataGrid
-          :allow-column-reordering="true"
-          class="max-h-[calc(100vh-140px)]"
-          :data-source="dataSub"
-          :show-column-lines="true"
-          :show-row-lines="false"
-          :show-borders="true"
-          :row-alternation-enabled="true"
-          :hover-state-enabled="true"
-          @selection-changed="onDataSubSelectionChanged"
-          :column-width="100"
-          @exporting="onExporting"
-          :allow-column-resizing="true"
-          column-resizing-mode="widget"
-        >
+        <DxDataGrid :allow-column-reordering="true" class="max-h-[calc(100vh-140px)]" :data-source="dataSub"
+          :show-column-lines="true" :show-row-lines="false" :show-borders="true" :row-alternation-enabled="true"
+          :hover-state-enabled="true" @selection-changed="onDataSubSelectionChanged" :column-width="100"
+          @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget">
           <DxSelection mode="single" />
           <DxPaging :page-size="20" :enabled="true" />
-          <DxPager
-            :visible="true"
-            :allowed-page-sizes="[20, 50, 100]"
-            display-mode="full"
-            :show-page-size-selector="true"
-            :show-info="true"
-            :show-navigation-buttons="true"
-          />
-          <DxLoadPanel
-            shading-color="rgba(0,0,0,0.4)"
-            :position="position"
-            :show-indicator="showIndicator"
-            :show-pane="showPane"
-            :shading="shading"
-            v-model:visible="loadingSubData"
-            :enabled="true"
-          />
+          <DxPager :visible="true" :allowed-page-sizes="[20, 50, 100]" display-mode="full"
+            :show-page-size-selector="true" :show-info="true" :show-navigation-buttons="true" />
+          <DxLoadPanel shading-color="rgba(0,0,0,0.4)" :position="position" :show-indicator="showIndicator"
+            :show-pane="showPane" :shading="shading" v-model:visible="loadingSubData" :enabled="true" />
           <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-          <DxExport
-            :enabled="true"
-            :formats="['pdf', 'xlsx', 'document']"
-            :allow-export-selected-data="false"
-          />
+          <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
 
-          <DxColumn
-            css-class="custom-table-column"
-            :width="50"
-            alignment="center"
-            :calculateCellValue="(item: any) => dataSub.findIndex((i) => i == item) + 1"
-            data-type="number"
-            caption="No"
-            cell-template="formatNumber"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="no_laporan"
-            caption="No Laporan"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_lapor"
-            caption="Tgl Lapor"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_lapor_sblm"
-            caption="Tgl Lapor Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_lapor_sdh"
-            caption="Tgl Lapor Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_penugasan_sblm"
-            caption="Tgl Penugasan Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_penugasan_sdh"
-            caption="Tgl Penugasan Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_perjalanan_sblm"
-            caption="Tgl Perjalanan Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_perjalanan_sdh"
-            caption="Tgl Perjalanan Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_pengerjaan_sblm"
-            caption="Tgl Pengerjaan Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_pengerjaan_sdh"
-            caption="Tgl Pengerjaan Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_nyala_sementara_sblm"
-            caption="Tgl Nyala Sementara Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_nyala_sementara_sdh"
-            caption="Tgl Nyala Sementara Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_nyala_sblm"
-            caption="Tgl Nyala Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_nyala_sdh"
-            caption="Tgl Nyala Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_selesai_sblm"
-            caption="Tgl Selesai Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_selesai_sdh"
-            caption="Tgl Selesai Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tgl_selesai_sdh"
-            caption="Durasi Respon Time Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatTime"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="durasi_response_time_sdh"
-            caption="Durasi Respon Time Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatTime"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="durasi_recovery_time_sdh"
-            caption="Durasi Recovery Time Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatTime"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="kelompok_sblm"
-            caption="Kelompok ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="kelompok_sdh"
-            caption="Kelompok ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="sub_kelompok_sblm"
-            caption="Sub Kelompok ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="sub_kelompok_sdh"
-            caption="Sub Kelopok ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="fasilitas_id_sblm"
-            caption="Fasilitas ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="fasilitas_id_sdh"
-            caption="Fasilitas ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="sub_fasilitas_id_sblm"
-            caption="Sub Fasilitas ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="sub_fasilitas_id_sdh"
-            caption="Sub Fasilitas ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="equipment_id_sblm"
-            caption="Equipment ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="equipment_id_sdh"
-            caption="Equipment ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="event_damage_sblm"
-            caption="Event Damage ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="event_damage_sdh"
-            caption="Event Damage ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="cause_id_sblm"
-            caption="Cause ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="cause_id_sdh"
-            caption="Cause ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="cause_group_id_sblm"
-            caption="Cause Group ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="cause_group_id_sdh"
-            caption="Cause Group ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="weather_id_sblm"
-            caption="Weather ID Sebelum"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="weather_id_sdh"
-            caption="Weather ID Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="grup_koreksi"
-            caption="Group Koreksi"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="alasan"
-            caption="ALASAN"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="idpel_nometer"
-            caption="IDPEL/NO METER"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="keterangan_pelapor"
-            caption="Keterangan Pelapor"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="nama_posko"
-            caption="Posko"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="tindakan"
-            caption="Tindakan"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
-          <DxColumn
-            :width="150"
-            alignment="center"
-            data-field="penyebab"
-            caption="Penyebab"
-            css-class="custom-table-column"
-            cell-template="formatText"
-          />
+          <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+            :calculateCellValue="(item: any) => dataSub.findIndex((i) => i == item) + 1" data-type="number" caption="No"
+            cell-template="formatNumber" />
+          <DxColumn :width="150" alignment="center" data-field="no_laporan" caption="No Laporan"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_lapor" caption="Tgl Lapor"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_lapor_sblm" caption="Tgl Lapor Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_lapor_sdh" caption="Tgl Lapor Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_penugasan_sblm" caption="Tgl Penugasan Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_penugasan_sdh" caption="Tgl Penugasan Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_perjalanan_sblm" caption="Tgl Perjalanan Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_perjalanan_sdh" caption="Tgl Perjalanan Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_pengerjaan_sblm" caption="Tgl Pengerjaan Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_pengerjaan_sdh" caption="Tgl Pengerjaan Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_nyala_sementara_sblm"
+            caption="Tgl Nyala Sementara Sebelum" css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_nyala_sementara_sdh"
+            caption="Tgl Nyala Sementara Koreksi" css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_nyala_sblm" caption="Tgl Nyala Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_nyala_sdh" caption="Tgl Nyala Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_selesai_sblm" caption="Tgl Selesai Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tgl_selesai_sdh" caption="Tgl Selesai Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="durasi_response_time_sblm"
+            caption="Durasi Respon Time Sebelum" css-class="custom-table-column" cell-template="formatTime" />
+          <DxColumn :width="150" alignment="center" data-field="durasi_response_time_sdh"
+            caption="Durasi Respon Time Koreksi" css-class="custom-table-column" cell-template="formatTime" />
+          <DxColumn :width="150" alignment="center" data-field="durasi_recovery_time_sdh"
+            caption="Durasi Recovery Time Koreksi" css-class="custom-table-column" cell-template="formatTime" />
+          <DxColumn :width="150" alignment="center" data-field="kelompok_sblm" caption="Kelompok ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="kelompok_sdh" caption="Kelompok ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="sub_kelompok_sblm" caption="Sub Kelompok ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="sub_kelompok_sdh" caption="Sub Kelopok ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="fasilitas_id_sblm" caption="Fasilitas ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="fasilitas_id_sdh" caption="Fasilitas ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="sub_fasilitas_id_sblm"
+            caption="Sub Fasilitas ID Sebelum" css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="sub_fasilitas_id_sdh" caption="Sub Fasilitas ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="equipment_id_sblm" caption="Equipment ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="equipment_id_sdh" caption="Equipment ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="event_damage_sblm" caption="Event Damage ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="event_damage_sdh" caption="Event Damage ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="cause_id_sblm" caption="Cause ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="cause_id_sdh" caption="Cause ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="cause_group_id_sblm" caption="Cause Group ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="cause_group_id_sdh" caption="Cause Group ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="weather_id_sblm" caption="Weather ID Sebelum"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="weather_id_sdh" caption="Weather ID Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="grup_koreksi" caption="Group Koreksi"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="alasan" caption="ALASAN" css-class="custom-table-column"
+            cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="idpel_nometer" caption="IDPEL/NO METER"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="keterangan_pelapor" caption="Keterangan Pelapor"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="nama_posko" caption="Posko"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="tindakan" caption="Tindakan"
+            css-class="custom-table-column" cell-template="formatText" />
+          <DxColumn :width="150" alignment="center" data-field="penyebab" caption="Penyebab"
+            css-class="custom-table-column" cell-template="formatText" />
 
           <template #formatText="{ data }">
             <p class="text-left cursor-pointer">
@@ -749,11 +254,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Lapor Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_lapor_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_lapor_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -763,83 +264,47 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Penugasan Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_penugasan_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_penugasan_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Penugasan Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_penugasan_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_penugasan_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Perjalanan Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_perjalanan_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_perjalanan_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Perjalanan Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_perjalanan_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_perjalanan_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Pengerjaan Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_pengerjaan_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_pengerjaan_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Pengerjaan Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_pengerjaan_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_pengerjaan_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Nyala Sementara Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_nyala_sementara_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_nyala_sementara_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Nyala Sementara Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_nyala_sementara_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_nyala_sementara_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Nyala Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_nyala_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_nyala_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -849,59 +314,36 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Selesai Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_selesai_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_selesai_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Tgl Selesai Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.tgl_selesai_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.tgl_selesai_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Respon Time Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="
-              parseInt(dataSelected?.durasi_response_time_sblm)
-                ? formatWaktu(dataSelected?.durasi_response_time_sblm)
-                : '-'
-            "
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="parseInt(dataSelected?.durasi_response_time_sblm)
+      ? formatWaktu(dataSelected?.durasi_response_time_sblm)
+      : '-'
+    " class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Respon Time Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="
-              parseInt(dataSelected?.durasi_response_time_sdh)
-                ? formatWaktu(dataSelected?.durasi_response_time_sdh)
-                : '-'
-            "
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="parseInt(dataSelected?.durasi_response_time_sdh)
+      ? formatWaktu(dataSelected?.durasi_response_time_sdh)
+      : '-'
+    " class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Recovery Time Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="
-              parseInt(dataSelected?.durasi_recovery_time_sdh)
-                ? formatWaktu(dataSelected?.durasi_recovery_time_sdh)
-                : '-'
-            "
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="parseInt(dataSelected?.durasi_recovery_time_sdh)
+      ? formatWaktu(dataSelected?.durasi_recovery_time_sdh)
+      : '-'
+    " class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -916,92 +358,52 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Kelompok ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.sub_kelompok_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.sub_kelompok_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Kelopok ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.sub_kelompok_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.sub_kelompok_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Fasilitas ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.fasilitas_id_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.fasilitas_id_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Fasilitas ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.fasilitas_id_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.fasilitas_id_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Fasilitas ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.sub_fasilitas_id_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.sub_fasilitas_id_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Fasilitas ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.sub_fasilitas_id_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.sub_fasilitas_id_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Equipment ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.equipment_id_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.equipment_id_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Equipment ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.equipment_id_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.equipment_id_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Event Damage ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.event_damage_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.event_damage_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Event Damage ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.event_damage_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.event_damage_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -1016,7 +418,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Cause Group ID Sebelum:</h3>
-          <InputText :readonly="true"  :value="dataSubSelected?.cause_group_id_sblm" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.cause_group_id_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -1026,20 +428,12 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Weather ID Sebelum:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.weather_id_sblm"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.weather_id_sblm" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Weather ID Koreksi:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.weather_id_sdh"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.weather_id_sdh" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -1059,11 +453,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Keterangan Pelapor:</h3>
-          <InputText
-            :readonly="true"
-            :value="dataSubSelected?.keterangan_pelapor"
-            class-name="flex-1"
-          />
+          <InputText :readonly="true" :value="dataSubSelected?.keterangan_pelapor" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">

From 3b2ad02d3d5636991594f9948c1e48318bc685ee Mon Sep 17 00:00:00 2001
From: Eko Haryadi <ekoharyadi416@gmail.com>
Date: Thu, 28 Mar 2024 09:30:12 +0700
Subject: [PATCH 2/2] Update environment and API GraphQL queries

---
 .env.development             |  5 +++--
 src/utils/api/api.graphql.ts | 11 -----------
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/.env.development b/.env.development
index 31db523..ba0871a 100755
--- a/.env.development
+++ b/.env.development
@@ -2,8 +2,9 @@ VITE_BASE_URL=http://localhost:5173
 VITE_BASE_DIRECTORY=/
 VITE_APP_VERSION=0.0.1
 VITE_APP_NAME='Executive Information System'
-# VITE_APP_GRAPHQL_ENDPOINT=http://127.0.0.1:32169/graphql
+VITE_APP_GRAPHQL_ENDPOINT=http://127.0.0.1:32169/graphql
 # VITE_APP_REST_ENDPOINT=http://192.168.191.163:32180
-VITE_APP_GRAPHQL_ENDPOINT=http://10.1.50.173:32180/graphql
+# VITE_APP_GRAPHQL_ENDPOINT=http://10.1.50.173:32180/graphql
+
 # VITE_APP_GRAPHQL_ENDPOINT=http://192.168.137.46:32169/graphql
 VITE_APP_REST_ENDPOINT=http://10.1.50.173:32181
\ No newline at end of file
diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts
index a1b19f7..b02006e 100755
--- a/src/utils/api/api.graphql.ts
+++ b/src/utils/api/api.graphql.ts
@@ -1582,26 +1582,15 @@ export const queries = {
             waktu_lapor
             waktu_response
             waktu_recovery
-            durasi_dispatch_time
             durasi_response_time
             durasi_recovery_time
             status_akhir
-            is_marking
-            referensi_marking
             idpel_nometer
             nama_pelapor
             alamat_pelapor
             no_telp_pelapor
             keterangan_pelapor
             media
-            jarak_closing
-            dispatch_oleh
-            diselesaikan_oleh
-            penyebab
-            tindakan
-            kode_gangguan
-            jenis_gangguan
-            nilai_rating
           }
         }
       `