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,11 +1,12 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="contacts"
     title="Контакты"
-    :is-check-change="isCheckChange" 
-    :is-loading-data="isLoadingData" 
+    :is-check-change="isCheckChange"
+    :is-loading-data="isLoadingData"
     :is-edit="isEdit"
-    :save="saveChange" 
-    :cancel="cancelEdit" 
+    :save="saveChange"
+    :cancel="cancelEdit"
     :open-edit="openEdit"
     )
     q-form.form-wrap.gap-24.w-full(ref="formContacts")
@@ -16,7 +17,7 @@
           .input-wrapper.items-center.flex.h-10.gap-10px
             .flex(v-if="key === 'networks'")
               .flex.rounded-full.cursor-pointer.items-center.gap-10px.py-1.pl-1.pr-2(
-                v-if="data.id || data.filled" 
+                v-if="data.id || data.filled"
                 @click="() => copyLinkNetwork(data.value)"
                 style="background-color: var(--bg-light-grey)"
               )
@@ -47,7 +48,7 @@
               size="M"
             )
             .delete-contact.icon-cancel.text-xxs.cursor-pointer(
-              v-if="isEdit" 
+              v-if="isEdit"
               @click="() => deleteContact(key, index)"
               )
         q-btn.ml-2px(

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

@@ -1,12 +1,13 @@
 <template lang="pug">
   medical-form-wrapper(
+    id="documents",
     title="Документы",
     :is-check-change="isCheckChange",
     :is-edit="isEdit",
     :cancel="cancelEdit",
     :open-edit="openEdit",
     :save="saveChange"
-  ) 
+  )
     q-form.form-wrap.gap-24.w-full(ref="documentForm", :no-error-focus="true")
       .data-section.flex.flex-col.gap-4(v-for="data in configData", :key="data.dataLabel")
         .font-semibold.text-sm.whitespace-nowrap {{data.dataLabel}}

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",
@@ -46,14 +47,14 @@
               base-upload-photo(
                 :key="insurance.insuranceKey"
                 v-model="insuranceData[photoId][field.key]"
-                :confirm-upload="confirmChangePhoto" 
+                :confirm-upload="confirmChangePhoto"
               )
           .category.flex.h-10.relative.gap-x-2(v-else-if="field.type === 'select'")
             .category-select.flex.items-center.change.px-4.rounded {{selectCategory(basic[insurance.insuranceKey][field.key])}}
             q-btn.change.flex.w-7.h-9.rounded-md(
-              v-if="isEdit", 
-              @click="openModalCategories", 
-              dense, 
+              v-if="isEdit",
+              @click="openModalCategories",
+              dense,
               padding="8px"
             )
               q-icon.icon(name="app:folder", size="24px")
@@ -75,7 +76,7 @@
               v-if="basic?.benefit[insurance?.discount]",
               :style="{color: 'var(--font-grey-color)'}"
             )
-              span Процент скидки: 
+              span Процент скидки:
               span(
                 :style="{color: 'var(--font-dark-blue-color)'}"
               ) {{"\xa0" + basic?.benefit[insurance?.discount] + "%"}}