From 0f5aa07336a52c9993873dfcc4d97cce5242a8e3 Mon Sep 17 00:00:00 2001
From: dderbentsov <dderbentsov@gmail.com>
Date: Sun, 25 Dec 2022 23:50:13 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BE=D1=81=D0=BC=D0=B5=D1=82=D0=B8?=
 =?UTF-8?q?=D1=87=D0=B5=D1=81=D0=BA=D0=B8=D0=B5=20=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FormsAgreementCreate/AgreementCommon.vue  | 76 ++++++++++---------
 .../components/StepperCreateAgreement.vue     |  2 +-
 2 files changed, 43 insertions(+), 35 deletions(-)

diff --git a/src/pages/clients/components/FormsAgreementCreate/AgreementCommon.vue b/src/pages/clients/components/FormsAgreementCreate/AgreementCommon.vue
index 9998bf9..1bc3429 100644
--- a/src/pages/clients/components/FormsAgreementCreate/AgreementCommon.vue
+++ b/src/pages/clients/components/FormsAgreementCreate/AgreementCommon.vue
@@ -1,38 +1,44 @@
 <template lang="pug">
-  .wrap.flex
-    .base.flex.flex-col.gap-y-6
-      .flex.flex-col.gap-y-6
-        span.font-bold Общая информация
-        .flex.flex-col(class="gap-y-1.5")
-          .counter.font-semibold.text-smm Категория
-          base-custom-select.select.text-sm(
-            placeholder="Категория договора",
-            v-model="category",
-            :items="categories",            
-          )
-        .flex.gap-x-4
-          .flex.flex-col.w-full(class="gap-y-1.5")
-            .counter.font-semibold.text-smm Дата подписания 
-            .input-date.flex.h-10.justify-center
-              base-input-date(
-                :width-input="200",
-                v-model:value="signedDate"
-              )
-          .flex.flex-col(class="gap-y-1.5")
-            .counter.font-semibold.text-smm Начало оказания услуг
-            .input-date.flex.h-10.justify-center
-              base-input-date(
-                :width-input="200",
-                v-model:value="startDate"
-              )
-          .flex.flex-col(class="gap-y-1.5")
-            .counter.font-semibold.text-smm Окончание оказания услуг
-            .input-date.flex.h-10.justify-center
-              base-input-date(
-                :width-input="200",
-                v-model:value="endDate"
-              )
+  .flex-col
+    span.font-bold Общая информация
+    .flex-col
+      .flex-col.my-6
+        .counter.font-semibold.text-smm Категория
+        base-custom-select.select.text-sm(
+          placeholder="Категория договора",
+          v-model="category",
+          :items="categories",            
+        )
+      .flex.w-full.my-6
+        .flex-col
+          .font-semibold.text-smm Дата подписания 
+          .input-date.flex.h-10.justify-center
+            base-input-date(
+              :width-input="200",
+              v-model:value="signedDate"
+            )
+        .flex-col
+          .font-semibold.text-smm Начало оказания услуг
+          .input-date.flex.h-10.justify-center
+            base-input-date(
+              :width-input="200",
+              v-model:value="startDate"
+            )
+        .flex-col
+          .font-semibold.text-smm Окончание оказания услуг
+          .input-date.flex.h-10.justify-center
+            base-input-date(
+              :width-input="200",
+              v-model:value="endDate"
+            )
       
+      .flex-col.w-full.my-6
+        .font-semibold.text-smm Исполнитель             
+        base-custom-select.select.text-sm(
+          placeholder="Поручить",
+          v-model="employee",
+          :items="employees",
+        )
 </template>
 
 <script>
@@ -60,7 +66,7 @@ export default {
         { id: "1", label: "1", value: "Договор" },
         { id: "2", label: "2", value: "Пациент" },
       ],
-      category: "",
+      category: {},
       categories: [
         { id: "Консультация", label: "Консультация" },
         { id: "Терапия", label: "Терапия" },
@@ -70,6 +76,8 @@ export default {
       signedDate: undefined,
       startDate: undefined,
       endDate: undefined,
+      employee: {},
+      employees: [],
     };
   },
 };
diff --git a/src/pages/clients/components/StepperCreateAgreement.vue b/src/pages/clients/components/StepperCreateAgreement.vue
index e53e7d1..5197261 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
+  .flex.flex-col.gap-y-6.justify-between(style="height: 500px")
     .flex.flex-col.gap-y-6
       span.font-bold.text-xl Договор
       .flex.self-center