hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ input edit date

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

16
src/modules/11_discipline/components/1_Complaint/Form.vue
View file

@ -340,6 +340,13 @@ function changeFormData() {
isSave.value = props.data != null ?? true;
}
function inputEdit(val:boolean){
return {
"full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val,
};
}
onMounted(() => {
mainStore.rowsAdd = [];
getListChannel();
@ -624,10 +631,9 @@ onMounted(() => {
ref="dateReceivedRef"
outlined
dense
:input-style="isReadonly ? { color: 'black' }:{color:'teal'}"
:class="inputEdit(isReadonly)"
:readonly="isReadonly"
hide-bottom-space
class="full-width datepicker"
:model-value="
formData.dateReceived != null
? date2Thai(formData.dateReceived)
@ -701,9 +707,8 @@ onMounted(() => {
for="inputDateconsideration"
ref="dateConsiderationRef"
outlined
:input-style="isReadonly ? { color: 'black' }:{color:'teal'}"
:class="inputEdit(isReadonly)"
dense
class="full-width datepicker"
:model-value="
formData.dateConsideration != null
? date2Thai(formData.dateConsideration)
@ -774,11 +779,10 @@ onMounted(() => {
for="inputDatewarn"
ref="dateNotificationRef"
outlined
:input-style="isReadonly ? { color: 'black' }:{color:'teal'}"
:class="inputEdit(isReadonly)"
dense
:readonly="isReadonly"
hide-bottom-space
class="full-width datepicker"
:model-value="
formData.dateNotification != null
? date2Thai(formData.dateNotification)

35
src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
View file

@ -487,6 +487,19 @@ function calendarOpen() {
calendarModal.value = true;
}
function inputEdit(val: boolean) {
if (formData.investigationExtendHistory.length > 0) {
return {
"full-width cursor-pointer ": val,
};
} else {
return {
"full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val,
};
}
}
onMounted(async () => {
mainStore.rowsAdd = [];
getOc();
@ -854,15 +867,8 @@ onMounted(async () => {
<template #trigger>
<q-input
for="#date"
class="full-width cursor-pointer"
:class="inputEdit(isReadonly)"
ref="dateRef"
:input-style="
isReadonly ||
formData.investigationExtendHistory.length >
0
? { color: 'black' }
: { color: 'teal' }
"
:readonly="
isReadonly ||
formData.investigationExtendHistory.length >
@ -876,7 +882,7 @@ onMounted(async () => {
:model-value="
formData.investigationDateStart
? date2Thai(
formData.investigationDateStart
formData.investigationDateStart as Date
)
: null
"
@ -922,15 +928,8 @@ onMounted(async () => {
<template #trigger>
<q-input
for="#dateEnd"
:input-style="
isReadonly ||
formData.investigationExtendHistory.length >
0
? { color: 'black' }
: { color: 'teal' }
"
ref="dateEndRef"
class="full-width cursor-pointer"
:class="inputEdit(isReadonly)"
:readonly="
isReadonly ||
formData.investigationExtendHistory.length >
@ -943,7 +942,7 @@ onMounted(async () => {
borderless
:model-value="
formData.investigationDateEnd
? date2Thai(formData.investigationDateEnd)
? date2Thai(formData.investigationDateEnd as Date)
: null
"
:rules="[

64
src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
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

4
src/modules/11_discipline/interface/request/disciplinary.ts
View file

@ -68,8 +68,8 @@ interface FormData {
directors: Director[];
persons: Persons[];
extendStatus: boolean;
disciplinaryDateStart: Date | null;
disciplinaryDateEnd: Date | null;
disciplinaryDateStart: Date | null|string;
disciplinaryDateEnd: Date | null|string;
daysExtend: number;
disciplinaryDateInvestigation: Date | null;
disciplinaryDateResult: Date | null;

4
src/modules/11_discipline/interface/request/investigateFact.ts
View file

@ -10,8 +10,8 @@ interface FormData {
evidenceFiles: any | null;
fileComplaint: File | null;
investigationExtendStatus: boolean | null;
investigationDateStart: Date | null;
investigationDateEnd: Date | null;
investigationDateStart: Date | null|string;
investigationDateEnd: Date | null|string;
investigationDaysExtend: number | null;
investigationStatusResult: string;
investigationCauseText: string;