chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: computed and disable issue / expire date

Browse source
This commit is contained in:
Methapon Metanipat 2024-11-13 15:26:31 +07:00
parent 6b6ffe8163
commit 5134617ae2
2 changed files with 34 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/03_customer-management/FormEmployeePassport.vue
View file

@ -618,6 +618,17 @@ watch(
:id="`${prefixId}-date-picker-passport-issueance`"
:label="$t('customerEmployee.form.passportIssueDate')"
v-model="issueDate"
@update:model-value="
(v) => {
if (!v) return;
if (!expireDate) return;
if (new Date(v).getTime() >= new Date(expireDate).getTime()) {
const newValue = new Date(v);
newValue.setDate(newValue.getDate() + 1);
expireDate = newValue;
}
}
"
class="col-6 col-md-3"
:readonly="readonly"
:rules="[
@ -633,6 +644,11 @@ watch(
:label="$t('customerEmployee.form.passportExpireDate')"
v-model="expireDate"
class="col-6 col-md-3"
:disabled-dates="
(date: Date) =>
date.getTime() <
((issueDate && new Date(issueDate).getTime()) || Date.now())
"
:readonly="readonly"
:rules="[
(val) =>

19
src/components/03_customer-management/FormEmployeeVisa.vue
View file

@ -304,6 +304,17 @@ watch(
:readonly="readonly"
:label="$t('customerEmployee.form.visaIssuance')"
v-model="issueDate"
@update:model-value="
(v) => {
if (!v) return;
if (!expireDate) return;
if (new Date(v).getTime() >= new Date(expireDate).getTime()) {
const newValue = new Date(v);
newValue.setDate(newValue.getDate() + 1);
expireDate = newValue;
}
}
"
clearable
/>
</div>
@ -314,13 +325,19 @@ watch(
:readonly="readonly"
:label="$t('customerEmployee.form.visaExpire')"
v-model="expireDate"
:disabled-dates="
(date: Date) =>
date.getTime() <
((issueDate && new Date(issueDate).getTime()) || Date.now())
"
clearable
/>
</div>
<div class="col">
<DatePicker
:id="`${prefixId}-date-picker-visa-issuance`"
:readonly="readonly"
:readonly
:disabled="!readonly"
:label="$t('customerEmployee.form.visa90Day')"
:model-value="calculatedVisaDate"
clearable