medical-form-wrapper(
:title="data.title",
:is-edit="isEdit",
:cancel="cancelEdit",
:open-edit="() => changeEdit(true)",
:buttonsPresence="!fillInspection"
)
.index-wrapper.w-full(v-if="isEdit")
.rounded.border.px-4.py-2(v-if="data.content?.list")
.flex.flex-col
.py-2.radio-item.flex.justify-between.items-center(v-for="item in data.content?.list")
q-radio(
v-model="modelValue",
dense,
:val="item?.value ? item.value : item",
checked-icon="check_box",
unchecked-icon="check_box_outline_blank"
)
span.text-sm.line-height.blue-color {{ item?.label ? item.label : item }}
.alert-icon.flex.justify-center.items-center.rounded.w-6.h-6(v-if="item?.icon")
q-icon(name="warning_amber", size="13")
base-input(
v-else,
v-model="modelValue",
outlined,
type="number",
:rule="data?.rules",
step="any",
)
.rounded.grey-background.py-3.px-4.blue-color
span.font-bold.text-base.line-height Справка
.text-sm.line-height.mt-2(:class="{'whitespace-pre-line': data.content?.whitespace}") {{ data.content?.reference}}
.w-full.flex.gap-x-1(v-if="!isEdit")
.w-full.flex.gap-x-1(v-if="modelValue")
.text-sm.line-height.blue-color.py-6px.px-3.grey-background.rounded {{ displayedValue }}
.flex.rounded.w-8.h-8.justify-center.items-center.text-xl(:style="checkIconColor")
q-icon(name="warning_amber", color="white")