.list-wrapper.h-full.flex.gap-y-1.flex-col
.background.h-72px.flex.w-full.justify-between.items-center.p-4.rounded
span.text-2xl.font-bold Осмотры
base-button(
width="40px",
@click="changeShownCreateModal(true)",
v-if="createInspection"
)
q-icon(name="app:plus", size="18px")
.p-4.rounded.background.list.flex.flex-col.gap-y-6
.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.flex-col.gap-y-2
medical-protocol-card(
v-for="protocol in sortingProtocols", :key="protocol.id",
:protocol-data="protocol",
:no-fill-indicator="noFillIndicator",
@click="() => openInspection(protocol.id)"
)
base-modal(
v-model="showModal",
title="Создание осмотра"
)
medical-protocol-create-modal(
:change-shown-create-modal="changeShownCreateModal",
:create-inspection="createInspection"
)