.wrapper.flex.font-medium.flex-col.text-smm
.header.flex.flex-col.gap-y-6
.grey-color.text-smm.font-semibol {{"Медицинская карта: " + data.medicalNumber}}
.flex.gap-x-4.w-full
img.h-20.w-20.rounded-full(:src="data?.avatar")
.flex.items-center.justify-between.w-full
.info.flex.flex-col.gap-y-2
.text-5xl.font-bold {{data.last_name + " " + data.first_name + " " + data.patronymic}}
.flex.flex-col.text-m
span {{data.birthday}}
.flex.gap-x-2.items-center
span Приоритет:
.white-color.flex.grey-color.rounded.items-center.px-3.h-6.w-fit(
:class="selectedPriority"
) {{selectedPriorityName}}
.circle.flex.rounded-full.items-center.justify-center(
:style="{background: choiceFill(data.fill)}"
)
.flex.flex-col.items-center
.text-5xl.font-bold {{data.fill}}
.grey-color.text-xsx Заполнено
.body.flex.px-8.py-6.flex-col.gap-y-4
.flex.gap-x-4.items-center
.title.flex.text-m.grey-color Соцсети:
.wrap.flex.gap-1
.network.flex.h-7.items-center.gap-x-2.cursor-pointer(
v-for="network in data.networks"
)
q-icon.blue-fill(:name="network.icon", size="24px")
span {{network.name}}
.flex.gap-x-4.items-center
.title.flex.text-m.grey-color Телефон:
.flex {{data?.phone}}
.flex.gap-x-4.items-center
.title.flex.text-m.grey-color Email:
.flex {{data?.email}}
.flex.gap-x-4.items-center
.title.flex.text-m.grey-color Страхование:
.flex.gap-x-2.items-center
span {{data?.company}}
.policy.flex.items-center.gap-x-2.pl-3.pr-2.h-7
span {{data?.policy}}
q-icon.cursor-pointer.grey-fill(
@click="copyValue(data.policy)",
name="app:copy", size="18px"
)
.flex.gap-x-4.items-center
.title.flex.text-m.grey-color Особые отметки:
.wrap.flex.gap-x-1.gap-y-1
.flex.h-7.w-fit.items-center.px-3.rounded(
v-for="mark in data.marks", :style="{background: mark.color}"
) {{mark.name}}
.footer.flex