+
{
inputmode="numeric"
pattern="[0-9.]*"
:disabled="disabled"
- @oninput="handleInput($event)"
- @onblur="handleBlur($event)"
- @onfocus="handleFocus($event)"
+ @input="handleInput($event)"
+ @blur="handleBlur($event)"
+ @focus="handleFocus($event)"
class="w-full px-4 py-2 text-sm leading-6 placeholder:text-gray-400 text-gray-900 border-0 border-transparent rounded-lg outline-0 bg-gray-200 focus:outline-0 focus:border-0 focus:ring-0"
/>
diff --git a/src/components/InputText.vue b/src/components/InputText.vue
index e51eb58..d1ecbd8 100755
--- a/src/components/InputText.vue
+++ b/src/components/InputText.vue
@@ -2,58 +2,58 @@
import { ref } from 'vue'
const props = defineProps({
- type: {
- type: String,
- default: "text",
- },
- placeholder: {
- type: String,
- default: "",
- },
- value: {
- type: String,
- default: "",
- },
- disabled: {
- type: Boolean,
- default: false,
- },
- readonly: {
- type: Boolean,
- default: false,
- },
- className: {
- type: String,
- default: "",
- }
+ type: {
+ type: String,
+ default: 'text'
+ },
+ placeholder: {
+ type: String,
+ default: ''
+ },
+ value: {
+ type: String,
+ default: ''
+ },
+ disabled: {
+ type: Boolean,
+ default: false
+ },
+ readonly: {
+ type: Boolean,
+ default: false
+ },
+ className: {
+ type: String,
+ default: ''
+ }
})
const emit = defineEmits(['update:value'])
const updateValue = (event: Event) => {
- const value = (event.target as HTMLInputElement).value;
- emit('update:value', value)
+ const value = (event.target as HTMLInputElement).value
+ emit('update:value', value)
}
const inputType = ref(props.type)
const switchInputType = () => {
- inputType.value = inputType.value == 'password' ? 'text' : 'password'
+ inputType.value = inputType.value == 'password' ? 'text' : 'password'
}
-
-
-
\ No newline at end of file
+
+
diff --git a/src/components/Pages/Anomali/Table_61.vue b/src/components/Pages/Anomali/Table_61.vue
index 0b228f8..7026dc0 100755
--- a/src/components/Pages/Anomali/Table_61.vue
+++ b/src/components/Pages/Anomali/Table_61.vue
@@ -1,9 +1,6 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
@@ -107,8 +104,7 @@
diff --git a/src/components/Pages/Gangguan/Table_11.vue b/src/components/Pages/Gangguan/Table_11.vue
index 407b58b..4dc017c 100755
--- a/src/components/Pages/Gangguan/Table_11.vue
+++ b/src/components/Pages/Gangguan/Table_11.vue
@@ -1,324 +1,626 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)"
+ class="mb-4"
+ >
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_12.vue b/src/components/Pages/Gangguan/Table_12.vue
index 112c86c..2511d54 100755
--- a/src/components/Pages/Gangguan/Table_12.vue
+++ b/src/components/Pages/Gangguan/Table_12.vue
@@ -1,203 +1,531 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+const filters = ref({
+ groupBy: false
+})
+
diff --git a/src/components/Pages/Gangguan/Table_13.vue b/src/components/Pages/Gangguan/Table_13.vue
index e8bd5e1..b8d7cf8 100755
--- a/src/components/Pages/Gangguan/Table_13.vue
+++ b/src/components/Pages/Gangguan/Table_13.vue
@@ -1,203 +1,349 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_14.vue b/src/components/Pages/Gangguan/Table_14.vue
index 91ee2d4..be08cd3 100755
--- a/src/components/Pages/Gangguan/Table_14.vue
+++ b/src/components/Pages/Gangguan/Table_14.vue
@@ -1,53 +1,100 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
+ filterData(filters)"
+ class="mb-4"
+ >
+ (filters = value)" />
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/src/components/Pages/Gangguan/Table_15.vue b/src/components/Pages/Gangguan/Table_15.vue
index ee68ac8..583504b 100755
--- a/src/components/Pages/Gangguan/Table_15.vue
+++ b/src/components/Pages/Gangguan/Table_15.vue
@@ -1,36 +1,85 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
+ filterData(filters)"
+ class="mb-4"
+ >
+ (filters = value)" />
+
-
-
-
+
+
+
+
+
+
-
-
-
-
-
+
+
+
-
-
+
+
+
+
+
+
+
\ No newline at end of file
+
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_2.vue b/src/components/Pages/Gangguan/Table_2.vue
index d237ad4..e29179b 100755
--- a/src/components/Pages/Gangguan/Table_2.vue
+++ b/src/components/Pages/Gangguan/Table_2.vue
@@ -1,166 +1,271 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
- {{ data.text }}
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tgl Response:
+
+
+
+
+
Tgl Recovery:
+
+
+
+
+
Jml Lapor:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status :
+
+
+
+
+
IDPEL/NOMETER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumper Lapor:
+
+
+
+
+
Unit Layanan Pelanggan:
+
+
-
-
-
-
-
- No Laporan:
-
-
-
-
-
-
- Tanggal Lapor:
-
-
-
-
-
-
- Tanggal Response:
-
-
-
-
-
-
- Tanggal Recovery:
-
-
-
-
-
-
- Jumlah Lapor:
-
-
-
-
-
-
- Durasi Response Time:
-
-
-
-
-
-
- Durasi Response Time:
-
-
-
-
-
-
- Status :
-
-
-
-
-
-
- IDPEL/NO METER:
-
-
-
-
-
-
- Nama Pelapor:
-
-
-
-
-
-
- No Telp Pelapor:
-
-
-
-
-
-
- Keterangan Pelapor:
-
-
-
-
-
-
- Sumper Lapor:
-
-
-
-
-
-
- Posko:
-
-
-
-
-
-
+
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Table_3.vue b/src/components/Pages/Gangguan/Table_3.vue
index 9f4ba9a..c71967e 100755
--- a/src/components/Pages/Gangguan/Table_3.vue
+++ b/src/components/Pages/Gangguan/Table_3.vue
@@ -1,55 +1,277 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tgl Response:
+
+
+
+
+
Tgl Recovery:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status :
+
+
+
+
+
IDPEL/NOMETER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumper Lapor:
+
+
+
+
+
Unit Layanan Pelanggan:
+
+
+
+
+
Penyebab:
+
+
+
+
+
Tindakan:
+
+
+
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Table_4.vue b/src/components/Pages/Gangguan/Table_4.vue
index a50d7f2..d650ec5 100755
--- a/src/components/Pages/Gangguan/Table_4.vue
+++ b/src/components/Pages/Gangguan/Table_4.vue
@@ -1,98 +1,219 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Table_5.vue b/src/components/Pages/Gangguan/Table_5.vue
index 4256230..6327e4e 100755
--- a/src/components/Pages/Gangguan/Table_5.vue
+++ b/src/components/Pages/Gangguan/Table_5.vue
@@ -1,128 +1,247 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
diff --git a/src/components/Pages/Gangguan/Table_6.vue b/src/components/Pages/Gangguan/Table_6.vue
index e919518..1737195 100755
--- a/src/components/Pages/Gangguan/Table_6.vue
+++ b/src/components/Pages/Gangguan/Table_6.vue
@@ -1,46 +1,157 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA, {
+ dateFrom: new Date().toISOString().slice(0, 10),
+ dateTo: new Date().toISOString().slice(0, 10),
+ posko: 0,
+ idUid: 0,
+ idUp3: 0,
+ media: 'Twitter'
+})
+
+const filterData = (params: any) => {
+ const { posko, uid, up3, media } = params
+ const dateValue = params.periode.split(' s/d ')
+ refetch({
+ dateFrom: dateValue[0]
+ ? dateValue[0].split('-').reverse().join('-')
+ : new Date().toISOString().slice(0, 10),
+ dateTo: dateValue[1]
+ ? dateValue[1].split('-').reverse().join('-')
+ : new Date().toISOString().slice(0, 10),
+ posko: posko ? posko.id : 0,
+ idUid: uid ? uid.id : 0,
+ idUp3: up3 ? up3.id : 0,
+ media: media ? media.id : ''
+ })
+ onResult((queryResult) => {
+ if (queryResult.data != undefined) {
+ data.value = queryResult.data.daftarGangguanBerdasarkanMedia
+ }
+ console.log(queryResult.data)
+ console.log(queryResult.loading)
+ console.log(queryResult.networkStatus)
+ })
+ onError((error) => {
+ console.log(error)
+ })
+}
+
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_7.vue b/src/components/Pages/Gangguan/Table_7.vue
index 0bbf204..b1e6d0b 100755
--- a/src/components/Pages/Gangguan/Table_7.vue
+++ b/src/components/Pages/Gangguan/Table_7.vue
@@ -1,133 +1,252 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_8.vue b/src/components/Pages/Gangguan/Table_8.vue
index ee3e565..7c7e43d 100755
--- a/src/components/Pages/Gangguan/Table_8.vue
+++ b/src/components/Pages/Gangguan/Table_8.vue
@@ -1,204 +1,399 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)"
+ class="mb-4"
+ >
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+const filters = ref()
+
diff --git a/src/components/Pages/Gangguan/Table_9.vue b/src/components/Pages/Gangguan/Table_9.vue
index 5ea5241..860979d 100755
--- a/src/components/Pages/Gangguan/Table_9.vue
+++ b/src/components/Pages/Gangguan/Table_9.vue
@@ -1,144 +1,363 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)"
+ class="mb-4"
+ >
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_21.vue b/src/components/Pages/Keluhan/Table_21.vue
index b065658..7d24755 100755
--- a/src/components/Pages/Keluhan/Table_21.vue
+++ b/src/components/Pages/Keluhan/Table_21.vue
@@ -1,76 +1,182 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_22.vue b/src/components/Pages/Keluhan/Table_22.vue
index 65549a9..aca60a2 100755
--- a/src/components/Pages/Keluhan/Table_22.vue
+++ b/src/components/Pages/Keluhan/Table_22.vue
@@ -1,81 +1,294 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tanggal Response:
+
+
+
+
+
Tanggal Recovery:
+
+
+
+
+
Jml Lapor:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status:
+
+
+
+
+
IDPEL/NO METER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumber Lapor:
+
+
+
+
+
Nama ULP:
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_23.vue b/src/components/Pages/Keluhan/Table_23.vue
index 48c9d22..9cd1c78 100755
--- a/src/components/Pages/Keluhan/Table_23.vue
+++ b/src/components/Pages/Keluhan/Table_23.vue
@@ -1,74 +1,272 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tanggal Response:
+
+
+
+
+
Tanggal Recovery:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status:
+
+
+
+
+
IDPEL/NO METER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumber Lapor:
+
+
+
+
+
Nama ULP:
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_24.vue b/src/components/Pages/Keluhan/Table_24.vue
index bcec550..ad9a789 100755
--- a/src/components/Pages/Keluhan/Table_24.vue
+++ b/src/components/Pages/Keluhan/Table_24.vue
@@ -1,74 +1,273 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tanggal Response:
+
+
+
+
+
Tanggal Recovery:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status:
+
+
+
+
+
IDPEL/NO METER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumber Lapor:
+
+
+
+
+
Nama ULP:
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_25.vue b/src/components/Pages/Keluhan/Table_25.vue
index 23ab09d..f1c7b8d 100755
--- a/src/components/Pages/Keluhan/Table_25.vue
+++ b/src/components/Pages/Keluhan/Table_25.vue
@@ -1,81 +1,280 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tanggal Response:
+
+
+
+
+
Tanggal Recovery:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Status:
+
+
+
+
+
IDPEL/NO METER:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Sumber Lapor:
+
+
+
+
+
Nama ULP:
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_26.vue b/src/components/Pages/Keluhan/Table_26.vue
index f6d2589..b884aa2 100755
--- a/src/components/Pages/Keluhan/Table_26.vue
+++ b/src/components/Pages/Keluhan/Table_26.vue
@@ -1,77 +1,287 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
No Laporan:
+
+
+
+
+
Nama Pelapor:
+
+
+
+
+
No Telp Pelapor:
+
+
+
+
+
Alamat Pelapor:
+
+
+
+
+
Keterangan Pelapor:
+
+
+
+
+
Status:
+
+
+
+
+
Tgl Lapor:
+
+
+
+
+
Tgl Response:
+
+
+
+
+
Tgl Recovery:
+
+
+
+
+
Response Time:
+
+
+
+
+
Recovery Time:
+
+
+
+
+
Sumber Lapor:
+
+
+
+
+
Tgl Media:
+
+
+
+
+
Keterangan Media:
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_27.vue b/src/components/Pages/Keluhan/Table_27.vue
index 42b7342..802c810 100755
--- a/src/components/Pages/Keluhan/Table_27.vue
+++ b/src/components/Pages/Keluhan/Table_27.vue
@@ -1,74 +1,191 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
-
-
-
-
+ filterData(filters)" class="mb-4">
+ (filters = value)" />
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue
index 0932408..2cf9d36 100755
--- a/src/components/Pages/Keluhan/Table_28.vue
+++ b/src/components/Pages/Keluhan/Table_28.vue
@@ -1,64 +1,219 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
+ filterData(filters)" :report-button="true" class="mb-4">
+ filters = value" />
+
+ @selection-changed="onDataSelectionChanged" :column-width="100" @exporting="onExporting"
+ :allow-column-resizing="true" column-resizing-mode="widget" :word-wrap-enabled="true">
-
-
+
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
-
-
+ css-class="custom-table-column" cell-template="data" />
+
+
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+ css-class="custom-table-column" cell-template="data" />
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
+ No Laporan:
+
+
+
+
+
+
+ Tgl Lapor:
+
+
+
+
+
+
+ Dalam Proses Bidang:
+
+
+
+
+
+
+ Selesai Bidang Unit:
+
+
+
+
+
+
+ Durasi Response Time:
+
+
+
+
+
+
+ Status:
+
+
+
+
+
+
+ IDPEL/NO METER::
+
+
+
+
+
+
+ Nama Pelapor:
+
+
+
+
+
+
+ Alamat Pelapor:
+
+
+
+
+
+
+ No Telp Pelapor:
+
+
+
+
+
+
+ Keterangan Pelapor:
+
+
+
+
+
+
+ Rayon:
+
+
+
+
+
+
+ Uraian:
+
+
+
+
+
+
+ Response Pelanggan:
+
+
+
+
+
+
+
diff --git a/src/components/Pages/Monalisa/Table_37.vue b/src/components/Pages/Monalisa/Table_37.vue
index 5bce029..9538367 100755
--- a/src/components/Pages/Monalisa/Table_37.vue
+++ b/src/components/Pages/Monalisa/Table_37.vue
@@ -1,15 +1,12 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
+ @selection-changed="onSelectionChanged" @exporting="onExporting" :allow-column-resizing="true"
+ column-resizing-mode="widget" :word-wrap-enabled="true">
@@ -19,8 +16,7 @@
-
+
+ :caption="`s.d ${getMonthName(bulanSekarang)} ${tahunLalu}`" css-class="custom-table-column" />
import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
-import { computed, onMounted, ref, watch } from 'vue'
-import { useFiltersStore } from '@/stores/filters'
+import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
@@ -64,7 +59,7 @@ 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'
-const tahunSekarang = ref(new Date().getFullYear())
+const tahunSekarang = ref(new Date().getFullYear())
const bulanSekarang = ref(new Date().getMonth())
const tahunLalu = ref(tahunSekarang.value - 1)
import { useQuery } from '@vue/apollo-composable'
@@ -109,7 +104,7 @@ const onExporting = (e: any) => {
const monalisaDispatchingTimeGangguan = gql`
query DaftarmonalisaDispatchingTimeGangguan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -148,7 +143,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
@@ -158,10 +153,7 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) {
queryResult.data.monalisaDispatchingTimeGangguan.forEach((item: any) => {
data.value = [
- ...data.value,
- {
- ...item
- }
+ ...data.value, { ...item }
]
})
}
diff --git a/src/components/Pages/Monalisa/Table_38.vue b/src/components/Pages/Monalisa/Table_38.vue
index 6179096..532bb07 100755
--- a/src/components/Pages/Monalisa/Table_38.vue
+++ b/src/components/Pages/Monalisa/Table_38.vue
@@ -1,15 +1,12 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
+ @selection-changed="onSelectionChanged" @exporting="onExporting" :allow-column-resizing="true"
+ column-resizing-mode="widget" :word-wrap-enabled="true">
@@ -19,8 +16,7 @@
-
+
import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
-import { computed, onMounted, ref, watch } from 'vue'
-import { useFiltersStore } from '@/stores/filters'
+import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
@@ -55,12 +50,13 @@ 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'
-const tahunSekarang = ref(new Date().getFullYear())
-const bulanSekarang = ref(new Date().getMonth())
-const tahunLalu = ref(tahunSekarang.value - 1)
import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { getMonthName } from '@/utils/texts'
+
+const tahunSekarang = ref(new Date().getFullYear())
+const bulanSekarang = ref(new Date().getMonth())
+const tahunLalu = ref(tahunSekarang.value - 1)
const position = { of: '#data' };
const showIndicator = ref(true);
const shading = ref(true);
@@ -70,7 +66,7 @@ const dataDetail = ref()
const showDetail = ref(false)
const monalisaRecoveryTimeGangguan = gql`
- query DaftarmonalisaRecoveryTimeGangguan($regional:regional, $posko: String, $idUid: Int, $idUp3: Int,$bulan: Int, $tahun: Int) {
+ query DaftarmonalisaRecoveryTimeGangguan($regional:regional, $posko: Int, $idUid: Int, $idUp3: Int,$bulan: Int, $tahun: Int) {
monalisaRecoveryTimeGangguan(
regional:$regional
posko: $posko
@@ -90,7 +86,7 @@ const monalisaRecoveryTimeGangguan = gql`
}
`;
const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeGangguan, {
- regional: "",
+ regional: 0,
posko: 0,
idUid: 0,
idUp3: 0,
@@ -105,7 +101,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_39.vue b/src/components/Pages/Monalisa/Table_39.vue
index 3112c2d..d3ac6e4 100755
--- a/src/components/Pages/Monalisa/Table_39.vue
+++ b/src/components/Pages/Monalisa/Table_39.vue
@@ -1,15 +1,12 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
+ @selection-changed="onSelectionChanged" @exporting="onExporting" :allow-column-resizing="true"
+ column-resizing-mode="widget" :word-wrap-enabled="true">
@@ -19,8 +16,7 @@
-
+
import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
-import { computed, onMounted, ref, watch } from 'vue'
-import { useFiltersStore } from '@/stores/filters'
+import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
@@ -80,7 +75,7 @@ const showDetail = ref(false)
const monalisaResponseTimeKeluhan = gql`
query DaftarmonalisaResponseTimeKeluhan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -119,7 +114,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_40.vue b/src/components/Pages/Monalisa/Table_40.vue
index a6895b6..40e3740 100755
--- a/src/components/Pages/Monalisa/Table_40.vue
+++ b/src/components/Pages/Monalisa/Table_40.vue
@@ -1,9 +1,6 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
-
+
@@ -82,8 +78,7 @@
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_46.vue b/src/components/Pages/Monalisa/Table_46.vue
index f0db8f0..339e720 100755
--- a/src/components/Pages/Monalisa/Table_46.vue
+++ b/src/components/Pages/Monalisa/Table_46.vue
@@ -1,15 +1,12 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
+ @selection-changed="onSelectionChanged" @exporting="onExporting" :allow-column-resizing="true"
+ column-resizing-mode="widget" :word-wrap-enabled="true">
@@ -19,8 +16,7 @@
-
+
{
const monalisaDispatchingTimeKeluhan = gql`
query DaftarmonalisaDispatchingTimeKeluhan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -137,7 +133,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_47.vue b/src/components/Pages/Monalisa/Table_47.vue
index d3df540..dd1cf92 100755
--- a/src/components/Pages/Monalisa/Table_47.vue
+++ b/src/components/Pages/Monalisa/Table_47.vue
@@ -1,25 +1,22 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
-
+
-
+
-
+
{
}
}
const monalisaRecoveryTimeKeluhan = gql`
- query DaftarmonalisaRecoveryTimeKeluhan($regional:regional, $posko: String, $idUid: Int, $idUp3: Int,$bulan: Int, $tahun: Int) {
+ query DaftarmonalisaRecoveryTimeKeluhan($regional:regional, $posko: Int, $idUid: Int, $idUp3: Int,$bulan: Int, $tahun: Int) {
monalisaRecoveryTimeKeluhan(
regional:$regional
posko: $posko
@@ -115,7 +112,7 @@ const monalisaRecoveryTimeKeluhan = gql`
}
`;
const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeKeluhan, {
- regional: "",
+ regional: 0,
posko: 0,
idUid: 0,
idUp3: 0,
@@ -130,7 +127,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_48.vue b/src/components/Pages/Monalisa/Table_48.vue
index 15558cd..380af30 100755
--- a/src/components/Pages/Monalisa/Table_48.vue
+++ b/src/components/Pages/Monalisa/Table_48.vue
@@ -1,25 +1,23 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
-
+
-
+
-
+
@@ -135,7 +133,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const monalisaJumlahDurasiRptRctKeluhan = gql`
query DaftarmonalisaJumlahDurasiRptRctKeluhan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -166,42 +164,42 @@ const monalisaJumlahDurasiRptRctKeluhan = gql`
}
`
const { onResult, onError, loading, refetch } = useQuery(monalisaJumlahDurasiRptRctKeluhan, {
- bulan: 10,
- tahun: 2023,
- regional: '',
- posko: '',
- idUid: 0,
- idUp3: 0
+ bulan: 10,
+ tahun: 2023,
+ regional: '',
+ posko: '',
+ idUid: 0,
+ idUp3: 0
})
const filterData = (params: any) => {
- const { regional, posko, idUid, idUp3, bulan, tahun } = params;
+ const { regional, posko, idUid, idUp3, bulan, tahun } = params;
- refetch({
- regional: regional,
- posko: posko ? posko.id : "",
- idUid: idUid ? idUid.id : 0,
- idUp3: idUp3 ? idUp3.id : 0,
- bulan: bulan ? bulan.id : 10,
- tahun: bulan ? tahun.id : 2023
- })
- onResult((queryResult) => {
- if (queryResult.data != undefined) {
- queryResult.data.monalisaJumlahDurasiRptRctKeluhan.forEach((item: any) => {
- data.value = [
- ...data.value,
- {
- ...item
- }
- ]
- })
- }
- console.log(queryResult.data)
- console.log(queryResult.loading)
- console.log(queryResult.networkStatus)
- })
-onError((error) => {
- console.log(error)
-})
+ refetch({
+ regional: regional,
+ posko: posko ? posko.id : 0,
+ idUid: idUid ? idUid.id : 0,
+ idUp3: idUp3 ? idUp3.id : 0,
+ bulan: bulan ? bulan.id : 10,
+ tahun: bulan ? tahun.id : 2023
+ })
+ onResult((queryResult) => {
+ if (queryResult.data != undefined) {
+ queryResult.data.monalisaJumlahDurasiRptRctKeluhan.forEach((item: any) => {
+ data.value = [
+ ...data.value,
+ {
+ ...item
+ }
+ ]
+ })
+ }
+ console.log(queryResult.data)
+ console.log(queryResult.loading)
+ console.log(queryResult.networkStatus)
+ })
+ onError((error) => {
+ console.log(error)
+ })
}
const filters = ref()
diff --git a/src/components/Pages/Monalisa/Table_49.vue b/src/components/Pages/Monalisa/Table_49.vue
index a032329..87fd394 100755
--- a/src/components/Pages/Monalisa/Table_49.vue
+++ b/src/components/Pages/Monalisa/Table_49.vue
@@ -1,28 +1,31 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
-
+
-
+
-
+
-
-
-
+
+
+
@@ -85,7 +88,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const monalisaKeluhanPerJenisKeluhan = gql`
query DaftarmonalisaKeluhanPerJenisKeluhan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -119,7 +122,7 @@ const filterData = (params: any) => {
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_50.vue b/src/components/Pages/Monalisa/Table_50.vue
index eb6f1b1..e7b5449 100755
--- a/src/components/Pages/Monalisa/Table_50.vue
+++ b/src/components/Pages/Monalisa/Table_50.vue
@@ -1,25 +1,22 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
-
+
-
+
-
+
{
const monalisaRekapitulasiLaporUlangKeluhan = gql`
query DaftarmonalisaRekapitulasiLaporUlangKeluhan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -141,7 +138,7 @@ const filterData = (params: any) => {
tahunLalu.value = tahun.id - 1;
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_51.vue b/src/components/Pages/Monalisa/Table_51.vue
index 694f9d6..cb7aca4 100755
--- a/src/components/Pages/Monalisa/Table_51.vue
+++ b/src/components/Pages/Monalisa/Table_51.vue
@@ -1,79 +1,29 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- "
- />
+ filters = value" />
-
+
-
+
-
+
-
+
-
-
-
+
+
+
@@ -144,7 +94,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const monalisaRekapitulasiKeluhanBelumSelesai = gql`
query DaftarmonalisaRekapitulasiKeluhanBelumSelesai(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -178,7 +128,7 @@ const filterData = (params: any) => {
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_52.vue b/src/components/Pages/Monalisa/Table_52.vue
index 2facf6d..ca61c36 100755
--- a/src/components/Pages/Monalisa/Table_52.vue
+++ b/src/components/Pages/Monalisa/Table_52.vue
@@ -1,9 +1,6 @@
filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
+ filters = value" />
{
const penurunanJumlahKomplainBulanan = gql`
query DaftarpenurunanJumlahKomplainBulanan(
$regional: String
- $posko: String
+ $posko: Int
$idUid: Int
$idUp3: Int
$bulan: Int
@@ -205,7 +202,7 @@ const filterData = (params: any) => {
refetch({
regional: regional,
- posko: posko ? posko.id : "",
+ posko: posko ? posko.id : 0,
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
bulan: bulan ? bulan.id : 10,
diff --git a/src/components/Pages/Monalisa/Table_53.vue b/src/components/Pages/Monalisa/Table_53.vue
index 1bbd5f4..d883525 100755
--- a/src/components/Pages/Monalisa/Table_53.vue
+++ b/src/components/Pages/Monalisa/Table_53.vue
@@ -1,53 +1,50 @@
- filterData(filters)" class="mb-4">
- {
- filters = value
- }
- " />
-
-
-
-
-
-
- filterData(filters)" class="mb-4">
+ filters = value" />
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
-
-