diff --git a/resources/js/Pages/Report/Components/SelectUserModal.vue b/resources/js/Pages/Report/Components/SelectUserModal.vue index 5372203..e68677a 100644 --- a/resources/js/Pages/Report/Components/SelectUserModal.vue +++ b/resources/js/Pages/Report/Components/SelectUserModal.vue @@ -150,11 +150,14 @@ watch(() => show.value, (opened) => { fetchDepartments() }, {immediate: false}) +const loadingButton = ref(false) + const onSubmit = (e) => { e.preventDefault() formRef.value?.validate((errors) => { if (!errors) { if (reportExists.value) return + loadingButton.value = true router.visit(props.targetPath, { data: { @@ -164,6 +167,9 @@ const onSubmit = (e) => { onSuccess: () => { onboarding.emit('navigate:report') show.value = false + }, + onFinally: () => { + loadingButton.value = false } }) } @@ -193,7 +199,6 @@ const onChangeDepartment = (departmentId) => { class="max-w-[420px]" :mask-closable="false" @before-leave="onAfterLeave" - @after-enter="onAfterEnter" > @@ -225,7 +230,8 @@ const onChangeDepartment = (departmentId) => { type="primary" block @click="onSubmit" - :disabled="withExistsCheck && reportExists"> + :loading="loadingButton" + :disabled="(withExistsCheck && reportExists) || loadingButton"> {{ submitLabel }}