ปรับ ui ระบบวินัยเพิ่มเติม
This commit is contained in:
Tanyalak
parent
ea655acefb
commit
b2d6f24547
6 changed files with 1599 additions and 1590 deletions
|
|
@ -696,87 +696,86 @@ onMounted(async () => {
|
|||
</q-banner>
|
||||
<q-separator />
|
||||
</div>
|
||||
<form @submit.prevent="validateForm">
|
||||
<form @submit.prevent="validateForm" class="col-12 row">
|
||||
<div class="col-12 row">
|
||||
<div class="col-sm-12 col-md-9 row no-wrap">
|
||||
|
||||
<div class="col-12 row q-pa-md">
|
||||
<div class="row q-col-gutter-md">
|
||||
<div class="row col-12 q-col-gutter-x-md">
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
for="SelectrespondentType"
|
||||
v-model="formData.respondentType"
|
||||
ref="respondentTypeRef"
|
||||
dense
|
||||
outlined
|
||||
label="ผู้ถูกร้องเรียน"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
emit-value
|
||||
use-input
|
||||
map-options
|
||||
hide-bottom-space
|
||||
:options="complainstStore.complainantoptions"
|
||||
@update:model-value="
|
||||
selectComplainant(formData.respondentType);
|
||||
changeFormData();
|
||||
"
|
||||
@filter="(inputValue: any,
|
||||
doneFn: Function) => filterSelector(inputValue, doneFn, 'filterrespondentType'
|
||||
)"
|
||||
>
|
||||
<template v-slot:no-option>
|
||||
<q-item>
|
||||
<q-item-section class="text-grey">
|
||||
ไม่มีข้อมูล
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-xs-12 col-sm-4"
|
||||
v-if="formData.respondentType === 'ORGANIZATION'"
|
||||
id="organizationId"
|
||||
>
|
||||
<q-select
|
||||
:readonly="isReadonly"
|
||||
for="inputOffice"
|
||||
name="organizationId"
|
||||
ref="organizationIdRef"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
emit-value
|
||||
map-options
|
||||
v-model="formData.organizationId"
|
||||
:options="organizationOption"
|
||||
label="เลือกสำนักงาน"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="col-xs-12 col-sm-4"
|
||||
v-if="
|
||||
route.name === 'disciplineDisciplinaryEdit' &&
|
||||
props.data &&
|
||||
props.data.status === 'NEW' &&
|
||||
mainStore.rowsCheck.length > 0
|
||||
<div class="col-12 row q-pl-md q-py-md">
|
||||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
for="SelectrespondentType"
|
||||
v-model="formData.respondentType"
|
||||
ref="respondentTypeRef"
|
||||
dense
|
||||
outlined
|
||||
label="ผู้ถูกร้องเรียน"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
emit-value
|
||||
use-input
|
||||
map-options
|
||||
hide-bottom-space
|
||||
:options="complainstStore.complainantoptions"
|
||||
@update:model-value="
|
||||
selectComplainant(formData.respondentType);
|
||||
changeFormData();
|
||||
"
|
||||
@filter="(inputValue: any,
|
||||
doneFn: Function) => filterSelector(inputValue, doneFn, 'filterrespondentType'
|
||||
)"
|
||||
>
|
||||
<q-btn
|
||||
class="q-pa-sm"
|
||||
color="orange"
|
||||
label="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
|
||||
@click="openModal"
|
||||
/>
|
||||
</div>
|
||||
<template v-slot:no-option>
|
||||
<q-item>
|
||||
<q-item-section class="text-grey">
|
||||
ไม่มีข้อมูล
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-xs-12 col-sm-8"
|
||||
v-if="formData.respondentType === 'ORGANIZATION'"
|
||||
id="organizationId"
|
||||
>
|
||||
<q-select
|
||||
:readonly="isReadonly"
|
||||
for="inputOffice"
|
||||
name="organizationId"
|
||||
ref="organizationIdRef"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
emit-value
|
||||
map-options
|
||||
v-model="formData.organizationId"
|
||||
:options="organizationOption"
|
||||
label="เลือกสำนักงาน"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="col-xs-12 col-sm-4"
|
||||
v-if="
|
||||
route.name === 'disciplineDisciplinaryEdit' &&
|
||||
props.data &&
|
||||
props.data.status === 'NEW' &&
|
||||
mainStore.rowsCheck.length > 0
|
||||
"
|
||||
>
|
||||
<q-btn
|
||||
class="q-pa-sm"
|
||||
color="orange"
|
||||
label="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
|
||||
@click="openModal"
|
||||
outline
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="row col-12"
|
||||
|
|
@ -891,250 +890,248 @@ onMounted(async () => {
|
|||
</q-card>
|
||||
</div>
|
||||
|
||||
<div class="row col-12 q-col-gutter-x-md">
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateAllegation"
|
||||
v-model="formData.disciplinaryDateInvestigation"
|
||||
class="col-xs-12 col-sm-3"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
outlined
|
||||
dense
|
||||
:class="inputEdit(isReadonly)"
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateInvestigation != null
|
||||
? date2Thai(formData.disciplinaryDateInvestigation)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่มีคำสั่งให้สอบสวน'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
style="color: var(--q-primary)"
|
||||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateInvestigation &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateAllegation"
|
||||
v-model="formData.disciplinaryDateInvestigation"
|
||||
class="col-xs-12 col-sm-3"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
outlined
|
||||
dense
|
||||
:class="inputEdit(isReadonly)"
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateInvestigation != null
|
||||
? date2Thai(formData.disciplinaryDateInvestigation)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่มีคำสั่งให้สอบสวน'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
style="color: var(--q-primary)"
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateInvestigation = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateInvestigation &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateInvestigation = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateAllegation"
|
||||
v-model="formData.disciplinaryDateAllegation"
|
||||
class="col-xs-12 col-sm-3"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateAllegationRef"
|
||||
outlined
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateAllegation != null
|
||||
? date2Thai(formData.disciplinaryDateAllegation)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่รับทราบข้อกล่าวหา'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
style="color: var(--q-primary)"
|
||||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateAllegation &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateAllegation"
|
||||
v-model="formData.disciplinaryDateAllegation"
|
||||
class="col-xs-12 col-sm-3"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateAllegationRef"
|
||||
outlined
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateAllegation != null
|
||||
? date2Thai(formData.disciplinaryDateAllegation)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่รับทราบข้อกล่าวหา'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
style="color: var(--q-primary)"
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateAllegation = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateEvident"
|
||||
v-model="formData.disciplinaryDateEvident"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
class="col-xs-12 col-sm-3"
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateEvidentRef"
|
||||
outlined
|
||||
dense
|
||||
hide-bottom-space
|
||||
:class="inputEdit(isReadonly)"
|
||||
:model-value="
|
||||
formData.disciplinaryDateEvident != null
|
||||
? date2Thai(formData.disciplinaryDateEvident)
|
||||
: null
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateAllegation &&
|
||||
isReadonly === false
|
||||
"
|
||||
:label="`${'วันที่สรุปพยานหลักฐาน'}`"
|
||||
v-slot:append
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
color="primary"
|
||||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateEvident &&
|
||||
isReadonly === false
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateAllegation = null
|
||||
"
|
||||
v-slot:append
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateEvident"
|
||||
v-model="formData.disciplinaryDateEvident"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
class="col-xs-12 col-sm-3"
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateEvidentRef"
|
||||
outlined
|
||||
dense
|
||||
hide-bottom-space
|
||||
:class="inputEdit(isReadonly)"
|
||||
:model-value="
|
||||
formData.disciplinaryDateEvident != null
|
||||
? date2Thai(formData.disciplinaryDateEvident)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่สรุปพยานหลักฐาน'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
color="primary"
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateEvident = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateResult"
|
||||
v-model="formData.disciplinaryDateResult"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
class="col-xs-12 col-sm-3"
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateEvident &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateEvident = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
|
||||
<datepicker
|
||||
:readonly="isReadonly"
|
||||
menu-class-name="modalfix"
|
||||
for="#dateResult"
|
||||
v-model="formData.disciplinaryDateResult"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
class="col-xs-12 col-sm-3"
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateResultRef"
|
||||
outlined
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateResult != null
|
||||
? date2Thai(formData.disciplinaryDateResult)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่รายงานผลการสอบสวน'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
color="primary"
|
||||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateResult &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
ref="disciplinaryDateResultRef"
|
||||
outlined
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateResult != null
|
||||
? date2Thai(formData.disciplinaryDateResult)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่รายงานผลการสอบสวน'}`"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
color="primary"
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateResult = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
</div>
|
||||
</q-icon>
|
||||
</template>
|
||||
<template
|
||||
v-if="
|
||||
formData.disciplinaryDateResult &&
|
||||
isReadonly === false
|
||||
"
|
||||
v-slot:append
|
||||
>
|
||||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
formData.disciplinaryDateResult = null
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
<div class="row col-12">
|
||||
<q-card
|
||||
bordered
|
||||
|
|
@ -1508,86 +1505,84 @@ onMounted(async () => {
|
|||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
outlined
|
||||
ref="disciplinaryCaseFaultRef"
|
||||
v-model="formData.disciplinaryCaseFault"
|
||||
for="#casefault"
|
||||
label="กรณีมีความผิด"
|
||||
hide-bottom-space
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
outlined
|
||||
ref="disciplinaryCaseFaultRef"
|
||||
v-model="formData.disciplinaryCaseFault"
|
||||
for="#casefault"
|
||||
label="กรณีมีความผิด"
|
||||
hide-bottom-space
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
for="#whereInvestigate"
|
||||
ref="disciplinaryInvestigateAtRef"
|
||||
v-model="formData.disciplinaryInvestigateAt"
|
||||
label="สอบสวนที่"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
for="#whereInvestigate"
|
||||
ref="disciplinaryInvestigateAtRef"
|
||||
v-model="formData.disciplinaryInvestigateAt"
|
||||
label="สอบสวนที่"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
outlined
|
||||
for="#faultLevel"
|
||||
ref="disciplinaryFaultLevelRef"
|
||||
v-model="formData.disciplinaryFaultLevel"
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
emit-value
|
||||
map-options
|
||||
hide-bottom-space
|
||||
:options="investigateDis.optionsfaultLevel"
|
||||
label="ระดับโทษความผิด"
|
||||
group-label="group"
|
||||
group-values="options"
|
||||
clearable
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
</q-select>
|
||||
</div>
|
||||
<div
|
||||
class="col-3"
|
||||
v-if="formData.disciplinaryFaultLevel === 'อื่นๆ'"
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
outlined
|
||||
for="#faultLevel"
|
||||
ref="disciplinaryFaultLevelRef"
|
||||
v-model="formData.disciplinaryFaultLevel"
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
emit-value
|
||||
map-options
|
||||
hide-bottom-space
|
||||
:options="investigateDis.optionsfaultLevel"
|
||||
label="ระดับโทษความผิด"
|
||||
group-label="group"
|
||||
group-values="options"
|
||||
clearable
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
outlined
|
||||
dense
|
||||
label="ระดับโทษความผิดอื่นๆ"
|
||||
v-model="formData.disciplinaryFaultLevelOther"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
for="#refLaw"
|
||||
hide-bottom-space
|
||||
outlined
|
||||
ref="disciplinaryRefLawRef"
|
||||
v-model="formData.disciplinaryRefLaw"
|
||||
label="อ้างอิงมาตราตามกฎหมาย"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
</q-select>
|
||||
</div>
|
||||
<div
|
||||
class="col-3"
|
||||
v-if="formData.disciplinaryFaultLevel === 'อื่นๆ'"
|
||||
>
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
outlined
|
||||
dense
|
||||
label="ระดับโทษความผิดอื่นๆ"
|
||||
v-model="formData.disciplinaryFaultLevelOther"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
for="#refLaw"
|
||||
hide-bottom-space
|
||||
outlined
|
||||
ref="disciplinaryRefLawRef"
|
||||
v-model="formData.disciplinaryRefLaw"
|
||||
label="อ้างอิงมาตราตามกฎหมาย"
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
|
|
@ -1751,11 +1746,11 @@ onMounted(async () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row"><q-separator vertical /></div>
|
||||
<div class="row"><q-separator vertical /></div>
|
||||
</div>
|
||||
|
||||
<!-- อัพโหลดไฟล์ -->
|
||||
<div class="col-sm-12 col-md-3 q-col-gutter-md q-pa-md">
|
||||
<div class="col-sm-12 col-md-3 q-col-gutter-y-md q-pa-md">
|
||||
<!-- ยังไม่มี api -->
|
||||
<UploadFile
|
||||
title="อัปโหลดไฟล์เอกสารที่เกี่ยวข้องกับการสอบสวน"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue