WIP Сделала кнопку добавления

src/pages/newMedicalCard/components/MedicalBaseInfo.vue

@@ -12,6 +12,7 @@ import MedicalSidebar from "@/pages/newMedicalCard/components/MedicalSidebar.vue
 import MedicalBasicDataWrapper from "@/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue";
 import MedicalAllergiesWrapper from "@/pages/newMedicalCard/components/MedicalAllergiesWrapper.vue";
 import MedicalConfidantWrapper from "@/pages/newMedicalCard/components/MedicalConfidantWrapper.vue";
+import MedicalProtocolsWrapper from "@/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue";
 export default {
   name: "MedicalBaseInfo",
   components: {
@@ -19,6 +20,7 @@ export default {
     MedicalBasicDataWrapper,
     MedicalAllergiesWrapper,
     MedicalConfidantWrapper,
+    MedicalProtocolsWrapper,
   },
   data() {
     return {

src/pages/newMedicalCard/components/MedicalProtocolsList.vue

@@ -0,0 +1,29 @@
+<template lang="pug">
+  .list-wrapper.h-full.flex.gap-y-1.flex-col
+    .p-4.rounded.background
+      q-btn(
+        color="primary",
+        size="16px",
+        label="Создать осмотр",
+        no-caps,
+        icon="add",
+        :style="{width: '100%'}"
+      )
+    .p-4.rounded.background.h-full
+      base-select
+</template>
+
+<script>
+import BaseSelect from "@/components/base/BaseSelect.vue";
+export default {
+  name: "MedicalProtocolsList",
+  components: { BaseSelect },
+};
+</script>
+
+<style lang="sass" scoped>
+.list-wrapper
+  width: 19.6%
+.background
+  background-color: var(--default-white)
+</style>

src/pages/newMedicalCard/components/MedicalProtocolsWrapper.vue

@@ -0,0 +1,18 @@
+<template lang="pug">
+  .wrapper
+    medical-protocols-list
+</template>
+
+<script>
+import MedicalProtocolsList from "@/pages/newMedicalCard/components/MedicalProtocolsList.vue";
+export default {
+  name: "MedicalProtocolsWrapper",
+  components: { MedicalProtocolsList },
+};
+</script>
+
+<style lang="sass" scoped>
+.wrapper
+  width: 83.2%
+  overflow-y: auto
+</style>