medical-form-wrapper(
:title="`Доверенное лицо ${index+1}`"
titleDelete="Удалить контакт"
:delete-item="deleteConfidant"
:is-check-change="isCheckChange"
:is-loading-data="isLoadingData"
:is-edit="isEdit"
:save="saveChange"
:cancel="cancelEdit"
:open-edit="openEdit"
)
q-form.form-wrap.gap-24.w-full(ref="formConfidant")
.flex.flex-col.gap-4(v-for="data in configData")
.font-semibold.text-sm.whitespace-nowrap {{data.dataLabel}}
.flex.w-full.h-full.justify-between.gap-4(v-for="field in data.fields")
.label-field.font-sm.text-sm.whitespace-nowrap.mt-10px {{`${field.label} :`}}
.input-wrapper.items-center.h-fit.gap-10px
.w-full.flex.gap-x-1.gap-y-2(v-if="field.key === 'networks'" :style="{'flex-wrap': 'wrap !important'}")
.flex.rounded-full.cursor-pointer.h-fit.items-center.gap-10px.py-1.pl-1.pr-2(
v-for="network in confidant.networks"
@click="() => copyLinkNetwork(network.username)"
style="background-color: var(--bg-light-grey)"
)
q-icon.icon(:name="mapNetworks[network.kind].icon" :class="{old: network.id, new: !network.id}")
span.text-smm.font-medium {{ mapNetworks[network.kind].title || network.username }}
.flex.relative
q-btn(
v-if="isEdit"
icon="add",
size="17px",
class="add-network"
@click.stop
round,
dense,
no-caps,
padding="3px"
)
q-menu(v-model="isOpenPopupAdding", anchor="bottom left", self="top right")
.menu-wrapper.flex.flex-col.gap-y-3.p-4
base-adding-network(
:items="Object.values(mapNetworks)",
:network="newNetwork",
:rule-input="ruleInputNetwork"
)
.w-fit
base-button(
label="Добавить",
@click="saveNetwork",
width="126px"
)
.flex.w-full.relative(v-else)
q-menu.h-fit(
v-if="field.key === 'last_name'",
fit,
v-model="isOpenListConfidant",
:style="{'max-height': '160px', 'position': 'fixed !important'}",
no-focus,
anchor="bottom right",
self="top right"
)
.flex.flex-col.w-full.h-full.overflow-y-auto
.confidant-item.flex.h-10.items-center.cursor-pointer.text-base.px-2(
v-for="person in listPersons"
:id="person.id"
@click="(e) => choiceConfidant(e)"
) {{ `${person.last_name || ""} ${person.first_name || ""} ${person.patronymic || ""}` }}
base-textarea.w-full(
v-if="field.type === 'textarea'",
:readonly="!isEdit",
v-model="confidant[field.key].value",
@update:model-value="(val) => checkChangeInput(val, field.key)",
:mask="field.mask",
:type="field.type",
:name="field.key",
:placeholder="field.placeholder",
height="96px"
)
base-input.w-full(
v-else,
:readonly="!isEdit",
v-model="confidant[field.key].value",
@update:model-value="(val) => checkChangeInput(val, field.key)",
:mask="field.mask",
:type="field.type",
:name="field.key",
:placeholder="field.placeholder",
:rule="field.rules",
size="M"
)