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

Add conditional rendering for Issue and Sub Issue fields

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-04-05 11:01:21 +07:00
parent 71cfe4d532
commit 501ca78dd9
1 changed files with 51 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
View File

@ -907,23 +907,45 @@
cell-template="formatText" cell-template="formatText"
/> />
<DxColumn <DxColumn
v-if="parameterRequest.type == 'gangguan'"
:width="150" :width="150"
alignment="center" alignment="center"
data-field="" data-field="kode_gangguan"
caption="Kode Gangguan" caption="Kode Gangguan"
:allow-resizing="false" :allow-resizing="false"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
/> />
<DxColumn <DxColumn
v-else
:width="150" :width="150"
alignment="center" alignment="center"
data-field="nama_issuetype" data-field="nama_issuetype"
caption="Issue"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn
v-if="parameterRequest.type == 'gangguan'"
:width="150"
alignment="center"
data-field="jenis_gangguan"
caption="Jenis Gangguan" caption="Jenis Gangguan"
:allow-resizing="false" :allow-resizing="false"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatText" cell-template="formatText"
/> />
<DxColumn
v-else
:width="150"
alignment="center"
data-field="nama_subissuetype"
caption="Sub Issue"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="formatText"
/>
<DxColumn <DxColumn
:width="150" :width="150"
alignment="center" alignment="center"
@ -1060,13 +1082,16 @@
/> />
</div> </div>
<div class="flex flex-row items-center justify-between w-full"> <div
class="flex flex-row items-center justify-between w-full"
v-if="parameterRequest.type == 'gangguan'"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Kode Gangguan:</h3> <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>
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full" v-else>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jenis Gangguan:</h3> <h3 class="text-sm font-medium w-[135px] text-gray-800">Issue:</h3>
<InputText <InputText
:readonly="true" :readonly="true"
:value="dataSubSelected?.nama_issuetype" :value="dataSubSelected?.nama_issuetype"
@ -1074,6 +1099,27 @@
/> />
</div> </div>
<div
class="flex flex-row items-center justify-between w-full"
v-if="parameterRequest.type == 'gangguan'"
>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Jenis Gangguan:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.jenis_gangguan"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full" v-else>
<h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Issue:</h3>
<InputText
:readonly="true"
:value="dataSubSelected?.nama_subissuetype"
class-name="flex-1"
/>
</div>
<div class="flex flex-row items-center justify-between w-full"> <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> <h3 class="text-sm font-medium w-[135px] text-gray-800">Durasi Response Time:</h3>
<InputText <InputText