medical-form-wrapper(
:title="`${value?.year} год`",
:is-edit="isEdit",
:open-edit="openEdit",
:cancel="cancelEdit",
:delete-item="deleteCard",
:save="saveСhanges",
:is-check-change="isCheckChange"
)
.flex.w-full.gap-x-4
base-modal-showing-picture(
v-model="isShowsPicture",
:init-picture="value.pictures.find((el) => el.id === pictureId)",
:list-pictures="value.pictures"
)
.flex.flex-col.gap-y-2.p-2.rounded.h-fit(
v-if="value.pictures.length || isEdit",
:style="{backgroundColor: 'var(--bg-light-grey)'}",
)
.pictures.gap-2(
v-if="value.pictures.length"
:class="{'edit': isEdit, 'no-edit': !isEdit, 'one-picture': value.pictures.length === 1}"
)
.photo.flex.relative(
v-for="(picture, index) in value.pictures",
)
.photo-viewing.flex.absolute.rounded.cursor-pointer.w-full.h-full.items-center.justify-center(
v-if="!isEdit",
@click="() => showPicture(picture.id)"
)
img(src="@/assets/icons/whiteEye.svg" alt="eye")
img.h-full.w-full.rounded.object-cover(:src="picture.photo")
q-btn.absolute(
v-if="isEdit",
@click="() => deletePicture(picture.id)",
round,
dense,
size="16px",
padding="4px 4px 4px 4.5px",
:style="{backgroundColor: 'var(--border-red-color)', top: '-8px', right: '-8px'}"
)
q-icon(
name="app:cancel",
size="8px",
:style="{color: 'var(--default-white)'}"
)
label.download.flex.cursor-pointer.relative.items-center.justify-center.rounded(
v-if="isEdit",
)
q-icon.absolute(
name="app:download",
size="24px"
)
base-input(
@change="(e) => addNewFiles(e)",
doc,
type="file",
accept="image/*",
id="download",
:style="{zIndex: '-1'}",
borderless,
multiple
)
.flex.w-full.flex-col.gap-y-2
.flex.font-semibold.text-sm(:style="{color: 'var(--font-grey-color)'}") Комментарий врача
.flex.flex-col.rounded.h-full(
:class="{'comments': isEdit}",
:style="{padding: isEdit ? '12px 8px 12px 16px' : '0 0 0 12px'}"
)
.flex.flex-col.w-full
.flex.items-center.gap-x-2(v-for="(comment, index) in value.comments")
.flex.w-1.h-1.rounded-full(
v-if="!isEdit",
:style="{backgroundColor: 'var(--font-dark-blue-color)'}")
q-input.comment.w-full(
:ref="`comment-${index}`",
:readonly="!isEdit",
v-model="comment.text",
borderless,
autofocus,
dense,
:input-style="{'height': '18px', 'font-weight': '500'}"
@keyup="(el) => switchСomment(el, index, comment.text)"
)