ปรับ input edit date

This commit is contained in:
setthawutttty 2023-12-07 17:51:49 +07:00
parent b7ff33b40f
commit 8eca4d1650
5 changed files with 61 additions and 62 deletions

View file

@ -226,7 +226,7 @@ function onSubmit() {
formData.disciplinaryDateStart = moment(disciplinaryDateStart).format(
"YYYY-MM-DD"
);
) ;
formData.disciplinaryDateEnd =
moment(disciplinaryDateEnd).format("YYYY-MM-DD");
}
@ -465,10 +465,30 @@ function resetExtend() {
formData.daysExtend = 0;
}
function inputEdit(val:boolean){
return {
"full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val,
};
}
function inputEditExtend(val: boolean) {
if (formData.disciplinaryExtendHistory.length > 0) {
return {
"full-width cursor-pointer ": val,
};
} else {
return {
"full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val,
};
}
}
/** Hook */
onMounted(async () => {
mainStore.rowsAdd = [];
await fetchOrganization();
});
</script>
<template>
@ -722,10 +742,8 @@ onMounted(async () => {
:readonly="isReadonly"
outlined
dense
:input-style="
isReadonly ? { color: 'black' } : { color: 'teal' }
"
class="col-xs-12 col-sm-4"
:class="inputEdit(isReadonly)"
hide-bottom-space
:model-value="
formData.disciplinaryDateInvestigation != null
@ -774,11 +792,8 @@ onMounted(async () => {
:readonly="isReadonly"
ref="disciplinaryDateAllegationRef"
outlined
:input-style="
isReadonly ? { color: 'black' } : { color: 'teal' }
"
:class="inputEdit(isReadonly)"
dense
class="col-xs-12 col-sm-4"
hide-bottom-space
:model-value="
formData.disciplinaryDateAllegation != null
@ -917,13 +932,7 @@ onMounted(async () => {
for="#date"
class="full-width cursor-pointer"
ref="dateRef"
:input-style="
isReadonly ||
formData.disciplinaryExtendHistory
.length > 0
? { color: 'black' }
: { color: 'teal' }
"
:class="inputEditExtend(isReadonly)"
:readonly="
isReadonly ||
formData.disciplinaryExtendHistory
@ -937,7 +946,7 @@ onMounted(async () => {
:model-value="
formData.disciplinaryDateStart
? date2Thai(
formData.disciplinaryDateStart
formData.disciplinaryDateStart as Date
)
: null
"
@ -983,15 +992,8 @@ onMounted(async () => {
<template #trigger>
<q-input
for="#dateEnd"
:input-style="
isReadonly ||
formData.disciplinaryExtendHistory
.length > 0
? { color: 'black' }
: { color: 'teal' }
"
:class="inputEditExtend(isReadonly)"
ref="dateEndRef"
class="full-width cursor-pointer"
:readonly="
isReadonly ||
formData.disciplinaryExtendHistory
@ -1005,7 +1007,7 @@ onMounted(async () => {
:model-value="
formData.disciplinaryDateEnd
? date2Thai(
formData.disciplinaryDateEnd
formData.disciplinaryDateEnd as Date
)
: null
"
@ -1085,11 +1087,8 @@ onMounted(async () => {
ref="disciplinaryDateEvidentRef"
outlined
dense
class="full-width"
hide-bottom-space
:input-style="
isReadonly ? { color: 'black' } : { color: 'teal' }
"
:class="inputEdit(isReadonly)"
:model-value="
formData.disciplinaryDateEvident != null
? date2Thai(formData.disciplinaryDateEvident)
@ -1139,11 +1138,8 @@ onMounted(async () => {
:readonly="isReadonly"
ref="disciplinaryDateResultRef"
outlined
:input-style="
isReadonly ? { color: 'black' } : { color: 'teal' }
"
:class="inputEdit(isReadonly)"
dense
class="full-width"
hide-bottom-space
:model-value="
formData.disciplinaryDateResult != null