Update version.json to 0.0.126-vm

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

@@ -275,7 +275,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="no_laporan"
             caption="No Laporan"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -372,7 +372,7 @@
           <DxColumn
             :width="200"
             alignment="center"
-            data-field=""
+            data-field="nama_jenis_gangguan"
             caption="Jenis Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -399,7 +399,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="waktu_lapor"
             caption="Tgl Lapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -431,7 +431,7 @@
       <div class="p-4 space-y-2 bg-white rounded-xl">
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -451,7 +451,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">ID Pelanggan:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.id_pengguna" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.id_pelanggan" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -519,7 +519,7 @@
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
-          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Recoery Time:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Recovery Time:</h3>
           <InputText
             :readonly="true"
             :value="
@@ -533,7 +533,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:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.waktu_lapor" class-name="flex-1" />
         </div>
       </div>
     </div>
@@ -794,7 +794,7 @@ const getDetail = async () => {
     idUid: 0,
     idUp3: 0,
     namaRegional: '',
-    type: parameterRequest.value.type
+    isInformasi: parameterRequest.value.type == 'Informasi' ? 1 : 2
   }
 
   if (groupDialog.value) {

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue

@@ -279,7 +279,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="no_laporan"
             caption="No Laporan"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -376,7 +376,7 @@
           <DxColumn
             :width="200"
             alignment="center"
-            data-field=""
+            data-field="nama_jenis_gangguan"
             caption="Jenis Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -403,7 +403,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="waktu_lapor"
             caption="Tgl Lapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -435,7 +435,7 @@
       <div class="p-4 space-y-2 bg-white rounded-xl">
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -455,7 +455,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">ID Pelanggan:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.id_pengguna" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.id_pelanggan" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -523,7 +523,7 @@
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
-          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Recoery Time:</h3>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Recovery Time:</h3>
           <InputText
             :readonly="true"
             :value="
@@ -537,7 +537,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:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.waktu_lapor" class-name="flex-1" />
         </div>
       </div>
     </div>
@@ -703,7 +703,7 @@ const getDetail = async () => {
     idUid: 0,
     idUp3: 0,
     namaRegional: '',
-    type: parameterRequest.value.type
+    isInformasi: parameterRequest.value.type == 'Informasi' ? 1 : 2
   }
 
   if (groupDialog.value) {

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue

@@ -439,7 +439,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="nama_uid"
             caption="UID/UIW"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -448,7 +448,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="nama_up3"
             caption="UP3"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -457,7 +457,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="nama_ulp"
             caption="ULP"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -466,7 +466,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="id_pelanggan"
             caption="ID Pelanggan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -474,7 +474,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="nama_pelanggan"
             caption="Nama Pelanggan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -482,7 +482,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="nama_pelapor"
             caption="Nama Pelapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -490,7 +490,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="alamat_pelapor"
             caption="Alamat Pelapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -498,7 +498,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="no_telp_pelapor"
             caption="No Telp Pelapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -506,7 +506,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="keterangan_pelapor"
             caption="Keterangan Pelapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -514,7 +514,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="penyebab"
             caption="Penyebab"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -523,7 +523,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="kode_gangguan"
             caption="Kode Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -532,7 +532,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="jenis_gangguan"
             caption="Jenis Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -541,25 +541,25 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="durasi_response_time"
             caption="Durasi Response Time"
             :allow-resizing="false"
             css-class="custom-table-column"
-            cell-template="formatText"
+            cell-template="formatTime"
           />
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="durasi_recovery_time"
             caption="Durasi Recovery Time"
             :allow-resizing="false"
             css-class="custom-table-column"
-            cell-template="formatText"
+            cell-template="formatTime"
           />
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="waktu_lapor"
             caption="Tgl Lapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -601,77 +601,120 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">UID/UIW:</h3>
-          <InputText :readonly="true" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.nama_uid" 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">UP3:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.nama_up3" 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">ULP:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.nama_ulp" 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">ID Pelanggan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.id_pelanggan" 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">Nama Pelanggan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.nama_pelanggan"
+            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">Nama Pelapor:</h3>
-          <InputText :readonly="true" class-name="flex-1" value="" />
+          <InputText :readonly="true" class-name="flex-1" :value="dataSubSelected?.nama_pelapor" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Alamat Pelapor:</h3>
-          <InputText :readonly="true" value="" type="textarea" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.alamat_pelapor"
+            type="textarea"
+            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">No Telp Pelapor:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.no_telp_pelapor"
+            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">Keterangan Pelapor:</h3>
-          <InputText :readonly="true" value="" type="textarea" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.keterangan_pelapor"
+            type="textarea"
+            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">Penyebab:</h3>
-          <InputText :readonly="true" type="textarea" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            type="textarea"
+            :value="dataSubSelected?.penyebab"
+            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">Kode Gangguan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.kode_gangguan" 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">Jenis Gangguan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.jenis_gangguan"
+            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 Response Time:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="
+              parseInt(dataSubSelected?.durasi_response_time)
+                ? formatWaktu(dataSubSelected?.durasi_response_time)
+                : '-'
+            "
+            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:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="
+              parseInt(dataSubSelected?.durasi_recovery_time)
+                ? formatWaktu(dataSubSelected?.durasi_recovery_time)
+                : '-'
+            "
+            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 Lapor:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.waktu_lapor" class-name="flex-1" />
         </div>
       </div>
     </div>
@@ -702,6 +745,7 @@ import { getMonthName, getMonthNameShort } from '@/utils/texts'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
+import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
@@ -883,9 +927,9 @@ const getDetail = async () => {
     .then((result) => {
       if (result.data.data != undefined) {
         if (parameterRequest.value.type == 'gangguan') {
-          dataSub.value = result.data.data.detailKeluhanAll
+          dataSub.value = result.data.data.detailAgingComplaintBulanan
         } else {
-          dataSub.value = result.data.data.detailKeluhanAll
+          dataSub.value = result.data.data.detailAgingComplaintBulanan
         }
       } else {
         dataSub.value = []

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue

@@ -833,15 +833,15 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="id_pelanggan"
             caption="ID Pelanggan"
             :allow-resizing="false"
             css-class="custom-table-column"
-            cell-template="formatNumber"
+            cell-template="formatText"
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="nama_pelanggan"
             caption="Nama Pelanggan"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -849,7 +849,7 @@
           />
           <DxColumn
             :width="150"
-            data-field=""
+            data-field="nama_pelapor"
             caption="Nama Pelapor"
             :allow-resizing="false"
             css-class="custom-table-column"
@@ -1011,17 +1011,21 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">ID Pelanggan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.id_pelanggan" 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">Nama Pelanggan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.nama_pelanggan"
+            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">Nama Pelapor:</h3>
-          <InputText :readonly="true" class-name="flex-1" value="" />
+          <InputText :readonly="true" class-name="flex-1" :value="dataSubSelected?.nama_pelapor" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">