Обновление 1.0

2025-12-29 17:08:26 +09:00
parent c5c1a2b3e1
commit 56be95caa4
9 changed files with 191 additions and 66 deletions
--- a/resources/js/Composables/useMedicalHistoryFilter.js
+++ b/resources/js/Composables/useMedicalHistoryFilter.js
@@ -124,6 +124,11 @@ export const useMedicalHistoryFilter = (initialFilters = {}) => {

    const searchValue = ref(filtersRef.value.search ?? null)

+    const statusValue = computed(() => {
+        if (filtersRef.value.status !== null) return Number(filtersRef.value.status)
+        else return filtersRef.value.status
+    })
+
    const handleDateRangeChange = (timestamps) => {
        dateRange.value = timestamps || [null, null]

@@ -238,9 +243,6 @@ export const useMedicalHistoryFilter = (initialFilters = {}) => {
                updates.date_extract_to = null
                dateRange.value = [null, null]
                break
-            case 'database':
-                updates.database = 'postgresql'
-                break
        }

        Object.assign(filtersRef.value, updates)
@@ -277,6 +279,7 @@ export const useMedicalHistoryFilter = (initialFilters = {}) => {
        activeFilters,
        dateRange,
        searchValue,
+        statusValue,

        // Обработчики
        handleSearch,
--- a/resources/js/Composables/useNotification.js
+++ b/resources/js/Composables/useNotification.js
@@ -14,13 +14,15 @@ export function useNotification() {

    }

-    const errorApi = (data, content = '', options = {}) => {
+    const errorApi = (data, content = null, options = {}) => {
        return showNotification(
            {
                title: 'Произошла ошибка',
-                description: `Код: ${data.code}\nURL: ${data.response.config.url}\nМетод: ${data.response.config.method.toUpperCase()}`,
+                description: data
+                    ? `Код: ${data.code}\nURL: ${data.response.config.url}\nМетод: ${data.response.config.method.toUpperCase()}`
+                    : null,
                content: () => {
-                    return h(
+                    return content ? content : h(
                        NLog,
                        {
                            rows: 4,
--- a/resources/js/Pages/Home/ArchiveHistoryCreateModal/Index.vue
+++ b/resources/js/Pages/Home/ArchiveHistoryCreateModal/Index.vue
@@ -15,7 +15,40 @@ const archiveInfo = ref({
    num: null,
    post_in: null,
 })
+const archiveInfoRules = {
+    id: [
+        {
+            required: true,
+            validator(rule, value) {
+                console.log(value)
+                if (!value) {
+                    return new Error('Это поле необходимо заполнить')
+                }
+                else if (!Number(value)) {
+                    return new Error('Ошибка при получении ID')
+                }
+                return true
+            },
+            trigger: ['input', 'blur']
+        }
+    ],
+    num: [
+        {
+            required: true,
+            message: 'Это поле необходимо заполнить',
+            trigger: 'blur'
+        }
+    ],
+    post_in: [
+        {
+            required: true,
+            message: 'Это поле необходимо заполнить',
+            trigger: 'blur'
+        }
+    ]
+}
 const loadingFilterPatients = ref(false)
+const formRef = ref(null)

 const emits = defineEmits(['historyUpdated', 'closeWithoutSave'])

@@ -30,6 +63,7 @@ const onResetData = () => {
 const onCloseWithoutSave = () => {
    emits('closeWithoutSave')
    open.value = false
+    onResetData()
 }

 const filteredPatients = ref([])
@@ -49,51 +83,79 @@ const handleSearchCard = (query) => {
    debounceSearchCard(query)
 }

-const onSubmit = async () => {
-    loading.value = true
-    try {
-        await axios.post(`/api/archive/create`, archiveInfo.value).then(res => {
-            open.value = false
-        })
+const onSubmit = async (e) => {
+    e.preventDefault()
+    formRef.value?.validate(async (errors) => {
+        if (!errors) {
+            loading.value = true
+            try {
+                await axios.post(`/api/archive/create`, archiveInfo.value).then(res => {
+                    open.value = false
+                })

-    } catch (error) {
-        errorApi(error)
-        console.error(error)
-    } finally {
-        loading.value = false
-    }
+            } catch (error) {
+                errorApi(error)
+                console.error(error)
+            } finally {
+                loading.value = false
+            }
+        }
+        else {
+            console.log(errors)
+            errorApi(null, 'Проверьте заполненность формы')
+        }
+    })
 }
 </script>

 <template>
-    <NModal v-model:show="open" preset="card" class="max-w-xl relative overflow-clip" closable @close="onCloseWithoutSave">
-        <template #header>
-            Добавить карту в архив
-        </template>
+    <NModal v-model:show="open"
+            preset="card"
+            class="max-w-xl relative"
+            :mask-closable="false"
+            closable
+            title="Добавить карту в архив"
+            @close="onCloseWithoutSave">
        <NFlex class="w-full" :wrap="false">
-            <NForm class="w-full">
-                <NFormItem label="Пациент">
-                    <NSelect placeholder="№ карты фамилия имя отчество или фамилия имя отчество" size="large" :remote filterable :loading="loadingFilterPatients" :options="filteredPatients" v-model:value="archiveInfo.id" @search="handleSearchCard" />
+            <NForm ref="formRef" id="formAddToArchive" class="w-full" :model="archiveInfo" :rules="archiveInfoRules">
+                <NFormItem label="Карта пациента" path="id">
+                    <NSelect placeholder="№ карты фамилия имя отчество ИЛИ фамилия имя отчество"
+                             size="large"
+                             :remote
+                             filterable
+                             :loading="loadingFilterPatients"
+                             :options="filteredPatients"
+                             v-model:value="archiveInfo.id"
+                             @search="handleSearchCard"
+                    />
                </NFormItem>
-                <NFormItem size="large" label="№ в архиве">
+                <NFormItem size="large" label="Дата поступления карты в архив" path="post_in">
+                    <NDatePicker class="w-full"
+                                 v-model:value="archiveInfo.post_in"
+                                 format="dd.MM.yyyy"
+                    />
+                </NFormItem>
+                <NFormItem size="large" label="№ в архиве" path="num">
                    <NInput v-model:value="archiveInfo.num" />
                </NFormItem>
-                <NFormItem size="large" label="Дата поступления карты в архив">
-                    <NDatePicker class="w-full" v-model:value="archiveInfo.post_in" format="dd.MM.yyyy" />
-                </NFormItem>
            </NForm>
        </NFlex>
        <template #action>
            <NFlex justify="end" align="center">
                <NSpace align="center" :size="0">
-                    <NButton secondary type="primary" @click="onSubmit">
+                    <NButton secondary
+                             type="primary"
+                             attr-type="submit"
+                             form="formAddToArchive"
+                             @click="onSubmit">
                        Добавить карту
                    </NButton>
                </NSpace>
            </NFlex>
        </template>

-        <div v-show="loading" class="absolute inset-0 z-10 backdrop-blur flex items-center justify-center">
+        <div v-show="loading"
+             class="absolute inset-0 z-10 backdrop-blur flex items-center justify-center rounded-[8px]">
            <NSpin :show="true" />
        </div>
    </NModal>
--- a/resources/js/Pages/Home/DataTable/Index.vue
+++ b/resources/js/Pages/Home/DataTable/Index.vue
@@ -29,13 +29,12 @@ const dataTable = ref(props.data ?? [])
 const archiveStatusColumn = (status) => {
    const tagType = status?.variant ?? 'error'
    const tagText = status?.text ?? 'Нет в архиве'
-    console.log(tagType)

    return h(
        NEllipsis,
        null,
        {
-            default: () => h(NTag, {type: tagType, round: true, size: 'small'}, tagText)
+            default: () => h(NTag, {type: tagType, bordered: false, round: true, size: 'small'}, tagText)
        })
 }

@@ -136,8 +135,22 @@ watch(() => props.data, (newData) => {
 </script>

 <template>
-    <NDataTable remote striped :loading="isLoading" :row-props="rowProps" :columns="columns" :pagination="pagination" :max-height="maxHeight" size="small" :min-height="minHeight" :data="dataTable" />
-    <ArchiveHistoryModal v-model:open="showArchiveHistoryModal" :patient-info="selectedPatientInfo" @history-updated="onUpdateHistory" @close-without-save="onCloseWithoutSave" />
+    <NDataTable remote
+                striped
+                :loading="isLoading"
+                :row-props="rowProps"
+                :columns="columns"
+                :pagination="pagination"
+                :max-height="maxHeight"
+                size="small"
+                :min-height="minHeight"
+                :data="dataTable"
+    />
+    <ArchiveHistoryModal v-model:open="showArchiveHistoryModal"
+                         :patient-info="selectedPatientInfo"
+                         @history-updated="onUpdateHistory"
+                         @close-without-save="onCloseWithoutSave"
+    />
 </template>

 <style scoped>
--- a/resources/js/Pages/Home/Index.vue
+++ b/resources/js/Pages/Home/Index.vue
@@ -24,10 +24,15 @@ const props = defineProps({
 const ArchiveHistoryCreateModalShow = ref(false)
 const {
    isLoading, applyFilters, filtersRef, handleSearch, dateRange, searchValue,
-    handleDateRangeChange, handleViewTypeChange, handleStatusChange
+    statusValue, handleDateRangeChange, handleViewTypeChange, handleStatusChange
 } = useMedicalHistoryFilter(props.filters)

 const viewType = ref('archive')
+const searchRef = ref()
+
+const onHandleSearch = (search) => {
+    handleSearch(search)
+}

 const handleBeforeLeave = (tabName) => {
    handleViewTypeChange(tabName)
@@ -39,36 +44,67 @@ const handleBeforeLeave = (tabName) => {
    <AppLayout>
        <template #header>
            <NSpace vertical>
-<!--                <NH1 class="!my-0 mb-5">-->
-<!--                    Архив-->
-<!--                </NH1>-->
-<!--                <NRadioGroup v-model:value="viewType" @update:value="val => handleViewTypeChange(val)">-->
-<!--                    <NRadioButton value="archive">Архив</NRadioButton>-->
-<!--                    <NRadioButton value="mis">МИС</NRadioButton>-->
-<!--                    <NRadioButton value="softinfo">СофтИнфо</NRadioButton>-->
-<!--                </NRadioGroup>-->
                <NFlex class="pb-4" align="center" :wrap="false">
                    <NFormItem class="w-[720px]" label="Поиск" :show-feedback="false">
-                        <NInput placeholder="Поиск по ФИО, № карты" v-model:value="searchValue" @update:value="val => handleSearch(val)" size="large" />
+                        <NInput placeholder="Поиск по ФИО, № карты"
+                                autofocus
+                                ref="searchRef"
+                                clearable
+                                v-model:value="searchValue"
+                                @update:value="val => onHandleSearch(val)"
+                                size="large"
+                                :loading="isLoading"
+                                :disabled="isLoading"
+                        />
                    </NFormItem>
                    <div class="mt-6">
                        <NDivider vertical />
                    </div>
                    <NFormItem class="w-[340px]" label="Дата выписки" :show-feedback="false">
-                        <NDatePicker v-model:value="dateRange" @update:value="handleDateRangeChange" type="daterange" clearable format="dd.MM.yyyy" start-placeholder="Дата выписки с" end-placeholder="по" size="large" />
+                        <NDatePicker v-model:value="dateRange"
+                                     @update:value="handleDateRangeChange"
+                                     type="daterange"
+                                     clearable
+                                     format="dd.MM.yyyy"
+                                     start-placeholder="Дата выписки с"
+                                     end-placeholder="по"
+                                     size="large"
+                                     :disabled="isLoading"
+                        />
                    </NFormItem>
                    <NFormItem class="w-[340px]" label="Статус карты" :show-feedback="false">
-                        <NSelect :options="statuses" @update:value="val => handleStatusChange(val)" clearable size="large" />
+                        <NSelect :options="statuses"
+                                 :value="statusValue"
+                                 @update:value="val => handleStatusChange(val)"
+                                 clearable
+                                 size="large"
+                                 :loading="isLoading"
+                                 :disabled="isLoading"
+                        />
                    </NFormItem>
+                    <div class="mt-6">
+                        <NDivider vertical />
+                    </div>
                    <NFormItem class="w-[340px]" :show-feedback="false">
-                        <NButton type="primary" @click="ArchiveHistoryCreateModalShow = true" secondary size="large">
+                        <NButton type="primary"
+                                 @click="ArchiveHistoryCreateModalShow = true"
+                                 secondary
+                                 size="large"
+                                 :loading="isLoading"
+                                 :disabled="isLoading"
+                        >
                            Добавить карту в архив
                        </NButton>
                    </NFormItem>
                </NFlex>
            </NSpace>
        </template>
-        <TableCards :filters="filters" :data="cards.data" :meta="cards.meta" min-height="calc(100vh - 212px)" max-height="calc(100vh - 320px)" />
+        <TableCards :filters="filters"
+                    :data="cards.data"
+                    :meta="cards.meta"
+                    min-height="calc(100vh - 212px)"
+                    max-height="calc(100vh - 320px)"
+        />
        <ArchiveHistoryCreateModal v-model:open="ArchiveHistoryCreateModalShow" />
    </AppLayout>
 </template>