defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'dev-bagus' of https://github.com/defuj/eis into dev-defuj

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-16 18:22:16 +07:00
parent 498904e51f cee09740c2
commit d0b2e70e36
14 changed files with 1751 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
View File

@ -228,6 +228,7 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
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('-')
@ -240,20 +241,45 @@ const filterData = (params: any) => {
idUp3: up3 ? up3.id : 0,
media: media ? media.id : ''
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanBerdasarkanMedia
}
reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const onExporting = (e: any) => {
const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
let dateFromFormat = ''
let dateToFormat = ''
let dayTo = ''
if (periode != '') {
const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
const dateTo = new Date(periode[1].split('-').reverse().join('-'))
dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
month: 'long'
})}-${dateFrom.getFullYear()}`
dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
month: 'long'
})}-${dateTo.getFullYear()}`
dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
}
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@ -261,7 +287,66 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
['PT. PLN(Persero)', '', ''],
[
{ content: 'UNIT INDUK', styles: { cellWidth: 25 } },
{ content: ':', styles: { cellWidth: 1 } },
reportMeta.value.uid
? reportMeta.value.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
],
[
'UNIT PELAKSANA PELAYANAN PELANGGAN',
':',
reportMeta.value.up3
? reportMeta.value.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
],
[
'POSKO',
':',
reportMeta.value.posko
? reportMeta.value.posko.name.toUpperCase()
: 'Semua Posko'.toUpperCase()
],
[
'MEDIA',
':',
reportMeta.value.media
? reportMeta.value.media.name.toUpperCase()
: 'Semua Media'.toUpperCase()
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold'
},
theme: 'plain',
startY: 10
})
autoTable(doc, {
head: [
['Daftar Gangguan Berdasarkan Media'.toUpperCase()],
[`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
startY: 18
})
autoTable(doc, {
head: [
[
'No',
'No Laporan',
'Nama Pelapor',
'Alamat Pelapor',
@ -278,7 +363,8 @@ const onExporting = (e: any) => {
'Keterangan Media'
]
],
body: data.value.map((item) => [
body: data.value.map((item, i) => [
{ content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.nama_pelapor,
item.alamat_pelapor,
@ -288,18 +374,65 @@ const onExporting = (e: any) => {
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.nama_posko,
item.waktu_media,
item.keterangan_media
]),
styles: {
fontSize: 4
}
fontSize: 3,
cellPadding: 1,
lineColor: [0, 0, 0],
lineWidth: 0.1,
cellWidth: 'auto'
},
rowPageBreak: 'auto',
headStyles: {
fillColor: [192, 192, 192],
textColor: [0, 0, 0],
fontStyle: 'bold',
cellWidth: 'wrap',
halign: 'center'
},
bodyStyles: {
textColor: [0, 0, 0]
},
didParseCell: function (data) {
if (data.row.section === 'head') {
data.cell.text = data.cell.text.map(function (word: any) {
return word.toUpperCase()
})
}
},
startY: 23
})
doc.save('Daftar Gangguan Berdasarkan Media.pdf')
autoTable(doc, {
head: [
[`${dayTo}, ${dateToFormat}`],
[
{
content: '(.........................................)',
styles: { minCellHeight: 8, valign: 'bottom' }
}
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
tableWidth: 50,
margin: { left: 230 }
})
doc.save('Laporan Daftar Gangguan Berdasarkan Media.pdf', { returnPromise: true }).then(() => {
console.log('pdf berhasil disimpan')
})
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Gangguan Berdasarkan Media')
@ -322,6 +455,14 @@ const onExporting = (e: any) => {
}
const filters = ref()
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
posko: { id: 0, name: 'Semua Posko' },
media: { id: '', name: 'Semua Media' },
periode: ''
})
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia

4
src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
View File

@ -484,8 +484,8 @@ const onExporting = (e: any) => {
item.waktu_dialihkan,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.nama_posko_lama,
item.nama_posko_baru,
item.status_akhir,

146
src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
View File

@ -242,20 +242,45 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3?.id ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanDiselesaikanMobileAPKT
}
reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const onExporting = (e: any) => {
const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
let dateFromFormat = ''
let dateToFormat = ''
let dayTo = ''
if (periode != '') {
const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
const dateTo = new Date(periode[1].split('-').reverse().join('-'))
dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
month: 'long'
})}-${dateFrom.getFullYear()}`
dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
month: 'long'
})}-${dateTo.getFullYear()}`
dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
}
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@ -263,7 +288,59 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
['PT. PLN(Persero)', '', ''],
[
{ content: 'UNIT INDUK', styles: { cellWidth: 25 } },
{ content: ':', styles: { cellWidth: 1 } },
reportMeta.value.uid
? reportMeta.value.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
],
[
'UNIT PELAKSANA PELAYANAN PELANGGAN',
':',
reportMeta.value.up3
? reportMeta.value.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
],
[
'POSKO',
':',
reportMeta.value.posko
? reportMeta.value.posko.name.toUpperCase()
: 'Semua Posko'.toUpperCase()
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold'
},
theme: 'plain',
startY: 10
})
autoTable(doc, {
head: [
['Daftar Gangguan Diselesaikan Mobile APKT'.toUpperCase()],
[`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
startY: 18
})
autoTable(doc, {
head: [
[
'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@ -280,13 +357,14 @@ const onExporting = (e: any) => {
'Posko'
]
],
body: data.value.map((item) => [
body: data.value.map((item, i) => [
{ content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.idpel_nometer,
item.nama_pelapor,
@ -297,11 +375,60 @@ const onExporting = (e: any) => {
item.nama_posko
]),
styles: {
fontSize: 4
}
fontSize: 3,
cellPadding: 1,
lineColor: [0, 0, 0],
lineWidth: 0.1,
cellWidth: 'auto'
},
rowPageBreak: 'auto',
headStyles: {
fillColor: [192, 192, 192],
textColor: [0, 0, 0],
fontStyle: 'bold',
cellWidth: 'wrap',
halign: 'center'
},
bodyStyles: {
textColor: [0, 0, 0]
},
didParseCell: function (data) {
if (data.row.section === 'head') {
data.cell.text = data.cell.text.map(function (word: any) {
return word.toUpperCase()
})
}
},
startY: 23
})
doc.save('Daftar Gangguan Diselesaikan Mobile APKT.pdf')
autoTable(doc, {
head: [
[`${dayTo}, ${dateToFormat}`],
[
{
content: '(.........................................)',
styles: { minCellHeight: 8, valign: 'bottom' }
}
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
tableWidth: 50,
margin: { left: 230 }
})
doc
.save('Laporan Daftar Gangguan Diselesaikan Mobile APKT.pdf', { returnPromise: true })
.then(() => {
console.log('pdf berhasil disimpan')
})
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Gangguan Diselesaikan Mobile APKT')
@ -324,6 +451,13 @@ const onExporting = (e: any) => {
}
const filters = ref()
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
posko: { id: 0, name: 'Semua Posko' },
periode: ''
})
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT

4
src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
View File

@ -506,8 +506,8 @@ const onExporting = (e: any) => {
item.waktu_response,
item.waktu_recovery,
item.jumlah_lapor,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.idpel_nometer,
item.nama_pelapor,

161
src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
View File

@ -370,9 +370,8 @@ const closeDetail = () => (showDetail.value = false)
const filterData = (params: any) => {
const { minTime, maxTime, posko, uid, up3 } = params
console.table(params)
const dateValue = params.periode.split(' s/d ')
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@ -386,19 +385,55 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanRecoveryTime
}
reportMeta.value = filters.value
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const onExporting = (e: any) => {
const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
const minTime = reportMeta.value.minTime ? reportMeta.value.minTime : ''
const maxTime = reportMeta.value.maxTime ? reportMeta.value.maxTime : ''
let dateFromFormat = ''
let dateToFormat = ''
let dayTo = ''
let durasi = ''
if (minTime == '46' && maxTime != '143998560') {
durasi = 'Melebihi SLA (>45 Menit)'
} else if (minTime == '1' && maxTime == '45') {
durasi = 'Dibawah / Sesuai SLA (<=45 Menit)'
} else {
durasi = 'Durasi Menit'
}
if (periode != '') {
const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
const dateTo = new Date(periode[1].split('-').reverse().join('-'))
dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
month: 'long'
})}-${dateFrom.getFullYear()}`
dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
month: 'long'
})}-${dateTo.getFullYear()}`
dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
}
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@ -406,7 +441,60 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
['PT. PLN(Persero)', '', ''],
[
{ content: 'UNIT INDUK', styles: { cellWidth: 25 } },
{ content: ':', styles: { cellWidth: 1 } },
reportMeta.value.uid
? reportMeta.value.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
],
[
'UNIT PELAKSANA PELAYANAN PELANGGAN',
':',
reportMeta.value.up3
? reportMeta.value.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
],
[
'POSKO',
':',
reportMeta.value.posko
? reportMeta.value.posko.name.toUpperCase()
: 'Semua Posko'.toUpperCase()
],
['Durasi', ':', `${durasi} ${durasi == 'Durasi Menit' ? minTime + ' - ' + maxTime : ''}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold'
},
theme: 'plain',
startY: 10
})
autoTable(doc, {
head: [
['Daftar Gangguan Recovery Time'.toUpperCase()],
[`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
startY: 18
})
autoTable(doc, {
head: [
[
'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@ -423,13 +511,14 @@ const onExporting = (e: any) => {
'Posko'
]
],
body: data.value.map((item) => [
body: data.value.map((item, i) => [
{ content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.referensi_marking,
item.idpel_nometer,
@ -440,11 +529,58 @@ const onExporting = (e: any) => {
item.nama_posko
]),
styles: {
fontSize: 4
}
fontSize: 3,
cellPadding: 1,
lineColor: [0, 0, 0],
lineWidth: 0.1,
cellWidth: 'auto'
},
rowPageBreak: 'auto',
headStyles: {
fillColor: [192, 192, 192],
textColor: [0, 0, 0],
fontStyle: 'bold',
cellWidth: 'wrap',
halign: 'center'
},
bodyStyles: {
textColor: [0, 0, 0]
},
didParseCell: function (data) {
if (data.row.section === 'head') {
data.cell.text = data.cell.text.map(function (word: any) {
return word.toUpperCase()
})
}
},
startY: 23
})
doc.save('Daftar Gangguan Recovery Time.pdf')
autoTable(doc, {
head: [
[`${dayTo}, ${dateToFormat}`],
[
{
content: '(.........................................)',
styles: { minCellHeight: 8, valign: 'bottom' }
}
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
tableWidth: 50,
margin: { left: 230 }
})
doc.save('Laporan Daftar Gangguan Recovery Time.pdf', { returnPromise: true }).then(() => {
console.log('pdf berhasil disimpan')
})
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Gangguan Recovery Time')
@ -477,6 +613,15 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
})
const filters = ref()
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
posko: { id: 0, name: 'Semua Posko' },
periode: '',
minTime: '',
maxTime: ''
})
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.daftar.gangguanRecoveryTime

159
src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
View File

@ -348,6 +348,7 @@ const closeDetail = () => (showDetail.value = false)
const filterData = (params: any) => {
const { minTime, maxTime, posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ')
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@ -361,13 +362,17 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanResponseTime
}
reportMeta.value = filters.value
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
@ -384,6 +389,38 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
})
const onExporting = (e: any) => {
const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
const minTime = reportMeta.value.minTime ? reportMeta.value.minTime : ''
const maxTime = reportMeta.value.maxTime ? reportMeta.value.maxTime : ''
let dateFromFormat = ''
let dateToFormat = ''
let dayTo = ''
let durasi = ''
if (minTime == '46' && maxTime != '143998560') {
durasi = 'Melebihi SLA (>45 Menit)'
} else if (minTime == '1' && maxTime == '45') {
durasi = 'Dibawah / Sesuai SLA (<=45 Menit)'
} else {
durasi = 'Durasi Menit'
}
if (periode != '') {
const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
const dateTo = new Date(periode[1].split('-').reverse().join('-'))
dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
month: 'long'
})}-${dateFrom.getFullYear()}`
dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
month: 'long'
})}-${dateTo.getFullYear()}`
dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
}
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@ -391,7 +428,60 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
['PT. PLN(Persero)', '', ''],
[
{ content: 'UNIT INDUK', styles: { cellWidth: 25 } },
{ content: ':', styles: { cellWidth: 1 } },
reportMeta.value.uid
? reportMeta.value.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
],
[
'UNIT PELAKSANA PELAYANAN PELANGGAN',
':',
reportMeta.value.up3
? reportMeta.value.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
],
[
'POSKO',
':',
reportMeta.value.posko
? reportMeta.value.posko.name.toUpperCase()
: 'Semua Posko'.toUpperCase()
],
['Durasi', ':', `${durasi} ${durasi == 'Durasi Menit' ? minTime + ' - ' + maxTime : ''}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold'
},
theme: 'plain',
startY: 10
})
autoTable(doc, {
head: [
['Daftar Gangguan Response Time'.toUpperCase()],
[`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
startY: 18
})
autoTable(doc, {
head: [
[
'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@ -408,13 +498,14 @@ const onExporting = (e: any) => {
'Posko'
]
],
body: data.value.map((item) => [
body: data.value.map((item, i) => [
{ content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.referensi_marking,
item.idpel_nometer,
@ -425,11 +516,58 @@ const onExporting = (e: any) => {
item.nama_posko
]),
styles: {
fontSize: 4
}
fontSize: 3,
cellPadding: 1,
lineColor: [0, 0, 0],
lineWidth: 0.1,
cellWidth: 'auto'
},
rowPageBreak: 'auto',
headStyles: {
fillColor: [192, 192, 192],
textColor: [0, 0, 0],
fontStyle: 'bold',
cellWidth: 'wrap',
halign: 'center'
},
bodyStyles: {
textColor: [0, 0, 0]
},
didParseCell: function (data) {
if (data.row.section === 'head') {
data.cell.text = data.cell.text.map(function (word: any) {
return word.toUpperCase()
})
}
},
startY: 23
})
doc.save('Daftar Gangguan Response Time.pdf')
autoTable(doc, {
head: [
[`${dayTo}, ${dateToFormat}`],
[
{
content: '(.........................................)',
styles: { minCellHeight: 8, valign: 'bottom' }
}
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
tableWidth: 50,
margin: { left: 230 }
})
doc.save('Laporan Daftar Gangguan Response Time.pdf', { returnPromise: true }).then(() => {
console.log('pdf berhasil disimpan')
})
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Gangguan Response Time')
@ -452,6 +590,15 @@ const onExporting = (e: any) => {
}
const filters = ref()
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
posko: { id: 0, name: 'Semua Posko' },
periode: '',
minTime: '',
maxTime: ''
})
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.daftar.gangguanResponseTime

147
src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
View File

@ -230,6 +230,7 @@ const { onResult, onError, loading, refetch } = useQuery(
const filterData = (params: any) => {
const { posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ')
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@ -241,20 +242,45 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanSelesaiTanpaIdPelanggan
}
reportMeta.value = filters.value
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const onExporting = (e: any) => {
const periode = reportMeta.value.periode ? reportMeta.value.periode.split(' s/d ') : ''
let dateFromFormat = ''
let dateToFormat = ''
let dayTo = ''
if (periode != '') {
const dateFrom = new Date(periode[0].split('-').reverse().join('-'))
const dateTo = new Date(periode[1].split('-').reverse().join('-'))
dateFromFormat = `${dateFrom.getDate()}-${dateFrom.toLocaleString('default', {
month: 'long'
})}-${dateFrom.getFullYear()}`
dateToFormat = `${dateTo.getDate()}-${dateTo.toLocaleString('default', {
month: 'long'
})}-${dateTo.getFullYear()}`
dayTo = dateTo.toLocaleString('default', { weekday: 'long' })
}
if (e.format === 'pdf') {
const doc = new jsPDF({
orientation: 'landscape'
@ -262,7 +288,59 @@ const onExporting = (e: any) => {
autoTable(doc, {
head: [
['PT. PLN(Persero)', '', ''],
[
{ content: 'UNIT INDUK', styles: { cellWidth: 25 } },
{ content: ':', styles: { cellWidth: 1 } },
reportMeta.value.uid
? reportMeta.value.uid.name.toUpperCase()
: 'Semua Unit Induk Distribusi/Wilayah'.toUpperCase()
],
[
'UNIT PELAKSANA PELAYANAN PELANGGAN',
':',
reportMeta.value.up3
? reportMeta.value.up3.name.toUpperCase()
: 'Semua Unit Pelaksanaan Pelayanan Pelanggan'.toUpperCase()
],
[
'POSKO',
':',
reportMeta.value.posko
? reportMeta.value.posko.name.toUpperCase()
: 'Semua Posko'.toUpperCase()
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold'
},
theme: 'plain',
startY: 10
})
autoTable(doc, {
head: [
['Daftar Gangguan Selesai Tanpa ID Pelanggan'.toUpperCase()],
[`PERIODE TANGGAL : ${dateFromFormat} SD TGL ${dateToFormat}`]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
startY: 18
})
autoTable(doc, {
head: [
[
'No',
'No Laporan',
'Tgl Lapor',
'Tgl Response',
@ -279,13 +357,14 @@ const onExporting = (e: any) => {
'Posko'
]
],
body: data.value.map((item) => [
body: data.value.map((item, i) => [
{ content: ++i, styles: { halign: 'right' } },
item.no_laporan,
item.waktu_lapor,
item.waktu_response,
item.waktu_recovery,
item.durasi_response_time,
item.durasi_recovery_time,
parseInt(item.durasi_response_time) ? formatWaktu(item.durasi_response_time) : '-',
parseInt(item.durasi_recovery_time) ? formatWaktu(item.durasi_recovery_time) : '-',
item.status_akhir,
item.idpel_nometer,
item.nama_pelapor,
@ -296,11 +375,60 @@ const onExporting = (e: any) => {
item.nama_posko
]),
styles: {
fontSize: 4
}
fontSize: 3,
cellPadding: 1,
lineColor: [0, 0, 0],
lineWidth: 0.1,
cellWidth: 'auto'
},
rowPageBreak: 'auto',
headStyles: {
fillColor: [192, 192, 192],
textColor: [0, 0, 0],
fontStyle: 'bold',
cellWidth: 'wrap',
halign: 'center'
},
bodyStyles: {
textColor: [0, 0, 0]
},
didParseCell: function (data) {
if (data.row.section === 'head') {
data.cell.text = data.cell.text.map(function (word: any) {
return word.toUpperCase()
})
}
},
startY: 23
})
doc.save('Daftar Gangguan Selesai Tanpa ID Pelanggan.pdf')
autoTable(doc, {
head: [
[`${dayTo}, ${dateToFormat}`],
[
{
content: '(.........................................)',
styles: { minCellHeight: 8, valign: 'bottom' }
}
]
],
styles: {
fontSize: 3,
cellPadding: 0.1,
textColor: [0, 0, 0],
fontStyle: 'bold',
halign: 'center'
},
theme: 'plain',
tableWidth: 50,
margin: { left: 230 }
})
doc
.save('Laporan Daftar Gangguan Selesai Tanpa ID Pelanggan.pdf', { returnPromise: true })
.then(() => {
console.log('pdf berhasil disimpan')
})
} else {
const workbook = new Workbook()
const worksheet = workbook.addWorksheet('Daftar Gangguan Selesai Tanpa ID Pelanggan')
@ -323,6 +451,13 @@ const onExporting = (e: any) => {
}
const filters = ref()
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
posko: { id: 0, name: 'Semua Posko' },
periode: ''
})
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.daftar.daftarGangguanSelesaiTanpaIdPelanggan