Фикс багов

src/pages/newCalendar/components/CalendarSidebar.vue

@@ -14,6 +14,7 @@
     .button.flex.relative.btn-sidebar.button-svg.cursor-pointer(
       @click="()=>showActive(svg.name)",
       v-for="svg in patientData.arrSvg"
+      v-click-outside="hideActive"
     )
       q-btn(
         :class="{'active-btn': findActiveBtn(svg.name)}",
@@ -31,15 +32,13 @@
         v-if="svg.name === 'round'",
         anchor="center start",
         self="top right",
-        :style="{'margin-left': '8px !important'}",
-        @before-hide="hideActive"
+        :style="{'margin-left': '8px !important'}"
       )
         .status-wrapper.flex.flex-col.gap-y-4.p-4
           .font-bold.text-xm {{svg.text}}
           .flex.flex-col.gap-2px
             .status.flex.items-center.gap-x-1.font-medium.text-smm.rounded.h-7(
-              v-for="status in patientData.statuses",
-              v-close-popup
+              v-for="status in patientData.statuses"
             )
               img(:src="status.icon")
               span {{status.name}}
@@ -47,24 +46,21 @@
         v-if="svg.name === 'medcard'",
         anchor="center start",
         self="top right",
-        :style="{'margin-left': '8px !important'}",
-        @before-hide="hideActive"
+        :style="{'margin-left': '8px !important'}"
       )
         .fill-wrapper.flex.flex-col.gap-y-4.p-4
           .font-bold.text-xm {{svg.text}}
           .flex.flex-col.gap-2px
             .status.flex.items-center.gap-x-1.font-medium.text-smm.rounded.h-7(
-              v-for="medical in medicalData",
-              v-close-popup
+              v-for="medical in medicalData"
             )
               img(:src="medical.icon")
               span {{medical.name}}
-      q-menu(
+      q-menu.overflow-hidden(
         v-if="svg.name === 'group'",
         anchor="center start",
         self="top right",
-        :style="{'margin-left': '8px !important'}",
-        @before-hide="hideActive"
+        :style="{'margin-left': '8px !important'}"
       )
         .patient-wrapper.flex.flex-col.gap-y-4.px-4.pt-4
           .font-bold.text-xm {{svg.text}}
@@ -73,7 +69,6 @@
               .flex.h-8.w-full.items-center.justify-between
                 base-input.input(
                   v-model="foundPerson",
-                  debounce="10",
                   @keyup.enter="searchPerson",
                   @input="searchPerson",
                   id="input",
@@ -180,9 +175,8 @@ export default {
       this.patientsData.forEach((e) => (e.check = false));
     },
     showActive(name) {
-      this.patientData.arrSvg = this.patientData.arrSvg.map((e) => {
-        if (e.name === name) return { ...e, active: true };
-        return { ...e, active: false };
+      this.patientData.arrSvg.forEach((e) => {
+        if (e.name === name) e.active = true;
       });
     },
     copyValue(text) {
@@ -275,7 +269,7 @@ export default {
   width: 100%
   &:hover
     height: 28px
-    background: var(--bg-light-grey)
+    background: var(--gray-thirdly)
     cursor: pointer
 
 .person-wrapper