Add anomali queries for gangguan unit

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue

@@ -10,7 +10,7 @@
     :show-borders="true"
     :row-alternation-enabled="true"
     :hover-state-enabled="true"
-    @selection-changed="onSelectionChanged"
+    @selection-changed="onDataSelectionChanged"
     @exporting="onExporting"
     :allow-column-resizing="true"
     column-resizing-mode="widget"
@@ -29,18 +29,20 @@
 
     <DxColumn
       alignment="center"
-      data-field=""
+      data-field="nama_ulp"
       caption="Nama Unit"
       css-class="custom-table-column"
+      cell-template="formatText"
     />
     <DxColumn alignment="center" caption="Total WO PLN Mobile" css-class="custom-table-column">
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="wo_total"
         data-type="number"
         caption="a"
         css-class="custom-table-column"
+        cell-template="formatNumber"
       />
     </DxColumn>
     <DxColumn
@@ -51,10 +53,11 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="total_anomali_marking"
         data-type="number"
         caption="b"
         css-class="custom-table-column"
+        cell-template="formatNumber"
       />
     </DxColumn>
     <DxColumn
@@ -65,12 +68,43 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field=""
+        data-field="persen_anomali_marking"
         data-type="number"
         caption="c=b/a"
         css-class="custom-table-column"
+        cell-template="formatPercentage"
       />
     </DxColumn>
