.patient-info.pt-4.pr-6.flex.flex-col.justify-between.rounded
.ml-6.flex.justify-between
q-breadcrumbs
template(v-slot:separator)
q-icon.rotate-180(
size="12px",
name="app:long-arrow",
color="grey",
)
q-breadcrumbs-el(:label="routes[routingHistory.state.back]")
q-breadcrumbs-el(:label="`${routes[routingHistory.state.current]} #${medicalCardData?.number}`")
q-btn(
flat,
text-color="grey",
no-caps,
padding="6px"
size="md"
@click="changeShownRemoveModal(true)",
)
q-icon(left, name="app:basket", size="16px")
span Удалить медкарту
.ml-6.flex.gap-x-4
q-avatar(size="80px", :style="{'background-color': 'var(--border-light-grey-color)', color: 'var(--font-dark-blue-color)'}")
img(v-if="patientData?.photo", :src="url + patientData?.photo")
span.text-2xl(v-else) {{patientAvatar}}
.flex.gap-y-1.flex-col
.flex.items-center
span.text-xxl.font-bold.mr-3(
:style="{color: 'var(--font-dark-blue-color)', 'line-height': '135%'}",
) {{patientName}}
q-chip(
square,
text-color="white",
:style="{height: '20px', background: priority?.color, padding: '2px 8px'}",
:label="priority?.text"
)
q-btn-dropdown(
v-if="allergiesList?.length > 0"
:style="{background: 'var(--border-red-color)', height: '20px'}",
text-color="white",
:label="`+${allergiesList?.length}`"
icon="pan_tool"
size="10px",
padding="2px 8px",
dropdown-icon="expand_more",
menu-anchor="bottom left",
menu-self="top start",
)
.p-4.w-56.flex.justify-between
q-list.allergies-list.w-full(id="allergiesList")
q-item.allergies-item.text-smm.rounded(
v-close-popup,
v-for="allergy in allergiesList",
:style="{padding: '0 8px', 'min-height': '32px'}"
)
q-item-section.cursor-pointer {{allergy.name}}
.m-auto.label-color.icon-eye
q-icon(name="visibility", size="16px")
span.text-smm.label-color Добавлен в систему:
span.date-color {{ createdDate }}
span.text-smm.label-color Последнее обновление:
span.date-color {{ updatedDate }}
.flex.justify-between.pt-4
.flex
.menu-item.px-6.py-10px.cursor-pointer.text-base(
v-for="item in menuItem",
@click="selectItem(item)",
:class="{'menu-item-active': item.component === modelValue}",
:key="item.id",
:id="item.id"
) {{item.title}}
q-btn-dropdown(
color="primary",
icon="print",
label="Печатать",
dropdown-icon="expand_more",
flat,
size="md"
no-caps,
padding="2px 4px"
:style="{height: '32px'}"
)