medical-form-wrapper(title="Основные данные" :change-edit="changeEdit")
.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(
v-if="basicData[data.dataKey][field.key]"
:src="url + basicData[data.dataKey][field.key]"
alt="AV"
)
span(v-else) {{ avatar }}
.replace-photo.font-medium.text-base.cursor-pointer(v-if="isEdit") Заменить фото
.select(v-else-if="field.type === 'select'")
base-select(
v-model="basicData[data.dataKey][field.key]"
:hide-dropdown-icon="!isEdit"
:disable="!isEdit"
:outlined="isEdit"
:standout="!isEdit"
:items="genderOptions"
bg-color="#e9e9f6"
)
base-input(
v-else
:disabled="!isEdit"
v-model="basicData[data.dataKey][field.key]"
:type="field.type"
:width="300"
:standout="!isEdit"
:outlined="isEdit"
text-color="black"
)