fix: transaksi

src/components/Pages/Transaksi/Transaksi.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-row items-center w-full mb-6 space-x-4">
     <button
-      @click="tab = 'gangguan'"
+      @click="changeTab('gangguan')"
       type="button"
       class="px-1 py-4 text-sm"
       :class="[
@@ -13,7 +13,7 @@
       Gangguan: Transaksi Aktif > SLA
     </button>
     <button
-      @click="tab = 'keluhan'"
+      @click="changeTab('keluhan')"
       type="button"
       class="px-1 py-4 text-sm"
       :class="[
@@ -179,7 +179,6 @@
         cell-template="formatText"
       />
       <DxColumn
-        v-if="tab == 'keluhan'"
         :width="170"
         alignment="center"
         data-field="status_akhir"
@@ -188,7 +187,6 @@
         cell-template="formatText"
       />
       <DxColumn
-        v-if="tab == 'keluhan'"
         :width="170"
         alignment="center"
         data-field="durasi_time"
@@ -196,6 +194,14 @@
         css-class="custom-table-column"
         cell-template="formatTime"
       />
+      <DxColumn
+        :width="170"
+        alignment="center"
+        data-field="email_pelapor"
+        caption="Email"
+        css-class="custom-table-column"
+        cell-template="formatText"
+      />
 
       <template #formatText="{ data }">
         <p class="text-left">
@@ -274,6 +280,11 @@ const reportMeta = ref({
   periode: ''
 })
 
+const changeTab = (newTab: string) => {
+  tab.value = newTab
+  data.value = []
+}
+
 const formatMetaData = (reportMeta: any) => {
   const periode = reportMeta.periode ? reportMeta.periode.split(' s/d ') : ''
 
@@ -305,31 +316,12 @@ const onExporting = (e: any) => {
   const worksheet = workbook.addWorksheet('Transaksi APKT')
 
   setHeaderStyle(worksheet, 1, 1, 'PT. PLN(Persero)')
-  setHeaderStyle(
-    worksheet,
-    2,
-    1,
-    `UNIT PLN : ${reportMeta.value.uid.id ? reportMeta.value.uid.name.toUpperCase() + ',' : ''} ${reportMeta.value.up3.id ? reportMeta.value.up3.name.toUpperCase() + ',' : ''} ${reportMeta.value.ulp.id ? reportMeta.value.ulp.name.toUpperCase() + ',' : ''}`
-  )
-  setHeaderStyle(
-    worksheet,
-    3,
-    1,
-    `STATUS : ${reportMeta.value.status ? reportMeta.value.status.name.toUpperCase() : ''}`
-  )
+
+  setHeaderStyle(worksheet, 3, 1, 'Transaksi APKT'.toUpperCase(), true)
   setHeaderStyle(
     worksheet,
     4,
     1,
-    `SLA : ${reportMeta.value.sla ? reportMeta.value.sla.name.toUpperCase() : ''}`
-  )
-  setHeaderStyle(worksheet, 5, 1, `PENCARIAN : ${reportMeta.value.keyword.toUpperCase()}`)
-
-  setHeaderStyle(worksheet, 7, 1, 'Transaksi APKT'.toUpperCase(), true)
-  setHeaderStyle(
-    worksheet,
-    8,
-    1,
     `PERIODE TANGGAL : ${meta.dateFromFormat} SD TGL ${meta.dateToFormat}`,
     true
   )
@@ -338,15 +330,12 @@ const onExporting = (e: any) => {
   worksheet.mergeCells('A2:M2')
   worksheet.mergeCells('A3:M3')
   worksheet.mergeCells('A4:M4')
-  worksheet.mergeCells('A5:M5')
-  worksheet.mergeCells('A7:M7')
-  worksheet.mergeCells('A8:M8')
 
   exportToExcel({
     component: e.component,
     worksheet,
     autoFilterEnabled: true,
-    topLeftCell: { row: 10, column: 1 },
+    topLeftCell: { row: 6, column: 1 },
     loadPanel: {
       enabled: false
     }