From 22ff04e498b577316e87bd572fd488f1e870cb07 Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Mon, 5 Dec 2022 16:47:38 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BF=D1=80=D0=B8=D0=BE=D1=80?=
 =?UTF-8?q?=D0=B8=D1=82=D0=B5=D1=82=D0=B0,=20=D0=B2=D0=BE=D0=B7=D1=80?=
 =?UTF-8?q?=D0=B0=D1=81=D1=82=D0=B0,=20=D1=82=D0=B5=D0=BB=D0=B5=D1=84?=
 =?UTF-8?q?=D0=BE=D0=BD=D0=B0=20=D0=BA=D0=BB=D0=B8=D0=B5=D0=BD=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../clients/components/ClientsTableRow.vue    | 20 +++++++++++++------
 .../components/cells/TableCellBodyPhone.vue   | 14 +++++++++++--
 .../cells/TableCellBodyPriority.vue           | 17 ++++++++++------
 3 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index 692e61f..0137cc1 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -37,7 +37,7 @@
         )
         table-cell-body-priority(
           v-if="!rowOverlay",
-          :value="dataClient.priority",
+          :value="dataClient",
           :choose-priority="choosePriority",
           :is-open-change="isOpenChange",
           :width="columnBody.find(el => el.name === 'priority').width"
@@ -207,11 +207,19 @@ export default {
       }
     },
     postUpdateClient() {
-      fetchWrapper.post(`general/person/${this.client.id}/update/`, {
-        full_name: this.dataClient.fullName,
-        birth_date: this.dataClient.age,
-        priority: this.dataClient.priority,
-      });
+      let foundElement = this.prioritySettings.settings.find(
+        (el) => el.text === this.dataClient.priority
+      );
+      let data = {};
+      if (this.dataClient.age) {
+        data.birth_date = this.dataClient.age;
+      }
+      if (
+        this.dataClient.priority !== this.client.priority &&
+        this.dataClient.priority
+      ) {
+        data.priority = foundElement.priority;
+      }
     },
     postContactsClient() {
       let contacts = [...this.dataClient.contacts];
diff --git a/src/pages/clients/components/cells/TableCellBodyPhone.vue b/src/pages/clients/components/cells/TableCellBodyPhone.vue
index d103605..2b49c62 100644
--- a/src/pages/clients/components/cells/TableCellBodyPhone.vue
+++ b/src/pages/clients/components/cells/TableCellBodyPhone.vue
@@ -1,11 +1,20 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.w-full.text-sm(:style="{ minWidth : width + 'px' }")
-    span.text-sm(v-if="!isOpenChange") {{value.phone.username.replace(/\+7(\d{3})(\d{3})(\d{2})(\d{2})/, '+7 ($1) $2-$3-$4')}}
-    base-input(v-if="isOpenChange" :width-input="154" v-model:value="value.phone.username" :placeholder="value.phone.username")
+    span.text-sm(
+      v-if="!isOpenChange"
+    ) {{value.phone.username.replace(/\+7(\d{3})(\d{3})(\d{2})(\d{2})/, '+7 ($1) $2-$3-$4')}}
+    base-input(
+      v-if="isOpenChange",
+      :width-input="154",
+      v-model:value="value.phone.username",
+      :placeholder="value.phone.username",
+      v-mask="'+7 (###) ###-##-##'"
+    )
 </template>
 
 <script>
 import BaseInput from "@/components/base/BaseInput";
+import { mask } from "vue-the-mask";
 export default {
   name: "TableCellBodyPhone",
   components: { BaseInput },
@@ -14,5 +23,6 @@ export default {
     width: Number,
     isOpenChange: Boolean,
   },
+  directives: { mask },
 };
 </script>
diff --git a/src/pages/clients/components/cells/TableCellBodyPriority.vue b/src/pages/clients/components/cells/TableCellBodyPriority.vue
index 6c0f4ce..ce80425 100644
--- a/src/pages/clients/components/cells/TableCellBodyPriority.vue
+++ b/src/pages/clients/components/cells/TableCellBodyPriority.vue
@@ -1,10 +1,10 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.w-full.gap-x-2(:style="{ minWidth : width + 'px' }")
     .flex.gap-x-2.items-center(v-if="!isOpenChange")
-      .dot.w-2.h-2(:style="{ backgroundColor : settings.settings.find((el) => el.text == value).color }")
-      span.text-sm(:style="{ color : settings.settings.find((el) => el.text == value).color }") {{value}}
+      .dot.w-2.h-2(:style="{ backgroundColor: prioritySettings.settings.find((el) => el.text == value.priority).color }")
+      span.text-sm(:style="{ color: prioritySettings.settings.find((el) => el.text == value.priority).color }") {{value.priority}}
     .flex.gap-x-2.text-sm(class="w-[164px]")
-      base-select(v-if="isOpenChange", :items="getPriorityList", v-model="value")
+      base-select(v-if="isOpenChange", :items="getPriorityList", v-model="value.priority")
 </template>
 
 <script>
@@ -12,16 +12,21 @@ import { column } from "@/pages/clients/utils/tableConfig";
 import BaseSelect from "@/components/base/BaseSelect";
 export default {
   name: "TableCellBodyPriority",
-  props: ["value", "width", "isOpenChange", "choosePriority"],
+  props: {
+    value: Object,
+    width: Number,
+    isOpenChange: Boolean,
+    choosePriority: Function,
+  },
   components: { BaseSelect },
   data() {
     return {
-      settings: column.find((el) => el.name === "priority"),
+      prioritySettings: column.find((el) => el.name === "priority"),
     };
   },
   computed: {
     getPriorityList() {
-      return this.settings.settings.map((el) => {
+      return this.prioritySettings.settings.map((el) => {
         return { label: el.text, id: el.id };
       });
     },