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:
Daria Golova
2023-01-10 17:31:23 +03:00
parent 252d15f5bf
commit 99219a6aaa
6 changed files with 98 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/base/BaseInput.vue
View File

@@ -6,11 +6,10 @@
) {{ label }}
.input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
:class="{'border-none': borderNone, 'border-error': borderError }"
:style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
:style="disabledBackgroundStyle"
)
input.input.w-full.outline-0.not-italic(
v-model="value",
:style="{'color': disabled && 'var(--font-grey-color-0)'}",
:class="textClass",
:placeholder="placeholder",
:disabled="disabled",
@@ -63,6 +62,13 @@ export default {
"text-sm": true,
};
},
disabledBackgroundStyle() {
return this.disabled
? {
"background-color": "var(--bg-disable-grey-color)",
}
: false;
},
},
};
</script>
@@ -83,6 +89,7 @@ export default {
background-color: inherit
&:disabled, &[disabled]
background-color: var(--bg-disable-grey-color)
color: var(--font-grey-color-0)
.label
color: var(--font-black-color)
</style>

29
src/components/base/BaseRadioButtonsGroup.vue
View File

@@ -1,7 +1,7 @@
<template lang="pug">
.container.flex.flex-col.gap-y-2
.label.font-semibold.text-smm(v-if="radioButtonsLabel") {{ radioButtonsLabel }}
.group.flex.gap-x-4.text-base(:class="{'flex-col gap-y-1': direction === 'col'}")
.group.flex.text-base(:class="radioGroupClasses")
.option(v-for="item in items")
input.mr-2(
type="radio",
@@ -23,10 +23,9 @@ export default {
type: Array,
default: () => [],
},
direction: {
type: String,
default: "row",
},
directionColumn: Boolean,
columnGap: String,
rowGap: String,
},
computed: {
value: {
@@ -37,6 +36,26 @@ export default {
this.$emit("update:modelValue", value);
},
},
radioGroupClasses() {
if (this.directionColumn) {
return this.columnGap
? {
"flex-col": true,
[this.columnGap]: true,
}
: {
"flex-col": true,
"gap-y-1": true,
};
}
if (this.rowGap)
return {
[this.rowGap]: true,
};
return {
"gap-x-4": true,
};
},
},
};
</script>

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

@@ -6,6 +6,7 @@
base-input.w-full(
placeholder="ФИО*",
v-model="clientDetail.fullName",
disabled
)
base-radio-buttons-group(
:items="gendersList",

4
src/pages/medicalCard/components/MedicalIdentityDocuments.vue
View File

@@ -23,10 +23,6 @@
label="Дата выдачи",
v-model="clientDetail.identity_documents.issued_by_date"
)
base-input(
label="Страховая оганизация",
placeholder="Введите название организации"
)
</template>
<script>

75
src/pages/medicalCard/components/MedicalPolicyDocuments.vue
View File

@@ -1,28 +1,38 @@
<template lang="pug">
.base.flex.flex-col.gap-y-6
span.font-bold Полис
base-radio-buttons-group(
:items="policiesList",
v-model="policy",
rowGap="gap-x-[182px]"
)
.flex.gap-x-4
base-input.input(
label="Серия и номер полиса ОМС",
placeholder="000000 0000000000",
v-model="clientDetail.OMSPolicy.number",
v-mask="'###### ##########'"
)
base-input.input(
label="Страховая компания полиса ОМС",
v-model="clientDetail.OMSPolicy.organization",
)
.flex.gap-x-4
base-input.input(
label="Серия и номер полиса ДМС",
placeholder="000000 0000000000",
v-model="clientDetail.DMSPolicy.number",
v-mask="'###### ##########'"
)
base-input.input(
label="Страховая компания полиса ДМС",
v-model="clientDetail.DMSPolicy.organization",
)
.flex.flex-col.gap-y-4
base-input.input(
label="Серия и номер полиса ОМС",
placeholder="000000 0000000000",
v-model="clientDetail.OMSPolicy.number",
v-mask="'###### ##########'",
:disabled="!selectedOMSPolicy"
)
base-input.input(
label="Страховая организация полиса ОМС",
v-model="clientDetail.OMSPolicy.organization",
:disabled="!selectedOMSPolicy"
)
.flex.flex-col.gap-y-4
base-input.input(
label="Серия и номер полиса ДМС",
placeholder="000000 0000000000",
v-model="clientDetail.DMSPolicy.number",
v-mask="'###### ##########'",
:disabled="selectedOMSPolicy"
)
base-input.input(
label="Страховая организация полиса ДМС",
v-model="clientDetail.DMSPolicy.organization",
:disabled="selectedOMSPolicy"
)
base-input(
label="Код категории льготы",
placeholder="000",
@@ -42,16 +52,35 @@
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";
import BaseRadioButtonsGroup from "@/components/base/BaseRadioButtonsGroup.vue";
import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig.js";
export default {
name: "MedicalPolicyDocuments",
components: { BaseInput, BaseInputDate, BaseSelect, BaseButton },
components: {
BaseInput,
BaseInputDate,
BaseSelect,
BaseRadioButtonsGroup,
},
directives: { mask },
props: {
clientDetail: Object,
},
data() {
return {
policy: "OMS",
};
},
computed: {
policiesList() {
return medicalDetailConfig.policiesList;
},
selectedOMSPolicy() {
return this.policy === "OMS";
},
},
};
</script>

12
src/pages/medicalCard/utils/medicalConfig.js
View File

@@ -11,6 +11,18 @@ export const medicalDetailConfig = {
value: "WOMEN",
},
],
policiesList: [
{
id: "1",
label: "Полис ОМС",
value: "OMS",
},
{
id: "2",
label: "Полис ДМС",
value: "DMS",
},
],
identity_document: {
height: 366,
title: "Паспортные данные",