From 2b9a9cd015768c61d108a82284cbe32fe70a8bee Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 8 Dec 2022 13:20:04 +0300
Subject: [PATCH] =?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=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B1=D0=BB?=
 =?UTF-8?q?=D0=BE=D0=BA=D0=B0=20=D0=B0=D0=B4=D1=80=D0=B5=D1=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/BaseSelect.vue                   |  8 ++++++--
 .../clients/components/ClientDetailInfoSection.vue   |  2 +-
 src/pages/clients/components/ClientDetailInput.vue   |  6 +++---
 .../components/ClientDetailSectionAddress.vue        | 12 ++++++------
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/base/BaseSelect.vue b/src/components/base/BaseSelect.vue
index 8a28567..1ce144d 100644
--- a/src/components/base/BaseSelect.vue
+++ b/src/components/base/BaseSelect.vue
@@ -1,7 +1,8 @@
 <template lang="pug">
-  .base-select(@click="open = !open", :class="{'open': open, 'border-none': borderNone}")
+  .base-select(@click="invertOpen", :class="{'open': open && !disable, 'border-none': borderNone}")
     .placeholder(
-      :class="{'value-color': value || placeholderOpacity, ...textClass}"
+      :class="{'value-color': value || placeholderOpacity, ...textClass}",
+      :style="{'color': !disable || '#9ca3af', 'opacity': 1}"
     ) {{ value || placeholder }}
     .flex.items-center
       .select-form-separator.cursor-pointer.mr-4(v-if="separator")
@@ -65,6 +66,9 @@ export default {
     leaveSelect() {
       this.open = false;
     },
+    invertOpen() {
+      if (!this.disable) this.open = !this.open;
+    },
   },
 };
 </script>
diff --git a/src/pages/clients/components/ClientDetailInfoSection.vue b/src/pages/clients/components/ClientDetailInfoSection.vue
index 722ef16..a3ea053 100644
--- a/src/pages/clients/components/ClientDetailInfoSection.vue
+++ b/src/pages/clients/components/ClientDetailInfoSection.vue
@@ -80,7 +80,7 @@
               @click="() => copyValue(item)"
             )
           .flex(v-if="settings[section].options && !isChange")
-            span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item === 'issued_by_date' ? formattedDate : item}}
+            span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{key === 'issued_by_date' ? formattedDate : item}}
             .copy.icon-copy.cursor-pointer.pl-4(
               v-if="key === 'numba'",
               @click="() => copyValue(item)"
diff --git a/src/pages/clients/components/ClientDetailInput.vue b/src/pages/clients/components/ClientDetailInput.vue
index 7cdeb83..ac03b12 100644
--- a/src/pages/clients/components/ClientDetailInput.vue
+++ b/src/pages/clients/components/ClientDetailInput.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
-  .input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
-    textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
+  .input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit.text-sm(class="py-2.5")
+    textarea.place-input.w-full.outline-0.not-italic.resize-none.font-medium(
       v-if="!sharp"
       :rows="textareaRows",
       :value="value",
@@ -8,7 +8,7 @@
       @input="$emit('update:value', $event.target.value)",
       :placeholder="placeholder",
     )
-    input.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
+    input.w-full.outline-0.not-italic.font-medium(
       v-else,
       :value="value",
       @input="$emit('update:value', $event.target.value)",
diff --git a/src/pages/clients/components/ClientDetailSectionAddress.vue b/src/pages/clients/components/ClientDetailSectionAddress.vue
index 9935ed5..90b8a26 100644
--- a/src/pages/clients/components/ClientDetailSectionAddress.vue
+++ b/src/pages/clients/components/ClientDetailSectionAddress.vue
@@ -2,7 +2,7 @@
   .flex.flex-col.gap-y-4
     .flex.flex-col(class="gap-y-1.5")
       .text-info.text-xxs.font-semibold Город
-      base-select.cursor-grab(
+      base-select.text-sm(
         disable,
         textStyle="text-sm",
         placeholder="Введите город",
@@ -11,7 +11,7 @@
       )
     .flex.flex-col(class="gap-y-1.5")
       .text-info.text-xxs.font-semibold Область
-      base-input.input-info(
+      base-input.text-sm.input-info(
         disabled,
         placeholder="Введите область",
         v-model:value="dopeAddress.region",
@@ -19,7 +19,7 @@
       )
     .flex.flex-col(class="gap-y-1.5")
       .text-info.text-xxs.font-semibold Улица
-      base-input.input-info(
+      base-input.text-sm.input-info(
         disabled,
         placeholder="Введите улицу",
         v-model:value="dopeAddress.street",
@@ -28,7 +28,7 @@
     .flex.gap-x-4
       .flex.flex-col(class="gap-y-1.5")
         .text-info.text-xxs.font-semibold Дом
-        base-input.input-info(
+        base-input.text-sm.input-info(
           disabled,
           placeholder="Дом",
           v-model:value="dopeAddress.house",
@@ -36,7 +36,7 @@
         )
       .flex.flex-col(class="gap-y-1.5")
         .text-info.text-xxs.font-semibold Квартира
-        base-input.input-info(
+        base-input.text-sm.input-info(
           disabled,
           placeholder="Квартира",
           v-model:value="dopeAddress.flat",
@@ -44,7 +44,7 @@
         )
     .flex.flex-col(class="gap-y-1.5")
       .text-info.text-xxs.font-semibold Индекс
-      base-input.input-info(
+      base-input.text-sm.input-info(
         disabled,
         v-mask="'######'",
         placeholder="000000",