diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index c0c0aee..1276fbf 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -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;
+ },
},
};
@@ -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)
diff --git a/src/components/base/BaseRadioButtonsGroup.vue b/src/components/base/BaseRadioButtonsGroup.vue
index feedafa..d93e7c9 100644
--- a/src/components/base/BaseRadioButtonsGroup.vue
+++ b/src/components/base/BaseRadioButtonsGroup.vue
@@ -1,7 +1,7 @@
.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,
+ };
+ },
},
};
diff --git a/src/pages/medicalCard/components/MedicalBaseData.vue b/src/pages/medicalCard/components/MedicalBaseData.vue
index 513e5f0..2beaa2b 100644
--- a/src/pages/medicalCard/components/MedicalBaseData.vue
+++ b/src/pages/medicalCard/components/MedicalBaseData.vue
@@ -6,6 +6,7 @@
base-input.w-full(
placeholder="ФИО*",
v-model="clientDetail.fullName",
+ disabled
)
base-radio-buttons-group(
:items="gendersList",
diff --git a/src/pages/medicalCard/components/MedicalIdentityDocuments.vue b/src/pages/medicalCard/components/MedicalIdentityDocuments.vue
index a8bfdeb..9ab78e2 100644
--- a/src/pages/medicalCard/components/MedicalIdentityDocuments.vue
+++ b/src/pages/medicalCard/components/MedicalIdentityDocuments.vue
@@ -23,10 +23,6 @@
label="Дата выдачи",
v-model="clientDetail.identity_documents.issued_by_date"
)
- base-input(
- label="Страховая оганизация",
- placeholder="Введите название организации"
- )
diff --git a/src/pages/medicalCard/utils/medicalConfig.js b/src/pages/medicalCard/utils/medicalConfig.js
index bbfd261..097187f 100644
--- a/src/pages/medicalCard/utils/medicalConfig.js
+++ b/src/pages/medicalCard/utils/medicalConfig.js
@@ -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: "Паспортные данные",