diff --git a/src/assets/icons/teeth.svg b/src/assets/icons/teeth.svg new file mode 100644 index 0000000..d681b88 --- /dev/null +++ b/src/assets/icons/teeth.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/base/BaseSelect.vue b/src/components/base/BaseSelect.vue index b498f6a..9b78e71 100644 --- a/src/components/base/BaseSelect.vue +++ b/src/components/base/BaseSelect.vue @@ -12,6 +12,7 @@ :bg-color="bgColor", :standout="standout", dense, + :behavior="behavior", emit-value, map-options ) @@ -100,3 +101,9 @@ export default { }, }; + diff --git a/src/pages/newMedicalCard/components/MedicalProtocolsList.vue b/src/pages/newMedicalCard/components/MedicalProtocolsList.vue index 5c07cc4..b026cfa 100644 --- a/src/pages/newMedicalCard/components/MedicalProtocolsList.vue +++ b/src/pages/newMedicalCard/components/MedicalProtocolsList.vue @@ -9,9 +9,11 @@ icon="add", :style="{width: '100%'}" ) - .p-4.rounded.background.h-full.w-full - .flex.w-full - base-select(:style="{flex: 1}") + .p-4.rounded.background.h-full + .flex + base-select( + :style="{flex: 1}", + ) q-btn.ml-2( icon="sort" :style="{width: '40px', height: '40px'}", @@ -19,6 +21,20 @@ :class="sortingClass" @click="invertSorting" ) + .flex.py-4.w-full.color-grey.text-base.justify-center + span.opacity-50 Осмотров: 5 + .flex.gap-y-2 + .w-full.border.rounded.border-grey.p-4 + .flex.justify-between.mb-7 + .flex.flex-col.gap-y-1 + span.text-xl.font-bold.color-blue.line-height 2023 г. + .text-smm.color-grey.flex.items-center.gap-x-6px.line-height + span.align-middle 22.02 + .rounded-full.h-1.w-1.background-grey + span.align-middle 18:30 - 19:30 + .flex.items-center.justify-center.h-6.w-6.rounded.background-grey + img.teeth-icon(src="@/assets/icons/teeth.svg") + .h-10