сервис уведомлений

resources/js/Composables/useNotification.js

@@ -1,3 +1,6 @@
+import {h} from "vue";
+import {NCode, NLog} from "naive-ui"
+
 export function useNotification() {
     const showNotification = (options) => {
         if (window.$notification) {
@@ -11,12 +14,20 @@ export function useNotification() {
 
     }
 
-    const errorApi = (content = '', options = {}) => {
+    const errorApi = (data, content = '', options = {}) => {
         return showNotification(
             {
                 title: 'Произошла ошибка',
-                description: 'При обращении к API серверу',
+                description: `Код: ${data.code}\nURL: ${data.response.config.url}\nМетод: ${data.response.config.method.toUpperCase()}`,
-                content,
+                content: () => {
+                    return h(
+                        NLog,
+                        {
+                            rows: 4,
+                            log: data.response.config.data,
+                        }
+                    )
+                },
                 meta: options.meta || new Date().toLocaleDateString(),
                 ...options,
                 type: 'error'

resources/js/Pages/Home/ArchiveHistoryModal/Index.vue

@@ -3,6 +3,7 @@ import { NModal, NDataTable, NSpace, NFlex, NButton, NForm, NFormItem, NInput, N
 import ArchiveHistoryMoveModal from '../ArchiveHistoryMoveModal/Index.vue'
 import {computed, ref, watch} from "vue";
 import {useMedicalHistoryFilter} from "../../../Composables/useMedicalHistoryFilter.js";
+import {useNotification} from "../../../Composables/useNotification.js";
 
 const open = defineModel('open')
 const props = defineProps({
@@ -12,6 +13,7 @@ const props = defineProps({
 })
 
 const {filtersRef} = useMedicalHistoryFilter()
+const {errorApi} = useNotification()
 const loading = ref(true)
 const patient = ref({})
 const showArchiveHistoryModal = ref(false)
@@ -61,7 +63,7 @@ const loadPatientData = async () => {
             }
         })
     } catch (error) {
-        // message.error('Ошибка при загрузке данных пациента')
+        errorApi(error)
         console.error(error)
     } finally {
         loading.value = false
@@ -141,6 +143,7 @@ const onSubmit = async () => {
         })
 
     } catch (error) {
+        errorApi(error)
         console.error(error)
     } finally {
         loading.value = false