Add conditional rendering for Issue and Sub Issue fields

This commit is contained in:
Dede Fuji Abdul 2024-04-05 11:01:21 +07:00
parent 71cfe4d532
commit 501ca78dd9

View File

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