Поправила строку медкарты и дату

src/pages/medcards/components/MedicalCardSearchList.vue

@@ -40,20 +40,22 @@ export default {
   },
   computed: {
     scrollPresence() {
-      return this.medicalCards.length > 9;
+      const listWrapper = document.getElementById("listWrapper");
+      return listWrapper?.offsetHeight - 56 * this.medicalCards?.length < 0;
     },
   },
   methods: {
     headerStyle(field) {
+      const advancedScreen =
+        window.innerWidth === 1920 && window.innerHeight === 1080;
+      let width;
+      if (this.scrollPresence)
+        width = advancedScreen
+          ? field.advancedScrollWidth
+          : field.compressedScrollWidth;
+      else width = advancedScreen ? field.advancedWidth : field.compressedWidth;
       return {
-        width:
-          !this.scrollPresence && field.spareWidth
-            ? field.spareWidth
-            : field.width,
-        "min-width":
-          this.scrollPresence && field.compressedMinWidth
-            ? field.compressedMinWidth
-            : field.minWidth,
+        width: width,
         "justify-content": field.title === "Do" ? "center" : "",
       };
     },

src/pages/medcards/utils/medcardsConfig.js

@@ -1,43 +1,52 @@
 export const searchListConfig = [
   {
     title: "ФИО",
-    width: "518px",
-    minWidth: "400px",
-    spareWidth: "550px",
+    advancedScrollWidth: "518px",
+    advancedWidth: "550px",
+    compressedScrollWidth: "400px",
+    compressedWidth: "400px",
   },
   {
     title: "Дата рождения",
-    width: "220px",
-    minWidth: "160px",
-    compressedMinWidth: "170px",
+    advancedScrollWidth: "220px",
+    advancedWidth: "220px",
+    compressedScrollWidth: "170px",
+    compressedWidth: "160px",
   },
   {
     title: "Приоритет",
-    width: "220px",
-    minWidth: "140px",
+    advancedScrollWidth: "220px",
+    advancedWidth: "220px",
+    compressedScrollWidth: "140px",
+    compressedWidth: "140px",
   },
   {
     title: "№ медкарты",
-    width: "280px",
-    minWidth: "220px",
-    compressedMinWidth: "194px",
+    advancedScrollWidth: "280px",
+    advancedWidth: "280px",
+    compressedScrollWidth: "194px",
+    compressedWidth: "220px",
   },
   {
     title: "Дата создания",
-    width: "215px",
-    minWidth: "160px",
-    compressedMinWidth: "170px",
+    advancedScrollWidth: "215px",
+    advancedWidth: "215px",
+    compressedScrollWidth: "170px",
+    compressedWidth: "160px",
   },
   {
     title: "Процент заполнения",
-    width: "295px",
-    minWidth: "220px",
-    compressedMinWidth: "194px",
+    advancedScrollWidth: "295px",
+    advancedWidth: "295px",
+    compressedScrollWidth: "194px",
+    compressedWidth: "220px",
   },
   {
     title: "Do",
-    width: "60px",
-    minWidth: "60px",
+    advancedScrollWidth: "60px",
+    advancedWidth: "60px",
+    compressedScrollWidth: "60px",
+    compressedWidth: "60px",
   },
 ];