Обновление 1.0
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user