base-modal(v-model="value", title="Добавление записи" modal-padding)
.form-wrapper.flex.flex-col.gap-y-6.justify-start.mt-1
span.text-smm.font-medium.title-inputs {{`Дата: ${dataEntry.date}`}}
.flex.flex-col.gap-y-4.w-full
.flex.flex-col.gap-y-6px.justify-start.w-full
span.text-smm.font-semibold.title-inputs Карта здоровья
base-download(
v-model="dataEntry.pictures",
multiple,
title-type="снимок",
:returned-fields="['photo', 'id', 'name', 'size']"
)
.grey-border.rounded-md.flex.w-full.py-2.pr-4.pl-2.justify-between.items-center(v-for="picture in dataEntry.pictures")
.flex.items-center
img.grey-border.rounded.w-8.h-8.mr-3(:src="picture.photo")
span.text-base.font-normal.mr-2 {{picture.name}}
span.text-smm.font-normal(:style="{color: 'var(--font-dark-grey-color)'}") {{`${picture.size} МБ`}}
q-icon.delete-img.cursor-pointer(
@click="() => deleteImg(picture.id)",
name="app:cancel",
size="15px",
)
.flex.flex-col.gap-y-6px.justify-start.w-full
span.text-smm.font-semibold.title-inputs Комментарий врача
.flex.comments.rounded
base-input.w-full.min-h-75(
v-model="dataEntry.comment",
type="textarea",
borderless,
dense,
placeholder="Введите описание"
autogrow,
min-height="75px",
font-size="16px",
:text-color="!dataEntry.comment ? 'var(--font-grey-color)' : 'var(--font-dark-blue-color)'"
)
.flex.gap-x-2.text-smm
q-btn(
color="primary",
outline,
size="16px",
no-caps,
label="Отменить",
padding="10px 24px 10px 24px",
@click="closeModal"
)
q-btn(
color="primary",
size="16px",
no-caps,
label="Сохранить",
padding="10px 24px 10px 24px",
@click="createNewEntry"
)