admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Добавил поля на форму создания мед карты и уведомление на некорректный номер

Browse Source
This commit is contained in:
megavrilinvv
2022-12-14 18:00:57 +03:00
parent 09c60c775f
commit a20bf2d11f
7 changed files with 177 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/medicalCard/components/MedicalBaseData.vue
View File

@@ -18,15 +18,35 @@
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Фактический адрес места жительства
base-input(:width-input="277", placeholder="Введите полный адрес")
.flex.gap-x-4
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Номер телефона
base-input(
:width-input="277",
placeholder="+7 (915) 644–92–23",
v-mask="'+7 (###) ###-##-##'"
)
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Email
base-input(:width-input="277", placeholder="user@yandex.ru")
base-button(:size="40", @click="changeBaseData")
span.font-semibold Далее
</template>
<script>
import BaseInput from "@/components/base/BaseInput";
import BaseInputDate from "@/components/base/BaseInputDate";
import BaseSelect from "@/components/base/BaseSelect";
import BaseButton from "@/components/base/BaseButton";
import { mask } from "vue-the-mask";
export default {
name: "MedicalBaseData",
components: { BaseInput, BaseInputDate, BaseSelect },
components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
directives: { mask },
props: {
changeBaseData: Function,
},
};
</script>

48
src/pages/medicalCard/components/MedicalIdentityDocuments.vue Normal file
View File

@@ -0,0 +1,48 @@
<template lang="pug">
.base.flex.flex-col.gap-y-6
.flex.flex-col.gap-y-6
span.font-bold Паспортные данные
.flex.flex-col.gap-y-4
.flex.gap-x-4
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Серия и номер
base-input(:width-input="277", placeholder="0000 000000")
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Дата выдачи
base-input-date.input-date.h-10(:width-input="277")
.flex.flex-col.gap-y-4
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Кем выдан
base-input(:width-input="277", placeholder="Точно как в паспорте")
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Страховая оганизация
base-input(:width-input="277", placeholder="Введите название организации")
base-button(:size="40", @click="changeIdentityDoc")
span.font-semibold Далее
</template>
<script>
import BaseInput from "@/components/base/BaseInput";
import BaseInputDate from "@/components/base/BaseInputDate";
import BaseSelect from "@/components/base/BaseSelect";
import BaseButton from "@/components/base/BaseButton";
import { mask } from "vue-the-mask";
export default {
name: "MedicalIdentityDocuments",
components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
directives: { mask },
props: {
changeIdentityDoc: Function,
},
};
</script>
<style lang="sass" scoped>
.input-date
border: 1.5px solid var(--border-light-grey-color)
border-radius: 4px
.counter
color: var(--font-grey-color)
</style>

51
src/pages/medicalCard/components/MedicalPolicyDocuments.vue Normal file
View File

@@ -0,0 +1,51 @@
<template lang="pug">
.base.flex.flex-col.gap-y-6
.flex.gap-x-4
.flex.flex-col.gap-y-6
span.font-bold Полис
.flex.gap-x-4
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Серия и номер полиса ОМС
base-input(:width-input="277", placeholder="0000 000000")
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Серия и номер полиса ДМС
base-input(:width-input="277", placeholder="0000 000000")
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Код категории льготы
base-input(:width-input="277", placeholder="000")
.flex.flex-col.gap-y-4
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm К кому обращаться в случае необходимости
base-input.w-full(placeholder="ФИО*")
.flex.flex-col.gap-y-2
.counter.font-semibold.text-smm Номер телефона
base-input(
:width-input="277",
placeholder="+7 (915) 644–92–23"
)
base-button(:size="40")
span.font-semibold Создать медицинскую карту
</template>
<script>
import BaseInput from "@/components/base/BaseInput";
import BaseInputDate from "@/components/base/BaseInputDate";
import BaseSelect from "@/components/base/BaseSelect";
import BaseButton from "@/components/base/BaseButton";
import { mask } from "vue-the-mask";
export default {
name: "MedicalPolicyDocuments",
components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
directives: { mask },
};
</script>
<style lang="sass" scoped>
.input-date
border: 1.5px solid var(--border-light-grey-color)
border-radius: 4px
.counter
color: var(--font-grey-color)
</style>