medcards list fixes

src/pages/medcards/components/MedicalCardSearchList.vue

@@ -40,7 +40,7 @@ export default {
   methods: {
     headerStyle(field) {
       return {
-        width: field.width,
+        ...field,
         "justify-content": field.title === "Do" ? "center" : "",
       };
     },

src/pages/medcards/components/MedicalCardSearchRow.vue

@@ -8,22 +8,15 @@
       span.font-semibold.text-dark {{patientName}}
     .field(:style="headerStyle(headerConfig[1])")
       span.text-dark {{ convertDate(medcardInfo?.person?.birth_date) }} г.
-    .field.gap-x-2(:style="headerStyle(headerConfig[2])")
-      .rounded-full.h-2.w-2(:style="{background: patientPriority?.color}")
-      span(:style="{color: patientPriority?.color}") {{ patientPriority?.text }}
-    .field(:style="headerStyle(headerConfig[3])")
+    .field(:style="headerStyle(headerConfig[2])")
       .medcard-number.rounded.h-7.py-1.pl-3.pr-2.flex.items-center.justify-between.w-full.cursor-pointer(
         @click="copyValue(medcardInfo?.number)"
       )
         span.text-dark.cursor-pointer {{ medcardInfo?.number }}
         q-icon.copy(size="18px", name="app:copy")
-    .field(:style="headerStyle(headerConfig[4])")
+    .field(:style="headerStyle(headerConfig[3])")
       span.text-dark {{ convertDate(medcardInfo?.created_at) }} г.
-    .field.gap-x-3(:style="headerStyle(headerConfig[5])")
-      .track.h-2.flex-1.rounded
-        .thumb.h-full.rounded(:style="thumbStyle")
-      span.grey-color {{ medcardInfo?.filling_percentage || 0 }}%
-    .field(:style="{...headerStyle(headerConfig[6])}")
+    .field(:style="{...headerStyle(headerConfig[4])}")
       q-icon.medcard.cursor-pointer(name="app:medcard", size="20px", @click="openMedicalCard")
 </template>
 

src/pages/medcards/utils/medcardsConfig.js

@@ -1,31 +1,24 @@
 export const searchListConfig = [
   {
     title: "ФИО",
-    width: "550px",
+    width: "100%",
+    minWidth: "350px",
   },
   {
     title: "Дата рождения",
-    width: "220px",
-  },
-  {
-    title: "Приоритет",
-    width: "220px",
+    minWidth: "220px",
   },
   {
     title: "№ медкарты",
-    width: "280px",
+    minWidth: "280px",
   },
   {
     title: "Дата создания",
-    width: "215px",
-  },
-  {
-    title: "Процент заполнения",
-    width: "295px",
+    minWidth: "215px",
   },
   {
     title: "Do",
-    width: "60px",
+    minWidth: "60px",
   },
 ];
 

src/pages/newMedicalCard/components/BasicDataForms/BasicDataForm.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="base"
     title="Основные данные"
     :is-check-change="isCheckChange"
     :is-loading-data="isLoadingData"

src/pages/newMedicalCard/components/BasicDataForms/ContactsForm.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="contacts"
     title="Контакты"
     :is-check-change="isCheckChange"
     :is-loading-data="isLoadingData"

src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="documents",
     title="Документы",
     :is-check-change="isCheckChange",
     :is-edit="isEdit",

src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="insurance",
     title="Страховка",
     :is-loading-data="isLoadingData",
     :is-check-change="isCheckChange",