From 9fc796c9d732221453e7d94be1afc058ab724b04 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Wed, 28 Dec 2022 18:54:58 +0300
Subject: [PATCH 1/7] =?UTF-8?q?WIP=20=D0=9F=D0=B5=D1=80=D0=B5=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B0=D0=BD=D1=8B=20=D1=81=D0=B5=D0=BB=D0=B5=D0=BA=D1=82?=
 =?UTF-8?q?=20=D0=B8=20=D0=B8=D0=BD=D0=BF=D1=83=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseCustomSelect.vue      | 45 ++++-----
 src/components/base/BaseInput.vue             | 53 ++++++-----
 src/components/base/BaseInputDate.vue         |  9 +-
 src/components/base/BaseInputTime.vue         | 40 ++++----
 .../components/CalendarFormAddEvent.vue       | 91 ++++++++-----------
 5 files changed, 116 insertions(+), 122 deletions(-)

diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index f739695..a517071 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -1,27 +1,29 @@
 <template lang="pug">
-  .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
-    @click="open = !open",
-    :class="{'open': open, 'border-none': borderNone}",
-  )
-    .placeholder.text-base.flex.items-center(
-      :class="{'value-color': value.label || placeholderOpacity}"
-    ) {{ value.label || placeholder }}
-    .flex.items-center
-      .select-form-separator.cursor-pointer.mr-4(v-if="separator")
-      span.icon-down-arrow.open-icon.flex.text-xsm(:class="{'open': open }")
-    base-options(
-      v-if="open",
+  .flex.flex-col.gap-y-2
+    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
+      @click="open = !open",
+      :class="{'open': open, 'border-none': borderNone}",
     )
-      .items-container.mt-1(
-        @click="closeOptions",
-        v-click-outside="leaveSelect"
+      .placeholder.text-base.flex.items-center(
+        :class="{'value-color': value.label || placeholderOpacity}"
+      ) {{ value.label || placeholder }}
+      .flex.items-center
+        .select-form-separator.cursor-pointer.mr-4(v-if="separator")
+        span.icon-down-arrow.open-icon.flex.text-xsm(:class="{'open': open }")
+      base-options(
+        v-if="open",
       )
-        .item.py-2.px-4.cursor-pointer(
-          v-for="item in items",
-          :key="item?.id",
-          :class="{'center': center}",
-          @click="clickItem(item?.id, item?.label)"
-        ) {{ item?.label }}
+        .items-container.mt-1(
+          @click="closeOptions",
+          v-click-outside="leaveSelect"
+        )
+          .item.py-2.px-4.cursor-pointer(
+            v-for="item in items",
+            :key="item?.id",
+            :class="{'center': center}",
+            @click="clickItem(item?.id, item?.label)"
+          ) {{ item?.label }}
 </template>
 
 <script>
@@ -40,6 +42,7 @@ export default {
     separator: Boolean,
     placeholderOpacity: Boolean,
     center: Boolean,
+    label: String,
   },
   emits: ["update:modelValue"],
   data() {
diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index d65034a..bee0e67 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -1,20 +1,16 @@
 <template lang="pug">
-  .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
-    :class="{'border-none': borderNone, 'date-input': dateInput}",
-    :style="{ minWidth: widthInput + 'px' }"
-  )
-    input.input.w-full.outline-0.not-italic(
-      :class="{date:type === 'date'}",
-      :value="value",
-      :type="type",
-      @input="$emit('update:value', $event.target.value)",
-      :placeholder="placeholder",
-      :maxLength="maxLength",
-      :max="maxDate",
-      :disabled="disabled"
+  .flex.flex-col.gap-y-2
+    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
+      :class="{'border-none': borderNone}"
     )
-    .slot(v-if="withIcon", :class="iconPosition")
-      slot.cursor-pointer
+      input.input.w-full.outline-0.not-italic(
+        v-model="value",
+        :placeholder="placeholder",
+        :disabled="disabled"
+      )
+      .slot(v-if="withIcon", :class="iconPosition")
+        slot.cursor-pointer
 </template>
 
 <script>
@@ -22,11 +18,7 @@
 export default {
   name: "BaseInput",
   props: {
-    type: {
-      default: "text",
-    },
-    maxLength: Number,
-    value: String,
+    modelValue: String,
     withIcon: {
       default: false,
     },
@@ -34,11 +26,20 @@ export default {
       default: "right",
     },
     placeholder: String,
-    widthInput: Number,
     borderNone: Boolean,
     disabled: Boolean,
-    maxDate: String,
-    dateInput: Boolean,
+    label: String,
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        this.$emit("update:modelValue", value);
+      },
+    },
   },
 };
 </script>
