.list-wrapper.h-full.flex.gap-y-1.flex-col
.p-4.rounded.background
q-btn(
color="primary",
size="16px",
label="Создать осмотр",
no-caps,
icon="add",
:style="{width: '100%', height: '40px'}"
padding="0",
@click="changeShownCreateModal(true)"
)
.p-4.rounded.background.list
.flex
base-select(
:style="{flex: 1}",
:items="sortingYears",
v-model="sortingYear",
clearable
)
q-btn.ml-2(
icon="app:sort-number",
:style="{width: '40px', height: '40px'}",
padding="0",
:class="sortingClass",
@click="invertSorting"
)
.flex.py-4.w-full.color-grey.text-base.justify-center
span.opacity-50 {{ `Осмотров: ${sortingProtocols?.length}` }}
.flex.flex-col.gap-y-2
medical-protocol-card(
v-for="protocol in sortingProtocols", :key="protocol.id",
:protocol-data="protocol",
@click="openInspection"
)
base-modal(
v-model="showModal",
title="Создание осмотра"
)
medical-protocol-create-modal(
:change-shown-create-modal="changeShownCreateModal",
:create-inspection="createInspection"
)