From 87361939503a1d2c6785b69603cc50a73c2bee4f Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Mon, 21 Nov 2022 18:19:12 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=9F=D1=80=D0=B8=D0=BA=D1=80=D1=83?=
 =?UTF-8?q?=D1=82=D0=B8=D0=BB=D0=B0=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20?=
 =?UTF-8?q?=D0=BF=D0=BE=20=D1=81=D0=BE=D0=B2=D0=BF=D0=B0=D0=B4=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8E=20=D0=BE=D1=82=203=20=D1=81=D0=B8=D0=BC=D0=B2?=
 =?UTF-8?q?=D0=BE=D0=BB=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/clients/components/ClientsTable.vue | 13 +++++++++--
 .../clients/components/ClientsTableHat.vue    | 23 +++++++++++++++++--
 .../clients/components/ClientsTableRow.vue    |  1 -
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/pages/clients/components/ClientsTable.vue b/src/pages/clients/components/ClientsTable.vue
index 3998e5f..1ddb902 100644
--- a/src/pages/clients/components/ClientsTable.vue
+++ b/src/pages/clients/components/ClientsTable.vue
@@ -1,6 +1,11 @@
 <template lang="pug">
   .wrapper-table.relative.flex.flex-col.gap-y-8.px-6.py-6.h-full.w-full
-    clients-table-hat(:is-open-actions="marked.length" :open-form="openForm")
+    clients-table-hat(
+      :is-open-actions="marked.length",
+      :open-form="openForm",
+      @search="filterDataClients",
+      @reset-search="fetchDataClients"
+    )
     .flex.flex-col.h-full.gap-y-2.table-container.w-full
       clients-table-header(:check="selectedCheck" :is-check="selectAll")
       .flex.flex-col
@@ -40,7 +45,6 @@ export default {
 
   data() {
     return {
-      isOpenFormCreate: false,
       selectAll: false,
       marked: [],
       dataClients: [],
@@ -50,6 +54,11 @@ export default {
     saveDataClients(data) {
       this.dataClients = data.results;
     },
+    filterDataClients(text) {
+      fetchWrapper
+        .get(`general/person/?last_name=${text}`)
+        .then((data) => this.saveDataClients(data));
+    },
     fetchDataClients() {
       fetchWrapper
         .get("general/person/")
diff --git a/src/pages/clients/components/ClientsTableHat.vue b/src/pages/clients/components/ClientsTableHat.vue
index de4fe02..c0e9aa9 100644
--- a/src/pages/clients/components/ClientsTableHat.vue
+++ b/src/pages/clients/components/ClientsTableHat.vue
@@ -2,10 +2,14 @@
   .flex.justify-between.w-full.h-fit
     .flex.gap-2.w-fit.h-fit
       .input
-        base-input(:with-icon="true" icon-position="left")
+        base-input(:with-icon="true", icon-position="left", v-model:value="searchClient")
           .icon-search
-      button.filter-button.flex.items-center.justify-center.box-border(class="px-2.5")
+      button.filter-button.flex.items-center.justify-center.box-border(
+        class="px-2.5"
+        @click="searchLastName"
+      )
         .icon-filter.text-xl.leading-4
+      button.filter-button.flex.items-center.justify-center.px-10px(@click="resetLastName") Очистить  
     clients-table-header-actions(v-if="!!isOpenActions" :is-selected-one="isOpenActions===1")
     .flex.w-fit.h-fit.gap-x-2
       base-button(left-icon="icon-download" :icon-left-size="16" :size="40" :outlined="true")
@@ -28,6 +32,21 @@ export default {
     openForm: Function,
     isOpenActions: Number,
   },
+  data() {
+    return {
+      searchClient: "",
+    };
+  },
+  methods: {
+    searchLastName() {
+      if (this.searchClient.length >= 3)
+        this.$emit("search", this.searchClient);
+    },
+    resetLastName() {
+      this.$emit("reset-search", this.searchClient);
+      this.searchClient = "";
+    },
+  },
 };
 </script>
 
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index 2471321..fa65271 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -149,7 +149,6 @@ export default {
     check: Function,
     isCheck: Boolean,
     client: Object,
-    fetchDataClients: Function,
     currentYear: Number,
   },
   created() {