@@ -55,12 +56,10 @@ export default {
   background-color: var(--default-white)
   color: var(--font-black-color)
   height: 40px
-.date
-  background: url("../../assets/icons/calendar-input.svg") no-repeat 100% 50%
-  &::-webkit-calendar-picker-indicator
-    opacity: 0
 .border-none
   border: none
 .input
   background-color: inherit
+.label
+  color: var(--font-black-color)
 </style>
diff --git a/src/components/base/BaseInputDate.vue b/src/components/base/BaseInputDate.vue
index bc8921d..9dea0a9 100644
--- a/src/components/base/BaseInputDate.vue
+++ b/src/components/base/BaseInputDate.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .flex.flex-col
+  .flex.flex-col.gap-y-2
     .label(v-if="!!label") {{label}}
     .field
       input(
@@ -37,7 +37,7 @@ export default {
 
 <style lang="sass" scoped>
 .field
-  height: 100%
+  height: 40px
   display: flex
   align-items: center
   border: 1.5px solid var(--border-light-grey-color)
@@ -55,6 +55,7 @@ export default {
 
 .label
   font-weight: 600
-  font-size: 14px
-  line-height: 135%
+  font-size: 12px
+  line-height: 14px
+  opacity: 0.4
 </style>
diff --git a/src/components/base/BaseInputTime.vue b/src/components/base/BaseInputTime.vue
index 539cf7f..3add825 100644
--- a/src/components/base/BaseInputTime.vue
+++ b/src/components/base/BaseInputTime.vue
@@ -1,25 +1,21 @@
 <template lang="pug">
-  .input-wrapper.flex.gap-x-2.px-4.box-border(
-    class="py-2.5"
-    :style="{ minWidth: widthInput + 'px' }"
-  )
-    input.input.w-full.outline-0.not-italic.cursor-text(
-      :value="value"
-      type="time"
-      @input="$emit('update:value', $event.target.value)"
-      :placeholder="placeholder"
-      :maxlength="maxLength"
-    )
-    .slot(v-if="withIcon" :class="iconPosition")
-      slot.cursor-pointer
+  .flex.flex-col.gap-y-2
+    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .input-wrapper.flex.gap-x-2.px-4.box-border.py-2.h-10
+      input.input.w-full.outline-0.not-italic.cursor-text(
+        v-model="value"
+        type="time"
+        :placeholder="placeholder"
+      )
+      .slot(v-if="withIcon" :class="iconPosition")
+        slot.cursor-pointer
 </template>
 
 <script>
 export default {
   name: "BaseInputTime",
   props: {
-    maxLength: Number,
-    value: String,
+    modelValue: String,
     withIcon: {
       default: false,
     },
@@ -27,7 +23,18 @@ export default {
       default: "right",
     },
     placeholder: String,
-    widthInput: Number,
+    label: String,
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        this.$emit("update:modelValue", value);
+      },
+    },
   },
 };
 </script>
@@ -41,6 +48,7 @@ export default {
   border-radius: 4px
   background-color: var(--default-white)
   color: var(--font-black-color)
+  border: 1.5px solid var(--border-light-grey-color)
 input::-webkit-calendar-picker-indicator
   cursor: pointer
 </style>
diff --git a/src/pages/calendar/components/CalendarFormAddEvent.vue b/src/pages/calendar/components/CalendarFormAddEvent.vue
index cfb94de..f4a42bc 100644
--- a/src/pages/calendar/components/CalendarFormAddEvent.vue
+++ b/src/pages/calendar/components/CalendarFormAddEvent.vue
@@ -7,54 +7,45 @@
       .flex.pt-2
         .icon-cancel.close-icon.tesxt-xs.cursor-pointer(@click="clearForm")
     .flex.flex-col.gap-y-8
-      .flex.flex-col.gap-y-2
-        span.text-xxs.opacity-40.font-bold.leading-3 Статус приема
-        base-custom-select.select(
-          v-if="selectedEventData.id"
-          v-model="status",
-          :items="eventStatuses",
-          placeholder="Статус приема"
+      base-custom-select(
+        v-if="selectedEventData.id"
+        v-model="status",
+        :items="eventStatuses",
+        label="Статус приема"
+      )
+      base-input(
+        v-else,
+        disabled,
+        v-model="status.label",
+        label="Статус приема"
+      )
+      base-custom-select(
+        :items="ownersList",
+        v-model="employees.employee",
+        placeholder="Выберите сотрудника"
+        label="Сотрудник"
+      )
+      base-custom-select(
+        :items="membersList",
+        v-model="members.person",
+        placeholder="Выберите клиента",
+        label="Клиент"
+      )
+    .flex.gap-x-4
+      base-input-date(
+        v-model="eventDate",
+        label="Дата"
+      )
+      .flex.gap-x-2.items-center
+        base-input-time.item-input.text-base(
+          v-model="startTime",
+          label="Начало"
         )
-        base-input(
-          v-else,
-          disabled,
-          v-model:value="status.label"
+        span.mt-4 —
+        base-input-time.item-input.text-base(
+          v-model="endTime",
+          label="Конец"
         )
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-xxs.opacity-40.font-bold Сотрудник
-        base-custom-select.select(
-          :items="ownersList",
-          v-model="employees.employee",
-          placeholder="Выберите сотрудника"
-        )
-        
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-xxs.opacity-40.font-bold Клиент
-        base-custom-select.select(
-          :items="membersList",
-          v-model="members.person",
-          placeholder="Выберите клиента",
-        )
-    .flex.flex-col.gap-y-8
-      .flex.gap-x-4
-        .flex.gap-x-2
-          .flex.flex-col(class="gap-y-1.5")
-            span.text-xxs.opacity-40.font-bold.leading-3.font-bold Дата
-            base-input-date.h-10(v-model="eventDate")
-        .flex.gap-x-2.items-center
-          .flex.flex-col(class="gap-y-1.5")
-            span.text-xxs.opacity-40.font-bold.leading-3.font-bold Начало
-            base-input-time.item-input.text-base.select(
-              v-model:value="startTime",
-              :width-input="72"
-            )
-          span.mt-4 —
-          .flex.flex-col(class="gap-y-1.5")
-            span.text-xxs.opacity-40.font-bold.leading-3.font-bold Конец
-            base-input-time.item-input.text-base.select(
-              v-model:value="endTime",
-              :width-input="72"
-            )
     base-button.create-button.text-base.font-semibold(
       v-if="!selectedEventData.id",
       :size="40",
@@ -597,7 +588,6 @@ export default {
 
 <style lang="sass" scoped>
 .event-form
-  height: fit-content
   width: 634px
   background-color: var(--default-white)
   box-shadow: var(--default-shadow)
@@ -613,18 +603,12 @@ export default {
   appearance: none
   border: none
   outline: none
-  height: 40px
   &::-webkit-calendar-picker-indicator
     display: none
     -webkit-appearance: none
   &::placeholder
     color: var(--font-black-color-1)
 
-.time-input
-  width: 72px
-  border-radius: 4px
-  background-color: var(--default-white)
-
 .date-input
   width: 174px
   border-radius: 4px
@@ -644,7 +628,6 @@ export default {
   width: 183px
 
 .select
-  height: 40px
   border: 1.5px solid var(--border-light-grey-color)
   border-radius: 4px
 

From c664f11bfbd95de5635395640eb16207d336d0a4 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 12:24:46 +0300
Subject: [PATCH 2/7] =?UTF-8?q?WIP=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=20baseOptions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseCustomSelect.vue | 14 +++++++++++++-
 src/components/base/BaseOptions.vue      |  2 +-
 src/components/base/BaseSelect.vue       |  6 +++++-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index a517071..8c852a6 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -2,6 +2,7 @@
   .flex.flex-col.gap-y-2
     .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
     .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
+      ref="select",
       @click="open = !open",
       :class="{'open': open, 'border-none': borderNone}",
     )
@@ -16,7 +17,8 @@
       )
         .items-container.mt-1(
           @click="closeOptions",
-          v-click-outside="leaveSelect"
+          v-click-outside="leaveSelect",
+          :class="textClass"
         )
           .item.py-2.px-4.cursor-pointer(
             v-for="item in items",
@@ -43,6 +45,7 @@ export default {
     placeholderOpacity: Boolean,
     center: Boolean,
     label: String,
+    textStyle: String,
   },
   emits: ["update:modelValue"],
   data() {
@@ -59,6 +62,15 @@ export default {
         this.$emit("update:modelValue", value);
       },
     },
+    textClass() {
+      return this.textStyle
+        ? {
+            [this.textStyle]: true,
+          }
+        : {
+            "text-base": true,
+          };
+    },
   },
   methods: {
     clickItem(id, label) {
diff --git a/src/components/base/BaseOptions.vue b/src/components/base/BaseOptions.vue
index 0d4787b..0d0d0d8 100644
--- a/src/components/base/BaseOptions.vue
+++ b/src/components/base/BaseOptions.vue
@@ -8,7 +8,7 @@ export default {
   name: "BaseOptions",
   computed: {
     parent() {
-      return this.$parent.$el;
+      return this.$parent.$refs.select;
     },
     parentSize() {
       return this.parent?.getBoundingClientRect();
diff --git a/src/components/base/BaseSelect.vue b/src/components/base/BaseSelect.vue
index 1ce144d..98d7c67 100644
--- a/src/components/base/BaseSelect.vue
+++ b/src/components/base/BaseSelect.vue
@@ -1,5 +1,9 @@
 <template lang="pug">
-  .base-select(@click="invertOpen", :class="{'open': open && !disable, 'border-none': borderNone}")
+  .base-select(
+    @click="invertOpen",
+    :class="{'open': open && !disable, 'border-none': borderNone}",
+    ref="select"
+  )
     .placeholder(
       :class="{'value-color': value || placeholderOpacity, ...textClass}",
       :style="{'color': !disable || '#9ca3af', 'opacity': 1}"

From e138bedfacdfb4deed75cfd4572440eb04c07c9a Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 15:21:21 +0300
Subject: [PATCH 3/7] =?UTF-8?q?WIP=20=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D1=8B=20=D0=BD=D0=B0=D0=B9=D0=B4=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=BD=D1=8B=D0=B5=20baseInputs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseAddingNetwork.vue     |  2 +-
 src/components/base/BaseClientFormCreate.vue  |  2 +-
 src/components/base/BaseCustomSelect.vue      |  3 +-
 src/components/base/BaseInput.vue             |  6 +-
 src/components/base/BaseInputDate.vue         |  4 +-
 src/components/base/BaseInputTime.vue         |  2 +-
 .../components/ClientDetailInfoSection.vue    |  8 +-
 .../clients/components/ClientDetailInput.vue  | 21 ++--
 .../components/ClientDetailSectionAddress.vue | 10 +-
 .../clients/components/ClientsTableHat.vue    |  2 +-
 .../clients/components/ClientsTableRow.vue    |  1 +
 .../components/FormCreateAdditional.vue       |  2 +-
 .../components/FormCreateAddresses.vue        | 99 ++++++++-----------
 .../components/FormCreateBasicInfo.vue        | 51 +++++-----
 .../FormCreateIdentityDocuments.vue           | 86 +++++++---------
 .../FormsAgreementCreate/AgreementPerson.vue  |  8 +-
 .../AgreementServices.vue                     |  6 +-
 .../components/TableAddingNewAdditional.vue   |  2 +-
 .../clients/components/TableCreateNote.vue    |  2 +-
 .../components/TableCreatePackageDoc.vue      |  2 +-
 .../cells/ClientsTableCellHeader.vue          |  2 +-
 .../cells/TableCellBodyBirthday.vue           |  2 +-
 .../components/cells/TableCellBodyEmail.vue   | 19 ++--
 .../components/cells/TableCellBodyName.vue    | 18 ++--
 .../cells/TableCellBodyNetworks.vue           |  2 +-
 .../components/cells/TableCellBodyPhone.vue   | 22 +++--
 .../cells/TableCellBodyPriority.vue           |  9 +-
 src/pages/clients/utils/tableConfig.js        |  2 +-
 src/pages/login/TheLogin.vue                  |  4 +-
 .../schedule/components/FormChangeShift.vue   | 25 +----
 src/pages/schedule/components/ScheduleBar.vue |  4 +-
 31 files changed, 200 insertions(+), 228 deletions(-)

diff --git a/src/components/base/BaseAddingNetwork.vue b/src/components/base/BaseAddingNetwork.vue
index 8c5049a..a391d31 100644
--- a/src/components/base/BaseAddingNetwork.vue
+++ b/src/components/base/BaseAddingNetwork.vue
@@ -2,7 +2,7 @@
   .flex.w-full(class="gap-x-1.5")
     .flex(:id="value.id" @click="(e) => saveNetworkId(e)")
       base-select-networks(:style-border="true" :list-data="listAddingNetworks" :option-data="selectedOption" :choose-option="chooseNetwork" :width-select="42")
-    base-input.w-full(v-model:value="value.username" placeholder="Ссылкa")
+    base-input.w-full(v-model="value.username", placeholder="Ссылкa")
 </template>
 
 <script>
diff --git a/src/components/base/BaseClientFormCreate.vue b/src/components/base/BaseClientFormCreate.vue
index 7832537..0ebc416 100644
--- a/src/components/base/BaseClientFormCreate.vue
+++ b/src/components/base/BaseClientFormCreate.vue
@@ -38,7 +38,7 @@
                   img.avatar.object-cover(for="image-upload", :src="img", v-if="img")
                   base-button(:rounded="true", :size="48", @click="closeAddImage")
                     .icon-ok
-        base-input.w-full(v-model:value="infoClient.basic.full_name" placeholder="ФИО*")
+        base-input.w-full(v-model="infoClient.basic.full_name", placeholder="ФИО*")
     .flex.flex-col.flex-auto.l.gap-y-8
       .flex.px-4
         button.title-info.px-6.py-2.cursor-pointer.w-full.text-sm(
diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index 8c852a6..bea5c4f 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .base-select.flex.justify-between.items-center.py-9px.px-4.gap-4.cursor-pointer.relative(
       ref="select",
       @click="open = !open",
@@ -97,6 +97,7 @@ export default {
   border-radius: 4px
   background-color: white
   user-select: none
+  height: 40px
   &.open
     border: 1.5px solid #4772F2
 .items-container
diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index bee0e67..5b3aa3d 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -1,8 +1,9 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
       :class="{'border-none': borderNone}"
+      :style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
     )
       input.input.w-full.outline-0.not-italic(
         v-model="value",
@@ -14,7 +15,6 @@
 </template>
 
 <script>
-//TODO: Переписать v-model:value, убрать лишнии пропсы, добавить label или вынести в отдельную компоненту
 export default {
   name: "BaseInput",
   props: {
@@ -60,6 +60,8 @@ export default {
   border: none
 .input
   background-color: inherit
+  &:disabled, &[disabled]
+    background-color: var(--bg-disable-grey-color)
 .label
   color: var(--font-black-color)
 </style>
diff --git a/src/components/base/BaseInputDate.vue b/src/components/base/BaseInputDate.vue
index 9dea0a9..c344d6d 100644
--- a/src/components/base/BaseInputDate.vue
+++ b/src/components/base/BaseInputDate.vue
@@ -55,7 +55,7 @@ export default {
 
 .label
   font-weight: 600
-  font-size: 12px
-  line-height: 14px
+  font-size: 14px
+  line-height: 16px
   opacity: 0.4
 </style>
diff --git a/src/components/base/BaseInputTime.vue b/src/components/base/BaseInputTime.vue
index 3add825..c385234 100644
--- a/src/components/base/BaseInputTime.vue
+++ b/src/components/base/BaseInputTime.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.flex-col.gap-y-2
-    .label.font-semibold.text-xxs.opacity-40(v-if="label") {{ label }}
+    .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .input-wrapper.flex.gap-x-2.px-4.box-border.py-2.h-10
       input.input.w-full.outline-0.not-italic.cursor-text(
         v-model="value"
diff --git a/src/pages/clients/components/ClientDetailInfoSection.vue b/src/pages/clients/components/ClientDetailInfoSection.vue
index 80d4e44..9782642 100644
--- a/src/pages/clients/components/ClientDetailInfoSection.vue
+++ b/src/pages/clients/components/ClientDetailInfoSection.vue
@@ -106,7 +106,7 @@
             client-detail-input.text-sm.w-max-fit(
               v-if="section!=='docs' && section!=='additional' && isChange && settings[section].options[key] !== 'Дата выдачи'",
               :style="{fontWeight:key === 'number'&&600}",
-              v-model:value="sectionInfo[key]",
+              v-model="sectionInfo[key]",
               :rows="section ==='pass' ? 2 : 1",
               :placeholder="settings[section].placeholder[key] || settings[section].placeholder"
               :sharp="settings[section].sharps[key] && section === 'pass' ? settings[section].sharps[key] : ''"
@@ -138,7 +138,7 @@
               client-detail-input.text-sm.w-max-fit.pr-12.relative(
                 :maxLength="40",
                 :style="{fontWeight:key === 'number'&&600}",
-                v-model:value="sectionInfo[key].title",
+                v-model="sectionInfo[key].title",
                 placeholder="Заголовок"
               )
                 .text.flex.absolute.text-xsx.top-18px(
@@ -149,7 +149,7 @@
               client-detail-input.text-sm.w-max-fit(
                 :maxLength="40",
                 :style="{fontWeight:key === 'number'&&600}",
-                v-model:value="sectionInfo[key].description",
+                v-model="sectionInfo[key].description",
                 placeholder="Описание"
               )
             .flex.items-center(v-if="item?.title && section !== 'additional'")
@@ -250,7 +250,7 @@ export default {
         pdf: pdfIcon,
         xls: exelIcon,
       },
-      isOpenPackage: true,
+      isOpenPackage: false,
       isOpenAddDoc: false,
       showModal: false,
     };
diff --git a/src/pages/clients/components/ClientDetailInput.vue b/src/pages/clients/components/ClientDetailInput.vue
index 382b2c1..908a8bb 100644
--- a/src/pages/clients/components/ClientDetailInput.vue
+++ b/src/pages/clients/components/ClientDetailInput.vue
@@ -3,16 +3,14 @@
     textarea.place-input.w-full.outline-0.not-italic.resize-none.font-medium(
       v-if="!sharp"
       :rows="textareaRows",
-      :value="value",
+      v-model="value",
       :cols="24",
-      @input="$emit('update:value', $event.target.value)",
       :placeholder="placeholder",
       :maxLength="maxLength"
     )
     input.w-full.outline-0.not-italic.font-medium(
       v-else,
-      :value="value",
-      @input="$emit('update:value', $event.target.value)",
+      v-model="value",
       :placeholder="placeholder",
       v-mask="sharp"
     ) 
@@ -23,15 +21,14 @@
 import { mask } from "vue-the-mask";
 export default {
   name: "ClientDetailInput",
+  emits: ["update:modelValue"],
   props: {
-    value: String,
+    modelValue: String,
     width: Number,
     sharp: String,
-    placeholder: {
-      default: "Поиск",
-    },
     rows: Number,
     maxLength: Number,
+    placeholder: String,
   },
   directives: { mask },
   computed: {
@@ -42,6 +39,14 @@ export default {
       if (this.value.length <= 22) return this.rows;
       return Math.ceil(this.value.length / 22);
     },
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(value) {
+        this.$emit("update:modelValue", value);
+      },
+    },
   },
 };
 </script>
diff --git a/src/pages/clients/components/ClientDetailSectionAddress.vue b/src/pages/clients/components/ClientDetailSectionAddress.vue
index b0f40b8..2dbb071 100644
--- a/src/pages/clients/components/ClientDetailSectionAddress.vue
+++ b/src/pages/clients/components/ClientDetailSectionAddress.vue
@@ -14,7 +14,7 @@
       base-input.text-sm.input-info(
         disabled,
         placeholder="Введите область",
-        v-model:value="dopeAddress.region",
+        v-model="dopeAddress.region",
         :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
       )
     .flex.flex-col(class="gap-y-1.5")
@@ -22,7 +22,7 @@
       base-input.text-sm.input-info(
         disabled,
         placeholder="Введите улицу",
-        v-model:value="dopeAddress.street",
+        v-model="dopeAddress.street",
         :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
       )
     .flex.gap-x-4
@@ -31,7 +31,7 @@
         base-input.text-sm.input-info(
           disabled,
           placeholder="Дом",
-          v-model:value="dopeAddress.house",
+          v-model="dopeAddress.house",
           :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
         )
       .flex.flex-col(class="gap-y-1.5")
@@ -39,7 +39,7 @@
         base-input.text-sm.input-info(
           disabled,
           placeholder="Квартира",
-          v-model:value="dopeAddress.flat",
+          v-model="dopeAddress.flat",
           :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
         )
     .flex.flex-col(class="gap-y-1.5")
@@ -48,7 +48,7 @@
         disabled,
         v-mask="'######'",
         placeholder="000000",
-        v-model:value="dopeAddress.index",
+        v-model="dopeAddress.index",
         :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
       )
 </template>
diff --git a/src/pages/clients/components/ClientsTableHat.vue b/src/pages/clients/components/ClientsTableHat.vue
index 9a522a7..a0aa22e 100644
--- a/src/pages/clients/components/ClientsTableHat.vue
+++ b/src/pages/clients/components/ClientsTableHat.vue
@@ -5,7 +5,7 @@
         base-input(
           :with-icon="true",
           icon-position="left",
-          v-model:value="searchClient",
+          v-model="searchClient",
           placeholder="Введите фамилию",
           @keyup.enter="searchLastName"
         )
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index d86fc74..ad95259 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -284,6 +284,7 @@ export default {
           });
     },
     postContactsClient() {
+      console.log(this.dataClient);
       let contacts = [...this.dataClient.contacts];
       if (
         this.dataClient.email.username &&
diff --git a/src/pages/clients/components/FormCreateAdditional.vue b/src/pages/clients/components/FormCreateAdditional.vue
index fed2c55..2febaa8 100644
--- a/src/pages/clients/components/FormCreateAdditional.vue
+++ b/src/pages/clients/components/FormCreateAdditional.vue
@@ -3,7 +3,7 @@
     .flex.flex-col.gap-y-6.w-full.px-4
       .flex.flex-col.gap-y-4.w-full(v-for="info in additionalInfo" :key="info.id")
         .flex.flex-col.gap-y-1
-          base-input(v-model:value="info.header" placeholder="Заголовок")
+          base-input(v-model="info.header" placeholder="Заголовок")
           .flex.px-4.py-3.description
             textarea.w-full.h-full.outline-0.resize-none(:value="info.description" @input="$emit('update:info.description', $event.target.value)" placeholder="Описание" style="py-10")
         .upload-wrapper.flex.flex-col.justify-center.items-center
diff --git a/src/pages/clients/components/FormCreateAddresses.vue b/src/pages/clients/components/FormCreateAddresses.vue
index 7fed5a9..ca03c76 100644
--- a/src/pages/clients/components/FormCreateAddresses.vue
+++ b/src/pages/clients/components/FormCreateAddresses.vue
@@ -1,67 +1,52 @@
 <template lang="pug">
   .wrapper-addresses.flex.flex-col.flex-auto.h-full.gap-y-8.justify-between
     .flex.flex-col.gap-y-6.px-4
-      .flex.flex-col.col-start-1.col-end-3(class="gap-y-1.5")
-        span.text-sm.font-semibold Полный адрес
-        base-input.input-info(
-          v-model:value="addresses.full_address",
-          placeholder="Введите адрес целиком"
-        )
+      base-input.input-info(
+        v-model="addresses.full_address",
+        placeholder="Введите адрес целиком",
+        label="Полный адрес"
+      )
       .flex.items-center.justify-center.relative
         .line.absolute
         span.text-sm.separator.px-2 или
       .grid.grid-cols-2.gap-y-6.gap-x-4
-        .flex.flex-col(class="gap-y-1.5")
-          .text-info.text-xxs.font-semibold Город
-          base-input.input-info(
-            disabled,
-            placeholder="Введите город",
-            v-model:value="addresses.city",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Область
-          base-input.input-info(
-            disabled,
-            placeholder="Введите область",
-            v-model:value="addresses.region",
-
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Улица
-          base-input.input-info(
-            disabled,
-            placeholder="Введите улицу",
-            v-model:value="addresses.street",
-
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Дом
-          base-input.input-info(
-            disabled,
-            placeholder="Номер дома",
-            v-model:value="addresses.house_number",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Квартира
-          base-input.input-info(
-            disabled,
-            placeholder="Номер квартиры",
-            v-model:value="addresses.apartment_number",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm.font-semibold Индекс
-          base-input.input-info(
-            disabled,
-            placeholder="000000",
-            v-mask="'######'",
-            v-model:value="addresses.zip_code",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите город",
+          v-model="addresses.city",
+          label="Город"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите область",
+          v-model="addresses.region",
+          label="Область"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Введите улицу",
+          v-model="addresses.street",
+          label="Введите улицу"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Номер дома",
+          v-model="addresses.house_number",
+          label="Дом"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="Номер квартиры",
+          v-model="addresses.apartment_number",
+          label="Квартира"
+        )
+        base-input.input-info(
+          disabled,
+          placeholder="000000",
+          v-mask="'######'",
+          v-model="addresses.zip_code",
+          label="Индекс"
+        )
     .px-4
       base-button(@click="saveClient" :size="40")
         span.font-semibold Создать клиента
diff --git a/src/pages/clients/components/FormCreateBasicInfo.vue b/src/pages/clients/components/FormCreateBasicInfo.vue
index bf48f76..a134313 100644
--- a/src/pages/clients/components/FormCreateBasicInfo.vue
+++ b/src/pages/clients/components/FormCreateBasicInfo.vue
@@ -1,35 +1,29 @@
 <template lang="pug">
   .wrapper-info.flex.flex-col.flex-auto.h-full.gap-y-8.justify-between
     .grid.grid-cols-2.gap-x-4.gap-y-6.px-4
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-sm Приоритет
-        base-custom-select(
-          :items="priorityList",
-          placeholder="Приоритет клиента",
-          v-model="basicInfo.priority"
-        )
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-sm Дата рождения
-        base-input-date.input-info(
-          v-model="basicInfo.birth_date",
-        )
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-sm Номер телефона
-        base-input.input-info(
-          v-model:value="phone.username",
-          placeholder="+7 (915) 644–92–23",
-          v-mask="'+7 (###) ###-##-##'",
-          :width-input="277"
-        )
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-sm Email
-        base-input.input-info(
-          v-model:value="email.username",
-          placeholder="user@yandex.ru",
-          :width-input="277"
-        )
+      base-custom-select.input-info(
+        :items="priorityList",
+        placeholder="Приоритет клиента",
+        v-model="basicInfo.priority",
+        label="Приоритет"
+      )
+      base-input-date.input-info(
+        v-model="basicInfo.birth_date",
+        label="Дата рождения"
+      )
+      base-input.input-info(
+        v-model="phone.username",
+        placeholder="+7 (915) 644–92–23",
+        v-mask="'+7 (###) ###-##-##'",
+        label="Номер телефона"
+      )
+      base-input.input-info(
+        v-model="email.username",
+        placeholder="user@yandex.ru",
+        label="Email"
+      )
       .flex.flex-col.col-start-1.col-end-3.w-100(class="gap-y-1.5")
-        span.text-sm Ссылки на соцсети
+        span.text-sm.font-semibold.opacity-40.input-info Ссылки на соцсети
         .flex(class="gap-x-1.5" v-for="network in basicInfo.contacts" :key="network.id")
           base-adding-network(
             :list-adding-networks="networks.settings",
@@ -100,7 +94,6 @@ export default {
     background-color: var(--btn-blue-color)
 .input-info
   color: var(--font-dark-blue-color)
-  height: 40px
 .obligatory
   color: var(--font-obligatory-color)
 .add-network
diff --git a/src/pages/clients/components/FormCreateIdentityDocuments.vue b/src/pages/clients/components/FormCreateIdentityDocuments.vue
index 9be99da..b104114 100644
--- a/src/pages/clients/components/FormCreateIdentityDocuments.vue
+++ b/src/pages/clients/components/FormCreateIdentityDocuments.vue
@@ -3,59 +3,45 @@
     .flex.flex-col.gap-y-6.px-4
       span.title-info.text-base.font-bold Паспортные данные
       .grid.grid-cols-2.gap-x-4.gap-y-6
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Серия и номер
-          base-input.input-info(
-            v-mask="'#### ######'",
-            v-model:value="identityDocument.pass.series_number",
-            placeholder="0000 000000",
-            :width-input="277"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Кем выдан
-          base-input.input-info(
-            v-model:value="identityDocument.pass.issued_by_org",
-            placeholder="Точно как в паспорте",
-            :width-input="277"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Код подразделения
-          base-input.input-info(
-            v-mask="'###-###'",
-            v-model:value="identityDocument.pass.issued_by_org_code",
-            placeholder="000–000",
-            :width-input="277"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Дата выдачи
-          base-input-date.input-info.h-10(
-            v-model="identityDocument.pass.issued_by_date",
-            placeholder="Дата",
-            :width-input="277"
-          )
+        base-input.input-info(
+          v-mask="'#### ######'",
+          v-model="identityDocument.pass.series_number",
+          placeholder="0000 000000",
+          label="Серия и номер"
+        )
+        base-input.input-info(
+          v-model="identityDocument.pass.issued_by_org",
+          placeholder="Точно как в паспорте",
+          label="Кем выдан"
+        )
+        base-input.input-info(
+          v-mask="'###-###'",
+          v-model="identityDocument.pass.issued_by_org_code",
+          placeholder="000–000",
+          label="Код подразделения"
+        )
+        base-input-date.input-info.h-10(
+          v-model="identityDocument.pass.issued_by_date",
+          placeholder="Дата",
+          label="Дата выдачи"
+        )
     .flex.flex-col.gap-y-6.px-4
       span.title-info.text-base.font-bold СНИЛС и ИНН
       .grid.grid-cols-2.gap-x-4.gap-y-6
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Номер СНИЛС
-          base-input.input-info(
-            disabled,
-            v-mask="'###-###-### ##'",
-            v-model:value="identityDocument.snils.number",
-            placeholder="000–000–000 00",
-            :width-input="277",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
-        .flex.flex-col(class="gap-y-1.5")
-          span.text-sm Номер ИНН
-          base-input.input-info(
-            disabled,
-            v-mask="'############'",
-            v-model:value="identityDocument.inn.number",
-            placeholder="000000000000",
-            :width-input="277",
-            :style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
-          )
+        base-input.input-info(
+          disabled,
+          v-mask="'###-###-### ##'",
+          v-model="identityDocument.snils.number",
+          placeholder="000–000–000 00",
+          label="Номер СНИЛС"
+        )
+        base-input.input-info(
+          disabled,
+          v-mask="'############'",
+          v-model="identityDocument.inn.number",
+          placeholder="000000000000",
+          label="Номер ИНН"
+        )
     .px-4
       base-button(@click="saveClient" :size="40")
         span.font-semibold Создать клиента
diff --git a/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue b/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
index a87f8bb..fff7c43 100644
--- a/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
+++ b/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
@@ -4,7 +4,7 @@
       .font-semibold.text-smm ФИО пациента 
       base-input(
         :width-input="200",
-        v-model:value="patient.full_name"
+        v-model="patient.full_name"
       )
     .flex
       .flex-col
@@ -17,7 +17,7 @@
       .flex-col
         .font-semibold.text-smm Серия и номер
         base-input(
-          v-model:value="patient.seriesAndNumber", 
+          v-model="patient.seriesAndNumber", 
           disabled,                  
         )
     .flex
@@ -37,7 +37,7 @@
       .font-semibold.text-smm ФИО Заказчика 
       base-input(
         :width-input="200",
-        v-model:value="patient.full_name"
+        v-model="patient.full_name"
       )
     .flex
       .flex-col
@@ -50,7 +50,7 @@
       .flex-col
         .font-semibold.text-smm Серия и номер
         base-input(
-          v-model:value="patient.seriesAndNumber", 
+          v-model="patient.seriesAndNumber", 
           disabled,                  
         )
     .flex
diff --git a/src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue b/src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue
index ba4ac83..fe7151b 100644
--- a/src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue
+++ b/src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue
@@ -15,21 +15,21 @@
           .input-date.flex.h-10.justify-center
             base-input-date(
               :width-input="200",
-              v-model:value="signedDate"
+              v-model="signedDate"
             )
         .flex-col
           .font-semibold.text-smm Начало оказания услуг
           .input-date.flex.h-10.justify-center
             base-input-date(
               :width-input="200",
-              v-model:value="startDate"
+              v-model="startDate"
             )
         .flex-col
           .font-semibold.text-smm Окончание оказания услуг
           .input-date.flex.h-10.justify-center
             base-input-date(
               :width-input="200",
-              v-model:value="endDate"
+              v-model="endDate"
             )
       
       .flex-col.w-full.my-6
diff --git a/src/pages/clients/components/TableAddingNewAdditional.vue b/src/pages/clients/components/TableAddingNewAdditional.vue
index 685fe38..576cbfe 100644
--- a/src/pages/clients/components/TableAddingNewAdditional.vue
+++ b/src/pages/clients/components/TableAddingNewAdditional.vue
@@ -3,7 +3,7 @@
     .corner
     .wrap.flex.flex-col.p-4.gap-y-4
       .flex.flex-col.gap-y-1
-        base-input(:with-icon="true" v-model:value="newAdditionalData.header" icon-position="right" :max-length="140" placeholder="Заголовок")
+        base-input(:with-icon="true" v-model="newAdditionalData.header" icon-position="right" :max-length="140" placeholder="Заголовок")
           span.counter {{`${newAdditionalData.header.length}/140`}}
         .description.flex.px-4.py-3
           textarea.w-full.h-full.outline-0.resize-none(:value="newAdditionalData.value" @input="$emit('update:newAdditionalData.value', $event.target.value)" placeholder="Описание" style="py-10")
diff --git a/src/pages/clients/components/TableCreateNote.vue b/src/pages/clients/components/TableCreateNote.vue
index 4693a1e..bce01fb 100644
--- a/src/pages/clients/components/TableCreateNote.vue
+++ b/src/pages/clients/components/TableCreateNote.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   .flex.flex-col.gap-y-3
     .flex.flex-col.gap-y-3.relative
-      base-input.text-smm(placeholder="Заголовок", v-model:value="title", :maxLength="40")
+      base-input.text-smm(placeholder="Заголовок", v-model="title", :maxLength="40")
       .text.flex.absolute.text-xsx.right-7.top-3 {{`${changeValue}/40`}}
     .input-wrapper.flex.gap-x-2.px-4.box-border.w-max-fit.text-smm(class="py-2.5")
       textarea.place-input.w-full.outline-0.not-italic.resize-none(
diff --git a/src/pages/clients/components/TableCreatePackageDoc.vue b/src/pages/clients/components/TableCreatePackageDoc.vue
index 52a598f..3c6b736 100644
--- a/src/pages/clients/components/TableCreatePackageDoc.vue
+++ b/src/pages/clients/components/TableCreatePackageDoc.vue
@@ -16,7 +16,7 @@
         .flex.flex-col(class="gap-y-1.5")
           .counter.font-semibold.text-smm ФИО
           base-input(
-            v-model:value="patient",
+            v-model="patient",
             placeholder="Введите название для пакета документов"
           )
             span.counter 
diff --git a/src/pages/clients/components/cells/ClientsTableCellHeader.vue b/src/pages/clients/components/cells/ClientsTableCellHeader.vue
index a8f6c4a..0cf4b2b 100644
--- a/src/pages/clients/components/cells/ClientsTableCellHeader.vue
+++ b/src/pages/clients/components/cells/ClientsTableCellHeader.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.box-border.justify-between.items-center(
-    :style="{ minWidth : width + 'px', maxWidth: width + 'px', padding: generateWidth ? '0px 16px' : '0px 10px' }",
+    :style="{ width : width + 'px', padding: generateWidth ? '0px 16px' : '0px 10px' }",
     :class="{width:generateWidth}"
   )
     span.text-sm(v-if="title") {{title}}
diff --git a/src/pages/clients/components/cells/TableCellBodyBirthday.vue b/src/pages/clients/components/cells/TableCellBodyBirthday.vue
index fee581c..2938746 100644
--- a/src/pages/clients/components/cells/TableCellBodyBirthday.vue
+++ b/src/pages/clients/components/cells/TableCellBodyBirthday.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.w-full.text-sm(
-    :style="{ minWidth : width + 'px', maxWidth : width + 'px' }"
+    :style="{ width : width + 'px'}"
   )
     span(v-if="!isOpenChange") {{ birthday }}
     base-input-date.input.h-10(
diff --git a/src/pages/clients/components/cells/TableCellBodyEmail.vue b/src/pages/clients/components/cells/TableCellBodyEmail.vue
index 45afac6..53a9a1d 100644
--- a/src/pages/clients/components/cells/TableCellBodyEmail.vue
+++ b/src/pages/clients/components/cells/TableCellBodyEmail.vue
@@ -7,13 +7,13 @@
       @mouseover="changeHover",
       @mouseleave="changeHover"
     ) {{maxValue}}
-    base-input(
-      v-if="isOpenChange",
-      :width-input="234",
-      @click.stop,
-      v-model:value="value.email.username",
-      :placeholder="value.email.username"
-    )
+    .email
+      base-input(
+        v-if="isOpenChange",
+        @click.stop,
+        v-model="value.email.username",
+        :placeholder="value.email.username"
+      )
 </template>
 
 <script>
@@ -45,3 +45,8 @@ export default {
   },
 };
 </script>
+
+<style lang="sass" scoped>
+.email
+  width: 234px
+</style>
diff --git a/src/pages/clients/components/cells/TableCellBodyName.vue b/src/pages/clients/components/cells/TableCellBodyName.vue
index f7488db..894b66c 100644
--- a/src/pages/clients/components/cells/TableCellBodyName.vue
+++ b/src/pages/clients/components/cells/TableCellBodyName.vue
@@ -1,19 +1,17 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(
-    :style="{ minWidth : width + 'px', maxWidth : width + 'px' }",
+    :style="{ width : width + 'px'}",
   )
     base-avatar(:size="36", :color="avatarColor", v-if="!photo") {{avatar}}
     base-avatar(:size="36", v-else)
       img.h-full.object-cover(:src="url + photo")
     span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
-    base-input(
-      v-if="isOpenChange",
-      @click.stop,
-      type="text",
-      v-model:value="value.fullName",
-      :width-input="300",
-      placeholder="Фамилия Имя Отчество"
-    )
+    .name(v-if="isOpenChange")
+      base-input(
+        @click.stop,
+        v-model="value.fullName",
+        placeholder="Фамилия Имя Отчество"
+      )
 </template>
 
 <script>
@@ -41,4 +39,6 @@ export default {
   border-radius: 50%
   background-color: var(--font-grey-color)
   color: var(--font-dark-blue-color)
+.name
+  width: 300px
 </style>
diff --git a/src/pages/clients/components/cells/TableCellBodyNetworks.vue b/src/pages/clients/components/cells/TableCellBodyNetworks.vue
index d078425..3dfd94f 100644
--- a/src/pages/clients/components/cells/TableCellBodyNetworks.vue
+++ b/src/pages/clients/components/cells/TableCellBodyNetworks.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .network-cell.flex.box-border.px-4.items-center.w-full(:style="{ minWidth: width + 'px', maxWidth: width + 'px' }")
+  .network-cell.flex.box-border.px-4.items-center.w-full(:style="{ width: width + 'px'}")
     .flex.gap-x-1
       .text-xl.icon.relative(
         v-for="network in getNetworks",
diff --git a/src/pages/clients/components/cells/TableCellBodyPhone.vue b/src/pages/clients/components/cells/TableCellBodyPhone.vue
index 858fe90..7d90f55 100644
--- a/src/pages/clients/components/cells/TableCellBodyPhone.vue
+++ b/src/pages/clients/components/cells/TableCellBodyPhone.vue
@@ -1,16 +1,15 @@
 <template lang="pug">
-  .flex.box-border.px-4.items-center.w-full.text-sm(:style="{ minWidth : width + 'px', maxWidth : width + 'px' }")
+  .flex.box-border.px-4.items-center.w-full.text-sm(:style="{ width : 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",
-      @click.stop,
-      :width-input="154",
-      v-model:value="value.phone.username",
-      :placeholder="value.phone.username",
-      v-mask="'+7 (###) ###-##-##'"
-    )
+    .phone(v-if="isOpenChange")
+      base-input(
+        @click.stop,
+        v-model="value.phone.username",
+        :placeholder="value.phone.username",
+        v-mask="'+7 (###) ###-##-##'"
+      )
 </template>
 
 <script>
@@ -27,3 +26,8 @@ export default {
   directives: { mask },
 };
 </script>
+
+<style lang="sass" scoped>
+.phone
+  width: 158px
+</style>
diff --git a/src/pages/clients/components/cells/TableCellBodyPriority.vue b/src/pages/clients/components/cells/TableCellBodyPriority.vue
index ce51b4b..ad512d4 100644
--- a/src/pages/clients/components/cells/TableCellBodyPriority.vue
+++ b/src/pages/clients/components/cells/TableCellBodyPriority.vue
@@ -1,10 +1,15 @@
 <template lang="pug">
-  .flex.box-border.px-4.items-center.w-full.gap-x-2(:style="{ minWidth : width + 'px', maxWidth : width + 'px' }")
+  .flex.box-border.px-4.items-center.w-full.gap-x-2(:style="{ width : width + 'px'}")
     .flex.gap-x-2.items-center(v-if="!isOpenChange")
       .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", @click.stop :items="getPriorityList", v-model="value.priority")
+      base-select(
+        v-if="isOpenChange",
+        @click.stop :items="getPriorityList",
+        v-model="value.priority",
+        textStyle="text-sm"
+      )
 </template>
 
 <script>
diff --git a/src/pages/clients/utils/tableConfig.js b/src/pages/clients/utils/tableConfig.js
index 161fe3f..215ed75 100644
--- a/src/pages/clients/utils/tableConfig.js
+++ b/src/pages/clients/utils/tableConfig.js
@@ -53,7 +53,7 @@ export const column = [
     name: "phone",
     title: "Телефон",
     iconHead: false,
-    width: 170,
+    width: 200,
   },
   {
     name: "email",
diff --git a/src/pages/login/TheLogin.vue b/src/pages/login/TheLogin.vue
index 335bb26..45f5079 100644
--- a/src/pages/login/TheLogin.vue
+++ b/src/pages/login/TheLogin.vue
@@ -13,7 +13,7 @@
             .flex.non-italic.font-semibold.text-xss Логин
             base-input.h-12.font-medium(
               :style="{borderColor: wrongData ? this.redColor : ''}",
-              v-model:value="user.username",
+              v-model="user.username",
               type="text",
               placeholder="Введите ваш логин"
             )
@@ -21,7 +21,7 @@
             .flex.non-italic.font-semibold.text-xss Пароль
             base-input.h-12(
               :style="{borderColor: wrongData ? this.redColor : ''}",
-              v-model:value="user.password",
+              v-model="user.password",
               :type="changeType",
               placeholder="Введите ваш пароль"
             )
diff --git a/src/pages/schedule/components/FormChangeShift.vue b/src/pages/schedule/components/FormChangeShift.vue
index 322bc1f..4615fd5 100644
--- a/src/pages/schedule/components/FormChangeShift.vue
+++ b/src/pages/schedule/components/FormChangeShift.vue
@@ -7,22 +7,12 @@
       .flex.pt-2
         .icon-cancel.close-icon.tesxt-xs.cursor-pointer(@click="closeForm")
     .flex.flex-col.gap-y-6
-      .flex.flex-col.gap-y-2
-        span.text-smm.font-semibold Дата
-        base-input-date
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-smm.font-semibold Текущий сотрудник
-        base-custom-select.h-10(v-model="currentEmployee")
-      .flex.flex-col(class="gap-y-1.5")
-        span.text-smm.font-semibold Замена сотрудника
-        base-custom-select.h-10(v-model="currentEmployee")
+      base-input-date(label="Дата")
+      base-custom-select(v-model="currentEmployee", label="Текущий сотрудник")
+      base-custom-select(v-model="currentEmployee", label="Замена сотрудника")
       .time-wrapper.flex.justify-center
-        .flex.flex-col.py-14px.px-4.gap-y-14px.items-center
-          .text-xxs.opacity-40.font-bold Начало
-          base-input-time.item-input.text-base.select(:width-input="40")
-        .flex.flex-col.py-14px.px-4.gap-y-14px.items-center
-          .text-xxs.opacity-40.font-bold Конец
-          base-input-time.item-input.text-base.select(:width-input="40")
+        base-input-time.px-4.item-input.text-base(label="Начало")
+        base-input-time.px-4.item-input.text-base(label="Конец")
       .flex.justify-center
         base-button.font-semibold(:size="40") Сохранить
 </template>
@@ -53,9 +43,4 @@ export default {
   box-shadow: var(--default-shadow)
   border-radius: 4px
   z-index: 5
-
-.select
-  height: 40px
-  border: 1.5px solid var(--border-light-grey-color)
-  border-radius: 4px
 </style>
diff --git a/src/pages/schedule/components/ScheduleBar.vue b/src/pages/schedule/components/ScheduleBar.vue
index 50424a2..56e9efb 100644
--- a/src/pages/schedule/components/ScheduleBar.vue
+++ b/src/pages/schedule/components/ScheduleBar.vue
@@ -4,10 +4,10 @@
       .time-wrapper.flex.justify-between
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.text-smm Начало
-          base-input-time.select(v-model:value="times.start_time")
+          base-input-time.select(v-model="times.start_time")
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.span.text-smm Конец
-          base-input-time.select(v-model:value="times.end_time")
+          base-input-time.select(v-model="times.end_time")
       .status-wrapper.flex.flex-col
         .flex.justify-center.items-center.h-10
           span.font-semibold Статусы

From 78fd2a42331f1bc3eb5b89e62f96814ebc976968 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 16:31:49 +0300
Subject: [PATCH 4/7] =?UTF-8?q?WIP=20=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D1=8B=20baseInputs=20=D0=BD=D0=B0=20TheLogin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseCustomSelect.vue      |  2 +-
 src/components/base/BaseInput.vue             | 11 ++++++++--
 src/pages/login/TheLogin.vue                  | 20 +++++++++----------
 src/pages/schedule/components/ScheduleBar.vue | 13 ++----------
 4 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index bea5c4f..b1536b7 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -104,7 +104,7 @@ export default {
   box-shadow: 1px 1px 8px rgba(37, 40, 80, 0.15)
   border-radius: 4px
   background-color: white
-  max-height: 140px
+  max-height: 142px
   overflow-y: auto
 .placeholder
   color: #090A15
diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index 5b3aa3d..f9b087c 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -2,13 +2,14 @@
   .flex.flex-col.gap-y-2
     .label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
     .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
-      :class="{'border-none': borderNone}"
+      :class="{'border-none': borderNone, 'border-error': borderError }"
       :style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
     )
       input.input.w-full.outline-0.not-italic(
         v-model="value",
         :placeholder="placeholder",
-        :disabled="disabled"
+        :disabled="disabled",
+        :type="type"
       )
       .slot(v-if="withIcon", :class="iconPosition")
         slot.cursor-pointer
@@ -18,6 +19,9 @@
 export default {
   name: "BaseInput",
   props: {
+    type: {
+      derault: "text",
+    },
     modelValue: String,
     withIcon: {
       default: false,
@@ -27,6 +31,7 @@ export default {
     },
     placeholder: String,
     borderNone: Boolean,
+    borderError: Boolean,
     disabled: Boolean,
     label: String,
   },
@@ -58,6 +63,8 @@ export default {
   height: 40px
 .border-none
   border: none
+.border-error
+  border-color: var(--border-red-color)
 .input
   background-color: inherit
   &:disabled, &[disabled]
diff --git a/src/pages/login/TheLogin.vue b/src/pages/login/TheLogin.vue
index 45f5079..6047fae 100644
--- a/src/pages/login/TheLogin.vue
+++ b/src/pages/login/TheLogin.vue
@@ -9,18 +9,16 @@
           .text-under.flex.not-italic.font-medium.text-base(
             :style="{color: this.underTextColor}") Войдите в аккаунт, чтобы начать пользоваться сервисом «Астра».
         .flex.flex-col.gap-y-5
-          .flex.flex-col.gap-y-6px
-            .flex.non-italic.font-semibold.text-xss Логин
-            base-input.h-12.font-medium(
-              :style="{borderColor: wrongData ? this.redColor : ''}",
-              v-model="user.username",
-              type="text",
-              placeholder="Введите ваш логин"
-            )
+          base-input.font-medium(
+            :borderError="wrongData",
+            v-model="user.username",
+            placeholder="Введите ваш логин",
+            label="Логин"
+          )
           .flex.flex-col.gap-y-6px.relative
-            .flex.non-italic.font-semibold.text-xss Пароль
-            base-input.h-12(
-              :style="{borderColor: wrongData ? this.redColor : ''}",
+            .flex.non-italic.font-semibold.text-sm.opacity-40 Пароль
+            base-input(
+              :borderError="wrongData",
               v-model="user.password",
               :type="changeType",
               placeholder="Введите ваш пароль"
diff --git a/src/pages/schedule/components/ScheduleBar.vue b/src/pages/schedule/components/ScheduleBar.vue
index 56e9efb..572491a 100644
--- a/src/pages/schedule/components/ScheduleBar.vue
+++ b/src/pages/schedule/components/ScheduleBar.vue
@@ -2,12 +2,8 @@
   .wrapper-bar.flex.flex-col.gap-y-4
     .flex.px-5.py-5.w-full.justify-around.gap-x-4
       .time-wrapper.flex.justify-between
-        .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
-          .text.text-smm Начало
-          base-input-time.select(v-model="times.start_time")
-        .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
-          .text.span.text-smm Конец
-          base-input-time.select(v-model="times.end_time")
+        base-input-time.py-14px.px-4(v-model="times.start_time", label="Начало")
+        base-input-time.py-14px.px-4(v-model="times.end_time", label="Конец")
       .status-wrapper.flex.flex-col
         .flex.justify-center.items-center.h-10
           span.font-semibold Статусы
@@ -140,9 +136,4 @@ export default {
 .graph-template
   width: 218px
   height: 40px
-
-.select
-  height: 40px
-  border: 1.5px solid var(--border-light-grey-color)
-  border-radius: 4px
 </style>

From c4fc54ecdd29df65213be850d479b089482d9ed7 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 17:03:45 +0300
Subject: [PATCH 5/7] =?UTF-8?q?WIP=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D0=B5=20=D0=B2=20?=
 =?UTF-8?q?agreement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseCustomSelect.vue               |  2 +-
 src/pages/clients/components/ClientsTableRow.vue       |  1 -
 .../FormsAgreementCreate/AgreementPerson.vue           | 10 ++++++++--
 .../clients/components/StepperCreateAgreement.vue      |  2 +-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/base/BaseCustomSelect.vue b/src/components/base/BaseCustomSelect.vue
index b1536b7..7c3e403 100644
--- a/src/components/base/BaseCustomSelect.vue
+++ b/src/components/base/BaseCustomSelect.vue
@@ -7,7 +7,7 @@
       :class="{'open': open, 'border-none': borderNone}",
     )
       .placeholder.text-base.flex.items-center(
-        :class="{'value-color': value.label || placeholderOpacity}"
+        :class="{'value-color': value.label || placeholderOpacity}",
       ) {{ value.label || placeholder }}
       .flex.items-center
         .select-form-separator.cursor-pointer.mr-4(v-if="separator")
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index ad95259..d86fc74 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -284,7 +284,6 @@ export default {
           });
     },
     postContactsClient() {
-      console.log(this.dataClient);
       let contacts = [...this.dataClient.contacts];
       if (
         this.dataClient.email.username &&
diff --git a/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue b/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
index fff7c43..e69b10b 100644
--- a/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
+++ b/src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue
@@ -80,9 +80,15 @@ export default {
     return {
       patient: {
         full_name: "",
-        doc_type: "",
+        doc_type: {
+          id: null,
+          label: "",
+        },
         seriesAndNumber: "2354 125423",
-        phone: {},
+        phone: {
+          id: null,
+          label: "",
+        },
       },
     };
   },
diff --git a/src/pages/clients/components/StepperCreateAgreement.vue b/src/pages/clients/components/StepperCreateAgreement.vue
index 393aac5..0dd49a8 100644
--- a/src/pages/clients/components/StepperCreateAgreement.vue
+++ b/src/pages/clients/components/StepperCreateAgreement.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  .flex.flex-col.gap-y-6.justify-between(style="height: 500px")
+  .flex.flex-col.gap-y-6.justify-between
     .flex.flex-col.gap-y-6
       span.font-bold.text-xl Договор
       .flex.self-center

From 304d941ac6c034d30fc968da75232fab3c011e6b Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 17:12:49 +0300
Subject: [PATCH 6/7] =?UTF-8?q?WIP=20=D0=A3=D0=B4=D0=B0=D0=BB=D0=B8=D0=BB?=
 =?UTF-8?q?=D0=B0=20=D0=BB=D0=B8=D1=88=D0=BD=D1=8E=D1=8E=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D0=BF=D1=81=D1=83=20=D0=B2=20=20FormCreateMedicalCard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/clients/components/ClientsActionPopup.vue    | 2 +-
 src/pages/clients/components/ClientsTableRow.vue       | 1 -
 src/pages/clients/components/FormCreateMedicalCard.vue | 3 ---
 3 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/pages/clients/components/ClientsActionPopup.vue b/src/pages/clients/components/ClientsActionPopup.vue
index 4af4fa6..3abb456 100644
--- a/src/pages/clients/components/ClientsActionPopup.vue
+++ b/src/pages/clients/components/ClientsActionPopup.vue
@@ -8,7 +8,7 @@
       .button.keep-redaction.flex.gap-x-3
         .icon-star-off.icon
         span На ведение
-      .button.keep-redaction.flex.gap-x-3(@click="createMedicalCard(clientId)")
+      .button.keep-redaction.flex.gap-x-3(@click="createMedicalCard")
         .icon-star-off.icon
         span Мед. карта
       .button.delete.flex.gap-x-3(
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index d86fc74..3a9e6a1 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -21,7 +21,6 @@
             clients-action-popup(
               v-if="isOpenPopup",
               :open-change-data="openChangeData",
-              :client-id="client.id",
               :disabled-delete="!!deletedClientId && !rowOverlay",
               @delete-client="transmitDeleteClient",
               :create-medical-card="transmitMedicalCard"
diff --git a/src/pages/clients/components/FormCreateMedicalCard.vue b/src/pages/clients/components/FormCreateMedicalCard.vue
index 358b149..d4acf1e 100644
--- a/src/pages/clients/components/FormCreateMedicalCard.vue
+++ b/src/pages/clients/components/FormCreateMedicalCard.vue
@@ -51,9 +51,6 @@ export default {
     MedicalPolicyDocuments,
     BaseStepper,
   },
-  props: {
-    selectedClientId: String,
-  },
   data() {
     return {
       isBaseData: true,

From 4249dcd68006f4268925256c10a7b578f9479e7c Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 29 Dec 2022 17:19:58 +0300
Subject: [PATCH 7/7] =?UTF-8?q?WIP=20=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BB=D0=B0=20default=20=D0=B2=20BaseInput?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseInput.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index f9b087c..4cfb358 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -20,7 +20,7 @@ export default {
   name: "BaseInput",
   props: {
     type: {
-      derault: "text",
+      default: "text",
     },
     modelValue: String,
     withIcon: {