inputgreen
This commit is contained in:
setthawutttty
parent
6d12f50399
commit
a5335df0b6
6 changed files with 206 additions and 158 deletions
|
|
@ -219,14 +219,12 @@ function onSubmit() {
|
|||
formData.disciplinaryDateStart !== null &&
|
||||
formData.disciplinaryDateEnd !== null
|
||||
) {
|
||||
const disciplinaryDateStart = new Date(
|
||||
formData.disciplinaryDateStart
|
||||
);
|
||||
const disciplinaryDateStart = new Date(formData.disciplinaryDateStart);
|
||||
const disciplinaryDateEnd = new Date(formData.disciplinaryDateEnd);
|
||||
|
||||
formData.disciplinaryDateStart = moment(disciplinaryDateStart).format(
|
||||
"YYYY-MM-DD"
|
||||
) ;
|
||||
);
|
||||
formData.disciplinaryDateEnd =
|
||||
moment(disciplinaryDateEnd).format("YYYY-MM-DD");
|
||||
}
|
||||
|
|
@ -465,7 +463,7 @@ function resetExtend() {
|
|||
formData.daysExtend = 0;
|
||||
}
|
||||
|
||||
function inputEdit(val:boolean){
|
||||
function inputEdit(val: boolean) {
|
||||
return {
|
||||
"full-width cursor-pointer ": val,
|
||||
"full-width cursor-pointer inputgreen": !val,
|
||||
|
|
@ -488,7 +486,6 @@ function inputEditExtend(val: boolean) {
|
|||
onMounted(async () => {
|
||||
mainStore.rowsAdd = [];
|
||||
await fetchOrganization();
|
||||
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
|
|
@ -513,6 +510,7 @@ onMounted(async () => {
|
|||
<div class="row col-12 q-col-gutter-x-md">
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
for="SelectrespondentType"
|
||||
v-model="formData.respondentType"
|
||||
|
|
@ -743,7 +741,6 @@ onMounted(async () => {
|
|||
outlined
|
||||
dense
|
||||
:class="inputEdit(isReadonly)"
|
||||
|
||||
hide-bottom-space
|
||||
:model-value="
|
||||
formData.disciplinaryDateInvestigation != null
|
||||
|
|
@ -874,6 +871,7 @@ onMounted(async () => {
|
|||
<div class="row q-col-gutter-sm">
|
||||
<div v-if="extendStatus" class="col-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
for="#daysExtend"
|
||||
outlined
|
||||
|
|
@ -1243,139 +1241,153 @@ onMounted(async () => {
|
|||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-3"
|
||||
dense
|
||||
outlined
|
||||
ref="disciplinaryCaseFaultRef"
|
||||
v-model="formData.disciplinaryCaseFault"
|
||||
for="#casefault"
|
||||
label="กรณีมีความผิด"
|
||||
hide-bottom-space
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกกรณีมีความผิด'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
<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
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกกรณีมีความผิด'}`]"
|
||||
lazy-rules
|
||||
@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="สอบสวนที่"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกสอบสวนที่'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-3"
|
||||
dense
|
||||
hide-bottom-space
|
||||
outlined
|
||||
for="#whereInvestigate"
|
||||
ref="disciplinaryInvestigateAtRef"
|
||||
v-model="formData.disciplinaryInvestigateAt"
|
||||
label="สอบสวนที่"
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกสอบสวนที่'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
<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="ระดับโทษความผิด"
|
||||
:rules="[
|
||||
(val) => !!val || `${'กรุณาเลือกระดับโทษความผิด'}`,
|
||||
]"
|
||||
lazy-rules
|
||||
group-label="group"
|
||||
group-values="options"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
</q-select>
|
||||
</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="อ้างอิงมาตราตามกฎหมาย"
|
||||
:rules="[
|
||||
(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`,
|
||||
]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
outlined
|
||||
for="#evidence"
|
||||
ref="disciplinarySummaryEvidenceRef"
|
||||
hide-bottom-space
|
||||
v-model="formData.disciplinarySummaryEvidence"
|
||||
label="สรุปพยานหลักฐานสนับสนุนข้อกล่าวหา"
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกสรุปพยานหลักฐานสนับสนุนข้อกล่าวหา'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<q-select
|
||||
:readonly="isReadonly"
|
||||
dense
|
||||
class="col-xs-12 col-sm-3"
|
||||
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="ระดับโทษความผิด"
|
||||
:rules="[(val) => !!val || `${'กรุณาเลือกระดับโทษความผิด'}`]"
|
||||
lazy-rules
|
||||
group-label="group"
|
||||
group-values="options"
|
||||
@update:model-value="changeFormData()"
|
||||
>
|
||||
</q-select>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
outlined
|
||||
ref="disciplinaryRecordAccuserRef"
|
||||
for="#recordAccuser"
|
||||
v-model="formData.disciplinaryRecordAccuser"
|
||||
label="บันทึกถ้อยคำของผู้กล่าวหา"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกบันทึกถ้อยคำของผู้กล่าวหา'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
outlined
|
||||
for="#witnesses"
|
||||
ref="disciplinaryWitnessesRef"
|
||||
v-model="formData.disciplinaryWitnesses"
|
||||
label="พยานและบันทึกถ้อยคำพยาน"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกพยานและบันทึกถ้อยคำพยาน'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-3"
|
||||
dense
|
||||
for="#refLaw"
|
||||
hide-bottom-space
|
||||
outlined
|
||||
ref="disciplinaryRefLawRef"
|
||||
v-model="formData.disciplinaryRefLaw"
|
||||
label="อ้างอิงมาตราตามกฎหมาย"
|
||||
:rules="[
|
||||
(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`,
|
||||
]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
for="#evidence"
|
||||
ref="disciplinarySummaryEvidenceRef"
|
||||
hide-bottom-space
|
||||
v-model="formData.disciplinarySummaryEvidence"
|
||||
label="สรุปพยานหลักฐานสนับสนุนข้อกล่าวหา"
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกสรุปพยานหลักฐานสนับสนุนข้อกล่าวหา'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
ref="disciplinaryRecordAccuserRef"
|
||||
for="#recordAccuser"
|
||||
v-model="formData.disciplinaryRecordAccuser"
|
||||
label="บันทึกถ้อยคำของผู้กล่าวหา"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกบันทึกถ้อยคำของผู้กล่าวหา'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
for="#witnesses"
|
||||
ref="disciplinaryWitnessesRef"
|
||||
v-model="formData.disciplinaryWitnesses"
|
||||
label="พยานและบันทึกถ้อยคำพยาน"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกพยานและบันทึกถ้อยคำพยาน'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
class="col-xs-12 col-sm-6"
|
||||
dense
|
||||
outlined
|
||||
for="#InvestResults"
|
||||
ref="resultRef"
|
||||
v-model="formData.result"
|
||||
label="ผลการสอบสวน"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกผลการสอบสวน'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-input
|
||||
:readonly="isReadonly"
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
outlined
|
||||
for="#InvestResults"
|
||||
ref="resultRef"
|
||||
v-model="formData.result"
|
||||
label="ผลการสอบสวน"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกผลการสอบสวน'}`]"
|
||||
lazy-rules
|
||||
@update:model-value="changeFormData()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="row col-12">
|
||||
<q-card
|
||||
|
|
@ -1395,6 +1407,7 @@ onMounted(async () => {
|
|||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="col-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
for="#fault"
|
||||
outlined
|
||||
dense
|
||||
|
|
@ -1433,6 +1446,7 @@ onMounted(async () => {
|
|||
class="col-3"
|
||||
>
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
for="#fault"
|
||||
outlined
|
||||
|
|
@ -1464,6 +1478,7 @@ onMounted(async () => {
|
|||
|
||||
<div class="row col-12">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
class="full-width cursor-pointer"
|
||||
outlined
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue