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

Update version.json and fix conditional rendering issue in Anomali_LAPPGP_LPP.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-04-29 11:39:16 +07:00
parent 81720210d8
commit 9ab688c9c3
6 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
View File

@ -577,6 +577,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="status_induk"
@ -593,6 +594,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="referensi_marking_induk"
@ -859,7 +861,10 @@
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status Induk:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
</div>
@ -873,7 +878,10 @@
/>
</div>
<div class="flex flex-row items-center justify-between w-full">
<div
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking Induk:</h3>
<InputText
:readonly="true"

37
src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
View File

@ -613,6 +613,16 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="no_laporan_anomali"
caption="No Laporan"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-else
:width="150"
alignment="center"
data-field="no_laporan"
@ -724,7 +734,7 @@
:width="150"
alignment="center"
data-field="dispatch_by"
caption="Dispacth Oleh"
caption="Dispatch Oleh"
css-class="custom-table-column"
cell-template="formatText"
/>
@ -793,6 +803,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="status_induk"
@ -801,6 +812,7 @@
cell-template="formatText"
/>
<DxColumn
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:width="150"
alignment="center"
data-field="referensi_marking_induk"
@ -880,7 +892,18 @@
<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="dataSubSelected?.no_laporan" class-name="flex-1" />
<InputText
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
:readonly="true"
:value="dataSubSelected?.no_laporan_anomali"
class-name="flex-1"
/>
<InputText
v-else
:readonly="true"
:value="dataSubSelected?.no_laporan"
class-name="flex-1"
/>
</div>
<div
@ -1062,12 +1085,18 @@
<InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Status Induk:</h3>
<InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<div
v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
class="flex flex-row items-center justify-between w-full"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking Induk:</h3>
<InputText
:readonly="true"

14
src/components/Pages/PencarianData/PencarianData.vue
View File

@ -211,6 +211,16 @@
<InputText :readonly="true" :value="dataSelected?.alamat_pelapor" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[170px] text-gray-800">No Telp Pelapor:</h3>
<InputText :readonly="true" :value="dataSelected?.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-[170px] text-gray-800">Keterangan Pelapor:</h3>
<InputText :readonly="true" :value="dataSelected?.keterangan_pelapor" class-name="flex-1" />
</div>
<div class="flex flex-row items-center justify-between w-full">
<h3 class="text-sm font-medium w-[170px] text-gray-800">Status:</h3>
<InputText :readonly="true" :value="dataSelected?.status_akhir" class-name="flex-1" />
@ -245,14 +255,13 @@
</template>
<script setup lang="ts">
import { ref, onMounted, watch } from 'vue'
import { ref, onMounted } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue'
import {
DxColumn,
DxExport,
DxLoadPanel,
DxPager,
DxPaging,
DxSearchPanel,
@ -260,7 +269,6 @@ import {
} from 'devextreme-vue/data-grid'
import { Type15 } from '@/components/Form/FiltersType'
import Filters from '@/components/Form/Filters.vue'
import { useQuery } from '@vue/apollo-composable'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'

5
src/utils/api/api.graphql.ts
View File

@ -4206,7 +4206,6 @@ export const queries = {
nama_ulp
no_laporan
referensi_marking
referensi_marking_induk
waktu_lapor
waktu_response
waktu_recovery
@ -4224,7 +4223,6 @@ export const queries = {
media
diselesaikan_oleh
status_akhir
status_induk
kode_gangguan
jenis_gangguan
penyebab
@ -4306,7 +4304,6 @@ export const queries = {
nama_ulp
no_laporan
referensi_marking
referensi_marking_induk
waktu_lapor
waktu_response
waktu_recovery
@ -4324,7 +4321,6 @@ export const queries = {
media
diselesaikan_oleh
status_akhir
status_induk
kode_gangguan
jenis_gangguan
penyebab
@ -4407,6 +4403,7 @@ export const queries = {
id_ulp
nama_ulp
no_laporan
no_laporan_referensi
referensi_marking
waktu_lapor
waktu_response