diff --git a/src/pages/newMedicalCard/components/MedicalCardPatientForm.vue b/src/pages/newMedicalCard/components/MedicalCardPatientForm.vue
index ca479cd..93258d7 100644
--- a/src/pages/newMedicalCard/components/MedicalCardPatientForm.vue
+++ b/src/pages/newMedicalCard/components/MedicalCardPatientForm.vue
@@ -1,6 +1,6 @@
-.patient-info.pt-4.pr-6.flex.flex-col.justify-between.rounded.font-medium.text-m
- .ml-6.flex.justify-between
+.patient-info.pt-4.flex.flex-col.rounded.font-medium.text-m
+ .ml-4.flex.justify-between
//- TODO по клику переход на предыдущую страницу
q-breadcrumbs
template(v-slot:separator)
@@ -11,81 +11,66 @@
)
q-breadcrumbs-el(:label="routes[routingHistory.state.back]")
q-breadcrumbs-el(:label="`Медкарта #${medicalCardData?.number}`")
-
- q-btn(
- @click="toggleEditMode",
- :style="{backgroundColor: 'var(--bg-light-grey)', color: 'blue'}",
- padding="10px",
- )
- q-icon(
- name="edit",
- size="20px",
- )
- .ml-6.flex.gap-x-4
+
+ .mr-4.flex
+ .text {{ patient?.marks }}
+
+ .ml-6.flex.gap-x-4.col-grow.items-center
q-avatar(size="80px", :style="{'background-color': 'var(--border-light-grey-color)', color: 'var(--font-dark-blue-color)'}")
img(v-if="patientData?.photo", :src="url + patientData?.photo")
span.text-2xl(v-else) {{patientAvatar}}
- template(v-if="!editMode")
- .flex.gap-y-1.flex-col
- .flex.items-center
- span.text-xxl.font-bold.mr-3(
- :style="{color: 'var(--font-dark-blue-color)', 'line-height': '135%'}",
- ) {{patientName}}
-
+ .flex.gap-y-1.flex-col(v-if="!editMode")
+ .flex.items-center
+ span.text-xxl.font-bold.mr-3(
+ :style="{color: 'var(--font-dark-blue-color)', 'line-height': '135%'}",
+ ) {{ patientFullName }}
- span.text-smm.label-color Добавлен в систему:
- span.date-color {{ patientData?.gender }}
- span.date-color {{ patientData?.birth_date }}
- span.text-smm.label-color Спец отметки:
-
- template(v-else)
- base-input(
- v-model="fullname"
- size="M",
- label="Фамилия"
- )
- base-input(
- v-model="fullname"
- size="M",
- label="Имя"
- )
- base-input(
- v-model="fullname"
- size="M",
- label="Отчество"
- )
-
- .flex.justify-between.pt-4
- .flex
- .menu-item.px-6.py-10px.cursor-pointer.text-base.whitespace-nowrap(
- v-for="item in menuItem",
- @click="selectItem(item)",
- :class="{'menu-item-active': item.component === modelValue}",
- :key="item.id",
- :id="item.id"
- ) {{item.title}}
+ span.date-color {{ patient?.gender }}
+ span.date-color {{ patient?.birthDate }}
+ .flex-col(v-else)
+ .flex.gap-x-2
+ base-input(
+ v-model="patient.lastName"
+ size="S",
+ label="Фамилия"
+ )
+ base-input(
+ v-model="patient.firstName"
+ size="S",
+ label="Имя"
+ )
+ base-input(
+ v-model="patient.patronymic"
+ size="S",
+ label="Отчество"
+ )
+ .flex.gap-x-2
+ base-input(
+ v-model="patient.birthDate"
+ size="S",
+ label="Дата рождения"
+ )
+ base-input(
+ v-model="patient.gender"
+ size="S",
+ label="Пол"
+ )
@@ -160,47 +111,11 @@ export default {
.patient-info
background-color: var(--default-white)
min-height: 190px
-.menu-item
- color: var(--font-grey-color)
- border-bottom: 1px solid transparent
-.menu-item:first-child
- border-bottom-left-radius: 4px
-.menu-item-active
- color: var(--font-dark-blue-color)
- border-bottom: 1px solid var(--font-dark-blue-color)
-.q-btn
- font-weight: 500 !important
-.q-btn :deep(.on-left)
- margin-right: 4px !important
-.q-btn :deep(.q-btn-dropdown__arrow)
- margin-left: 0px !important
- opacity: 0.7
-.text-grey
- color: var(--font-grey-color) !important
+
.q-breadcrumbs__el
font-size: 12px
line-height: 135%
color: var(--font-grey-color)
.q-breadcrumbs :deep(.q-breadcrumbs__separator)
margin: 10px 0 4px 8px !important
-.label-color
- color: var(--font-grey-color)
-.date-color
- color: var(--font-dark-blue-color)
-.allergies-list
- max-height: 190px
- overflow-y: auto
- &::-webkit-scrollbar
- width: 4px
- background-color: var(--default-white)
- &::-webkit-scrollbar-track
- margin: 0
-.allergies-item
- color: var(--font-dark-blue-color)
-.allergies-item:hover
- background-color: var(--bg-light-grey)
- .icon-eye
- display: block
-.icon-eye
- display: none