WIP Добавил отображение данных медицинской карты

src/components/base/BaseDetailInfo.vue

@@ -1,9 +1,13 @@
 <template lang="pug">
   .section-wrapper.flex.flex-col.h-fit.cursor-pointer(:style="{height: `${height}px`}")
-    .section-header.flex.items-center.justify-between.pl-4.pr-3.py-4
+    .section-header.flex.items-center.justify-between.pl-4.pr-3.py-4.mb-3
       span.text-sm.font-semibold.whitespace-normal {{title}}
-    .flex.items-center.gap-x-8
-    .section-add.flex.justify-center.items-center.cursor-pointer Добавить данные
+    .flex.flex-col.items-center.gap-y-4.px-4
+     slot(v-if="!isNoData")
+    .section-add.flex.justify-center.items-center.cursor-pointer(
+      v-if="isNoData"
+      @click="openAddDoc"
+    ) Добавить данные
 </template>
 
 <script>
@@ -12,6 +16,28 @@ export default {
   props: {
     title: String,
     height: Number,
+    data: Object,
+  },
+  data() {
+    return {
+      isNoData: true,
+    };
+  },
+  methods: {
+    openAddDoc() {
+      this.isNoData = false;
+    },
+  },
+  watch: {
+    data() {
+      Object.values(this.data)
+        .map((el) => (el ? el : undefined))
+        .forEach((el) => {
+          if (el) {
+            this.isNoData = false;
+          }
+        });
+    },
   },
 };
 </script>