nothing

resources/js/Pages/Report/Components/SelectUserModal.vue

@@ -1,56 +1,139 @@
 <script setup>
-import { NSelect, NModal, NForm, NFormItem, NButton } from 'naive-ui'
+import { NSelect, NModal, NForm, NFormItem, NButton, NAlert } from 'naive-ui'
 import {useReportStore} from "../../../Stores/report.js";
-import {computed, onMounted, ref} from "vue";
-import {router} from "@inertiajs/vue3";
+import {computed, onMounted, ref, watch} from "vue";
+import {router, Link} from "@inertiajs/vue3";
+import {useDebounceFn} from "@vueuse/core";
 const show = defineModel('show')
 const reportStore = useReportStore()
 const formRef = ref()
 
-const users = computed(() => reportStore.departmentUsers.map(itm => ({
+const rawUsers = ref([])
+const rawDepartments = ref([])
+const reportExists = ref(false)
+const existingReportId = ref(null)
+
+const users = computed(() => rawUsers.value.map(itm => ({
     label: `${itm.FAM_V} ${itm.IM_V} ${itm.OT_V}`,
     value: itm.LPUDoctorID
 })))
 
+const departments = computed(() => rawDepartments.value.map(itm => ({
+    label: itm.name_short,
+    value: itm.department_id
+})))
+
 const fetchUsers = () => {
     axios.get('/api/mis/department-users')
         .then((res) => {
-            reportStore.departmentUsers = res.data
+            rawUsers.value = res.data
         })
 }
 
+const fetchDepartments = () => {
+    axios.get('/api/app/departments')
+        .then((res) => {
+            rawDepartments.value = res.data
+        })
+}
+
+const checkReportExists = async (userId, departmentId) => {
+    if (!userId || !departmentId) {
+        reportExists.value = false;
+        existingReportId.value = null;
+        return;
+    }
+
+    try {
+        await axios.get(`/api/report/check`, {
+            params: {
+                department_id: departmentId,
+            }
+        }).then(res => {
+            reportExists.value = res.data.exists;
+            existingReportId.value = res.data.report_id || null;
+        });
+
+    } catch (error) {
+        console.error('Ошибка при проверке отчета:', error);
+        reportExists.value = false;
+        existingReportId.value = null;
+    } finally {
+    }
+}
+
+// Дебаунс функция
+const debouncedCheck = useDebounceFn((userId, departmentId) => {
+    checkReportExists(userId, departmentId);
+}, 300);
+
+// Автоматическая проверка при изменении любого из полей
+watch(
+    () => [reportStore.reportInfo.userId, reportStore.reportInfo.departmentId],
+    ([newUserId, newDepartmentId], [oldUserId, oldDepartmentId]) => {
+        // Проверяем, что оба поля заполнены и корректны
+        const userIdValid = newUserId && Number.isInteger(Number(newUserId));
+        const departmentIdValid = newDepartmentId && Number.isInteger(Number(newDepartmentId));
+
+        if (userIdValid && departmentIdValid) {
+            debouncedCheck(newUserId, newDepartmentId);
+        } else {
+            reportExists.value = false;
+            existingReportId.value = null;
+        }
+    },
+    { deep: true }
+);
+
 const rules = {
     userId: {
         required: true,
         validator: (rule, value) => {
-            if (Number.isInteger(value)) return true
-
-            return false
+            return Number.isInteger(value) ?? false
         },
         trigger: ['change', 'blur'],
         message: 'Выберите ответственного'
-    }
+    },
+    departmentId: {
+        required: true,
+        validator: (rule, value) => {
+            return Number.isInteger(value) ?? false
+        },
+        trigger: ['change', 'blur'],
+        message: 'Выберите отделение'
+    },
 }
 
 onMounted(() => {
     reportStore.reportInfo.userId = null
+    reportStore.reportInfo.departmentId = null
     fetchUsers()
+    fetchDepartments()
 })
 
 const onSubmit = (e) => {
     e.preventDefault()
     formRef.value?.validate((errors) => {
         if (!errors) {
-            router.visit(`/report?userId=${reportStore.reportInfo.userId}`)
+            if (reportExists.value) return
+            router.visit(`/report`, {
+                data: {
+                    userId: reportStore.reportInfo.userId,
+                    departmentId: reportStore.reportInfo.departmentId
+                }
+            })
         }
         else {
-
+            window.$message.warning('Заполните выделенные поля')
         }
     })
 }
 
 const onAfterLeave = () => {
     reportStore.reportInfo.userId = null
+    reportStore.reportInfo.departmentId = null
+    reportExists.value = false
+    existingReportId.value = null
 }
 </script>
 
@@ -68,12 +151,25 @@ const onAfterLeave = () => {
                          filterable
                 />
             </NFormItem>
+            <NFormItem label="Выберите отделение" path="departmentId">
+                <NSelect :options="departments"
+                         v-model:value="reportStore.reportInfo.departmentId"
+                         filterable
+                />
+            </NFormItem>
         </NForm>
+        <NAlert v-if="reportExists" type="warning">
+            Сводная уже создана.
+            <NButton :tag="Link" text :href="`/report?userId=${reportStore.reportInfo.userId}&departmentId=${reportStore.reportInfo.departmentId}`">
+                Перейти
+            </NButton>
+        </NAlert>
         <template #action>
             <NButton form-id="select-user-form"
                      type="primary"
                      block
-                     @click="onSubmit">
+                     @click="onSubmit"
+                     :disabled="reportExists">
                 Перейти к заполнению сводной
             </NButton>
         </template>