93 lines
2.5 KiB
Vue
93 lines
2.5 KiB
Vue
<template lang="pug">
|
||
.base.flex.flex-col.gap-y-6
|
||
.flex.flex-col.gap-y-6
|
||
span.font-bold Основное
|
||
.flex.flex-col.gap-y-6
|
||
base-input.w-full(
|
||
placeholder="ФИО*",
|
||
v-model="clientDetail.fullName",
|
||
disabled,
|
||
outlined
|
||
)
|
||
base-radio-buttons-group(
|
||
:items="gendersList",
|
||
radioButtonsLabel="Пол",
|
||
v-model="clientDetail.gender",
|
||
inline
|
||
)
|
||
.flex.gap-x-4
|
||
.input
|
||
base-input(
|
||
type="date",
|
||
label="Дата рождения",
|
||
v-model="clientDetail.birth_date",
|
||
outlined
|
||
)
|
||
.input
|
||
base-input(
|
||
placeholder="000–000–000 00",
|
||
mask="###-###-### ##",
|
||
label="СНИЛС",
|
||
v-model="clientDetail.insurance_number",
|
||
outlined
|
||
)
|
||
.flex.flex-col.gap-y-6
|
||
base-input(
|
||
label="Адрес регистрации",
|
||
placeholder="Введите полный адрес",
|
||
v-model="clientDetail.registration_address"
|
||
outlined
|
||
)
|
||
base-input(
|
||
label="Фактический адрес места жительства",
|
||
placeholder="Введите полный адрес",
|
||
v-model="clientDetail.temporary_address"
|
||
outlined
|
||
)
|
||
.flex.gap-x-4
|
||
.input
|
||
base-input(
|
||
label="Номер телефона",
|
||
placeholder="+7 (915) 644–92–23",
|
||
mask="+7 (###) ###-##-##",
|
||
v-model="clientDetail.phone",
|
||
outlined
|
||
)
|
||
.input
|
||
base-input(
|
||
label="Email",
|
||
placeholder="user@yandex.ru"
|
||
v-model="clientDetail.email",
|
||
outlined
|
||
)
|
||
</template>
|
||
|
||
<script>
|
||
import BaseInput from "@/components/base/BaseInput";
|
||
import BaseSelect from "@/components/base/BaseSelect";
|
||
import BaseRadioButtonsGroup from "@/components/base/BaseRadioButtonsGroup.vue";
|
||
import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig.js";
|
||
|
||
export default {
|
||
name: "MedicalBaseData",
|
||
components: {
|
||
BaseInput,
|
||
BaseSelect,
|
||
BaseRadioButtonsGroup,
|
||
},
|
||
props: {
|
||
clientDetail: Object,
|
||
},
|
||
computed: {
|
||
gendersList() {
|
||
return medicalDetailConfig.gendersList;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="sass" scoped>
|
||
.input
|
||
width: 277px
|
||
</style>
|