medical-form-wrapper(
title="Основные данные"
:is-check-change="isCheckChange"
:is-loading-data="isLoadingData"
:is-edit="isEdit"
:save="saveChange"
:cancel="cancelEdit"
:open-edit="openEdit"
)
.form-wrap.gap-24.w-full
.data-section.flex.flex-col.gap-4(v-for="data in configData")
.font-semibold.text-sm.whitespace-nowrap {{data.dataLabel}}
.flex.w-full.justify-between.items-center.gap-4(v-for="field in data.fields")
.label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
.avatar-field.flex.gap-3.items-center(v-if="field.type === 'avatar'")
base-avatar(:size="40")
img.avatar.object-cover(
v-if="basic[data.dataKey][field.key]?.photo"
:src="basic[data.dataKey][field.key].photo"
alt="AV"
)
span(v-else) {{ avatar }}
.replace-photo.font-medium.text-base.cursor-pointer(v-if="isEdit" @click="showModal = true") Заменить фото
base-modal(v-model="showModal" title="Загрузить изображение")
base-upload-photo(
v-model="basic[data.dataKey][field.key]"
:confirm-upload="confirmCahngeAvatar"
)
.select(v-else-if="field.type === 'select'")
base-select(
v-model="basic[data.dataKey][field.key]"
@update:model-value="checkChangeInput"
:hide-dropdown-icon="!isEdit"
:disable="!isEdit"
:outlined="isEdit"
:standout="!isEdit"
:items="genderOptions"
bg-color="#e9e9f6"
)
base-input(
v-else
:disabled="!isEdit"
v-model="basic[data.dataKey][field.key]"
@update:model-value="checkChangeInput"
:type="field.type"
:width="278"
:standout="!isEdit"
:outlined="isEdit"
:rule="field.rules"
text-color="black"
)