Новая логика поисковой выдачи

И добавлена кнопка Добавить карту в архив

resources/js/Pages/Home/Index.vue

@@ -1,7 +1,8 @@
 <script setup>
 import AppLayout from "../../Layouts/AppLayout.vue"
 import TableCards from './DataTable/Index.vue'
-import { NInput, NFlex, NDivider, NDatePicker, NSpace, NFormItem, NRadioButton, NH1, NTabs, NTabPane, NSelect } from 'naive-ui'
+import ArchiveHistoryCreateModal from './ArchiveHistoryCreateModal/Index.vue'
+import { NInput, NFlex, NDivider, NDatePicker, NSpace, NFormItem, NRadioButton, NH1, NTabs, NButton, NSelect } from 'naive-ui'
 import {useMedicalHistoryFilter} from "../../Composables/useMedicalHistoryFilter.js";
 import {ref} from "vue";
 
@@ -20,6 +21,7 @@ const props = defineProps({
     }
 })
 
+const ArchiveHistoryCreateModalShow = ref(false)
 const {
     isLoading, applyFilters, filtersRef, handleSearch, dateRange, searchValue,
     handleDateRangeChange, handleViewTypeChange, handleStatusChange
@@ -58,10 +60,16 @@ const handleBeforeLeave = (tabName) => {
                     <NFormItem class="w-[340px]" label="Статус карты" :show-feedback="false">
                         <NSelect :options="statuses" @update:value="val => handleStatusChange(val)" clearable size="large" />
                     </NFormItem>
+                    <NFormItem class="w-[340px]" :show-feedback="false">
+                        <NButton type="primary" @click="ArchiveHistoryCreateModalShow = true" secondary size="large">
+                            Добавить карту в архив
+                        </NButton>
+                    </NFormItem>
                 </NFlex>
             </NSpace>
         </template>
         <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>