+
+    <template #formatNumber="{ data }">
+      <p class="text-right cursor-pointer" @click="showData()">
+        {{
+          isNumber(data.text)
+            ? data.column.caption == '%'
+              ? formatPercentage(data.text)
+              : formatNumber(data.text)
+            : data.text
+        }}
+      </p>
+    </template>
+
+    <template #formatPercentage="{ data }">
+      <p class="text-right cursor-pointer" @click="showData()">
+        {{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
+      </p>
+    </template>
+
+    <template #formatText="{ data }">
+      <p class="text-left cursor-pointer" @click="showData()">
+        {{ data.text }}
+      </p>
+    </template>
+
+    <template #formatTime="{ data }" @click="showData()">
+      <p class="!text-right">
+        {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
+      </p>
+    </template>
   </DxDataGrid>
 </template>
 
@@ -90,11 +124,23 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
+import { formatWaktu } from '@/components/Form/FiltersType/reference'
 const props = defineProps({
   data: Array as () => any[]
 })
 const data = computed(() => props.data)
+const dataSub = ref<any[]>([])
+const dataSelected = ref<any>({})
+const dataSubSelected = ref<any>({})
+const showDetail = ref(false)
+const showData = () => {
+  showDetail.value = true
+}
+const closeDetail = () => {
+  showDetail.value = false
+}
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
@@ -125,8 +171,8 @@ const onExporting = (e: any) => {
   }
 }
 
-const onSelectionChanged = ({ selectedRowsData }: any) => {
+const onDataSelectionChanged = ({ selectedRowsData }: any) => {
-  const data = selectedRowsData[0]
+  const dataSelected = selectedRowsData[0]
   console.log(data)
 }
 </script>

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue

@@ -1,112 +1,456 @@
 <template>
   <div class="mt-4 lg:mt-6 max-w-7xl">
-    <h1 class="text-xl font-medium md:text-2xl text-dark">
+    <h1 class="text-xl font-medium md:text-2xl text-dark">Laporan Pengaduan Total</h1>
-      Laporan Pengaduan Total
-    </h1>
   </div>
-  <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
+  <DxDataGrid
-    :show-row-lines="false" :show-borders="true" :row-alternation-enabled="true" :hover-state-enabled="true"
+    class="max-h-[calc(100vh-140px)] mb-10"
-    @selection-changed="onSelectionChanged" :column-width="100" @exporting="onExporting" :allow-column-resizing="true"
+    :data-source="data"
-    column-resizing-mode="widget" :word-wrap-enabled="true">
+    :show-column-lines="true"
+    :show-row-lines="false"
+    :show-borders="true"
+    :row-alternation-enabled="true"
+    :hover-state-enabled="true"
+    @selection-changed="onDataSelectionChanged"
+    :column-width="100"
+    @exporting="onExporting"
+    :allow-column-resizing="true"
+    column-resizing-mode="widget"
+    :word-wrap-enabled="true"
+  >
     <DxSelection mode="single" />
     <DxPaging :enabled="false" />
     <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-    <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+    <DxLoadPanel
-      v-if="loading" v-model:visible="loading" :enabled="true" />
+      :position="position"
+      :show-indicator="showIndicator"
+      :show-pane="showPane"
+      :shading="shading"
+      v-if="loading"
+      v-model:visible="loading"
+      :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="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+    <DxColumn
+      :width="170"
+      alignment="center"
+      data-field="nama_ulp"
+      caption="Nama Unit"
+      css-class="custom-table-column"
+      cell-template="formatText"
+    />
+    <DxColumn
+      :width="170"
+      alignment="center"
+      data-field="nama_ulp"
+      caption="Nama Unit"
+      name="namaUnit"
+      css-class="custom-table-column"
+      cell-template="formatText"
+      :group-index="0"
+    />
     <DxColumn alignment="center" caption="Total WO" css-class="custom-table-column">
       <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
-        <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="a"
+        <DxColumn
-          css-class="custom-table-column" />
+          :width="150"
+          alignment="center"
+          data-field="wo_cc123"
+          data-type="number"
+          caption="a"
+          css-class="custom-table-column"
+          cell-template="formatNumber"
+        />
       </DxColumn>
       <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
-        <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
+        <DxColumn
-          css-class="custom-table-column" />
+          :width="150"
+          alignment="center"
+          data-field="wo_pln_mobile"
+          data-type="number"
+          caption="b"
+          css-class="custom-table-column"
+          cell-template="formatNumber"
+        />
       </DxColumn>
       <DxColumn alignment="center" caption="Loket" css-class="custom-table-column">
-        <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+        <DxColumn
-          css-class="custom-table-column" />
+          :width="150"
+          alignment="center"
+          data-field="wo_loket"
+          data-type="number"
+          caption="c"
+          css-class="custom-table-column"
+          cell-template="formatNumber"
+        />
       </DxColumn>
       <DxColumn alignment="center" caption="Lainnya" css-class="custom-table-column">
-        <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d"
+        <DxColumn
-          css-class="custom-table-column" />
+          :width="150"
+          alignment="center"
+          data-field="wo_lainnya"
+          data-type="number"
+          caption="d"
+          css-class="custom-table-column"
+          cell-template="formatNumber"
+        />
       </DxColumn>
       <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
-        <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="e=a+b+c+d"
+        <DxColumn
-          css-class="custom-table-column" />
+          :width="150"
+          alignment="center"
+          data-field="wo_total"
+          data-type="number"
+          caption="e=a+b+c+d"
+          css-class="custom-table-column"
+          cell-template="formatNumber"
+        />
       </DxColumn>
     </DxColumn>
-    <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+    <DxColumn
-      css-class="custom-table-column">
+      alignment="center"
+      caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+      css-class="custom-table-column"
+    >
       <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
         <DxColumn alignment="center" caption="f" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="anomali_pln_mobile_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="anomali_pln_mobile_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
         </DxColumn>
       </DxColumn>
       <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
         <DxColumn alignment="center" caption="g" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="anomali_cc123_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="anomali_cc123_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
         </DxColumn>
       </DxColumn>
       <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
         <DxColumn alignment="center" caption="h=f+g" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="total_anomali_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="total_anomali_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatNumber"
+          />
         </DxColumn>
       </DxColumn>
     </DxColumn>
 
-    <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+    <DxColumn
+      alignment="center"
+      caption="% Pengaduan Yang Diselesaikan Secara Anomali"
+      css-class="custom-table-column"
+    >
       <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
         <DxColumn alignment="center" caption="i=f/e" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="persen_anomali_pln_mobile_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="persen_anomali_pln_mobile_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
         </DxColumn>
       </DxColumn>
       <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
         <DxColumn alignment="center" caption="j=g/e" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="persen_anomali_cc123_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="persen_anomali_cc123_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
         </DxColumn>
       </DxColumn>
       <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
         <DxColumn alignment="center" caption="k=i+j" css-class="custom-table-column">
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+          <DxColumn
-            css-class="custom-table-column" />
+            :width="150"
-          <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+            alignment="center"
-            css-class="custom-table-column" />
+            data-field="persen_anomali_marking"
+            data-type="number"
+            caption="Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="persen_anomali_non_marking"
+            data-type="number"
+            caption="Non Marking"
+            css-class="custom-table-column"
+            cell-template="formatPercentage"
+          />
         </DxColumn>
       </DxColumn>
     </DxColumn>
 
+    <template #formatNumber="{ data }">
+      <p class="text-right cursor-pointer" @click="showData()">
+        {{
+          isNumber(data.text)
+            ? data.column.caption == '%'
+              ? formatPercentage(data.text)
+              : formatNumber(data.text)
+            : data.text
+        }}
+      </p>
+    </template>
+
+    <template #formatPercentage="{ data }">
+      <p class="text-right cursor-pointer" @click="showData()">
+        {{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
+      </p>
+    </template>
+
+    <template #formatText="{ data }">
+      <p class="text-left cursor-pointer" @click="showData()">
+        {{ data.text }}
+      </p>
+    </template>
+
+    <template #formatTime="{ data }" @click="showData()">
+      <p class="!text-right">
+        {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
+      </p>
+    </template>
+
+    <DxSummary>
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="wo_cc123"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="wo_pln_mobile"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="wo_loket"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="wo_lainnya"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="wo_total"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="anomali_pln_mobile_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="anomali_pln_mobile_non_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="anomali_cc123_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="anomali_cc123_non_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="total_anomali_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="total_anomali_non_marking"
+        summary-type="sum"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_pln_mobile_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_pln_mobile_non_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_cc123_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_cc123_non_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+      <DxGroupItem
+        :show-in-group-footer="false"
+        :align-by-column="true"
+        column="persen_anomali_non_marking"
+        summary-type="avg"
+        css-class="!text-right"
+        :customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
+      />
+    </DxSummary>
   </DxDataGrid>
 </template>
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
-import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
+import {
+  DxColumn,
+  DxColumnFixing,
+  DxExport,
+  DxGroupItem,
+  DxLoadPanel,
+  DxPaging,
+  DxScrolling,
+  DxSearchPanel,
+  DxSelection,
+  DxSummary
+} 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 { Workbook } from 'exceljs'
+import { formatWaktu } from '@/components/Form/FiltersType/reference'
+import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const loading = ref(computed(() => props.loading))
@@ -116,10 +460,17 @@ const props = defineProps({
   data: Array as () => any[],
   loading: {
     type: Boolean,
-    default: false,
+    default: false
-  },
+  }
 })
+const showDialog = ref(false)
 const data = computed(() => props.data)
+const dataSelected = ref()
+const dataSub = ref([])
+const dataSubSelected = ref()
+const showDetail = ref(false)
+const showData = () => (showDetail.value = true)
+const closeDetail = () => (showDetail.value = false)
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
     const doc = new jsPDF()
@@ -127,7 +478,7 @@ const onExporting = (e: any) => {
     exportToPdf({
       jsPDFDocument: doc,
       component: e.component,
-      indent: 5,
+      indent: 5
     }).then(() => {
       doc.save(`.pdf`)
     })
@@ -138,7 +489,7 @@ const onExporting = (e: any) => {
     exportToExcel({
       component: e.component,
       worksheet,
-      autoFilterEnabled: true,
+      autoFilterEnabled: true
     }).then(() => {
       workbook.xlsx.writeBuffer().then((buffer: any) => {
         saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
@@ -149,11 +500,8 @@ const onExporting = (e: any) => {
   }
 }
 
-const onSelectionChanged = ({ selectedRowsData }: any) => {
+const onDataSelectionChanged = ({ selectedRowsData }: any) => {
-  const data = selectedRowsData[0]
+  const dataSelected = selectedRowsData[0]
   console.log(data)
 }
-
-
-
 </script>

src/utils/api/api.graphql.ts

@@ -2105,5 +2105,126 @@ export const queries = {
         }
       }
     `
+  },
+  anomali: {
+    gangguan: {
+      unitBerulang: gql`
+        query anomaliPenangananPengaduanGangguanUnitBerulang(
+          #$namaRegional: String!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          anomaliPenangananPengaduanGangguanUnitBerulang(
+            #namaRegional: $namaRegional
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            wo_cc123
+            wo_pln_mobile
+            wo_loket
+            wo_lainnya
+            wo_total
+            anomali_pln_mobile_marking
+            anomali_pln_mobile_non_marking
+            anomali_cc123_marking
+            anomali_cc123_non_marking
+            total_anomali_marking
+            total_anomali_non_marking
+            persen_anomali_pln_mobile_marking
+            persen_anomali_pln_mobile_non_marking
+            persen_anomali_cc123_marking
+            persen_anomali_cc123_non_marking
+            persen_anomali_marking
+            persen_anomali_non_marking
+          }
+        }
+      `,
+      ratingNegatif: gql`
+        query anomaliPenangananPengaduanGangguanUnitRatingNegatif(
+          #$namaRegional: String!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          anomaliPenangananPengaduanGangguanUnitRatingNegatif(
+            #namaRegional: $namaRegional
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            wo_cc123
+            wo_pln_mobile
+            wo_loket
+            wo_lainnya
+            wo_total
+            anomali_pln_mobile_marking
+            anomali_pln_mobile_non_marking
+            anomali_cc123_marking
+            anomali_cc123_non_marking
+            total_anomali_marking
+            total_anomali_non_marking
+            persen_anomali_pln_mobile_marking
+            persen_anomali_pln_mobile_non_marking
+            persen_anomali_cc123_marking
+            persen_anomali_cc123_non_marking
+            persen_anomali_marking
+            persen_anomali_non_marking
+          }
+        }
+      `,
+      unitSkipStep: gql`
+        query anomaliPenangananPengaduanGangguanUnitSkipStep(
+          #$namaRegional: String!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          anomaliPenangananPengaduanGangguanUnitSkipStep(
+            #namaRegional: $namaRegional
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            wo_cc123
+            wo_pln_mobile
+            wo_loket
+            wo_lainnya
+            wo_total
+            anomali_pln_mobile_marking
+            anomali_pln_mobile_non_marking
+            anomali_cc123_marking
+            anomali_cc123_non_marking
+            total_anomali_marking
+            total_anomali_non_marking
+            persen_anomali_pln_mobile_marking
+            persen_anomali_pln_mobile_non_marking
+            persen_anomali_cc123_marking
+            persen_anomali_cc123_non_marking
+            persen_anomali_marking
+            persen_anomali_non_marking
+          }
+        }
+      `
+    }
   }
 }