Merge pull request #37 from dderbentsov/UC-14

Исправлены ошибки отображения элементов заголовка таблицы

src/assets/sass/variables.sass

@@ -17,6 +17,4 @@
   --bg-hover-row-table: rgba(215, 217, 255, 0.25)
   --default-white: #fff
   --btn-red-color: #ff6f6f
-  --time-indicator-color: #E93131
-  --br-grey-color: #D3D4DC
   --time-indicator-color: #e93131

src/components/base/BaseInput.vue

@@ -30,7 +30,7 @@ export default {
 .right
   order: 1
 .input-wrapper
-  border: 2px solid var(--br-grey-color)
+  border: 2px solid var(--border-light-grey-color)
   border-radius: 4px
 .input-search
   min-width: 220px

src/pages/clients/components/ClientsTable.vue

@@ -81,7 +81,7 @@ export default {
       if (e.target.id === "all") {
         this.selectAll = !this.selectAll;
         this.marked = this.dataClients.map((el) => el.id);
-        !this.selectAll ? (this.marked = []) : true;
+        !this.selectAll && (this.marked = []);
       } else {
         if (e.target.checked) {
           this.marked = [...this.marked, e.target.id];

src/pages/clients/components/ClientsTableHeader.vue

@@ -4,7 +4,7 @@
       base-input(:with-icon="true")
       button.filter-button.flex.items-center.justify-center.box-border(class="px-2.5")
         .icon-filter.text-xl.leading-4
-    clients-table-header-actions(v-if="!!isOpenActions" :is-selected-one="isOpenActions")
+    clients-table-header-actions(v-if="!!isOpenActions" :is-selected-one="isOpenActions===1")
     .flex.w-fit.h-fit.gap-x-2
       bass-export-button(:only-icon="true")
       base-create-button(:with-icon="true")
@@ -33,5 +33,5 @@ export default {
 <style lang="sass" scoped>
 .filter-button
   border-radius: 4px
-  border: 2px solid var(--br-grey-color)
+  border: 2px solid var(--border-light-grey-color)
 </style>

src/pages/clients/components/ClientsTableHeaderActions.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .wrapper.flex.px-5.items-center.gap-x-2
-    clients-action-button(v-for="data in dataBtn" :key="data.prompt" :img="data.img" :prompt="data.prompt")
+    clients-action-button(v-for="data in (isSelectedOne?dataBtn:dataBtn.filter((el) => el.prompt !== 'ведение'))" :key="data.prompt" :img="data.img" :prompt="data.prompt")
 </template>
 
 <script>
@@ -13,7 +13,7 @@ export default {
   name: "ClientsTableHeaderActions",
   components: { ClientsActionButton },
   props: {
-    isSelectedOne: Number,
+    isSelectedOne: Boolean,
   },
   data() {
     return {
@@ -37,11 +37,6 @@ export default {
       ],
     };
   },
-  created() {
-    if (this.isSelectedOne > 1) {
-      this.dataBtn = this.dataBtn.filter((el) => el.prompt !== "ведение");
-    }
-  },
 };
 </script>