From d5a00b9d888bb14a3a7d8b00021a7f85f2a5850f Mon Sep 17 00:00:00 2001
From: dderbentsov <dderbentsov@gmail.com>
Date: Sun, 25 Dec 2022 18:39:02 +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

---
 .../components/StepperCreateAgreement.vue     | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/pages/clients/components/StepperCreateAgreement.vue b/src/pages/clients/components/StepperCreateAgreement.vue
index 9aa6459..e53e7d1 100644
--- a/src/pages/clients/components/StepperCreateAgreement.vue
+++ b/src/pages/clients/components/StepperCreateAgreement.vue
@@ -1,25 +1,32 @@
 <template lang="pug">
-  .wrap.flex.flex-col.gap-y-6
-    .flex.flex.flex-col.gap-y-9
+  .flex.flex-col.gap-y-6
+    .flex.flex-col.gap-y-6
       span.font-bold.text-xl Договор
-      base-stepper(
-        :steps="steps",
-        :currentStep="currentStep"
-      )      
+      .flex.self-center
+        base-stepper(
+          :steps="steps",
+          :currentStep="currentStep"
+        )      
       component(v-bind:is="currentTabComponent")     
-    .flex.gap-6
-      .flex.flex-col.gap-2
+    .flex.justify-between
+      .flex
         base-button(
             :size="40",
             @click="prevStep",
-            v-if="currentStep !== 0"
+            v-if="currentStep !== 0",
+            outlined,
           ) Назад
-      .flex.flex-col.gap-2
+      .flex
         base-button(
           :size="40",
           @click="nextStep",
-          v-if="currentStep < steps.length-1"
+          v-if="currentStep < steps.length-1",
         ) Далее
+        base-button(
+          :size="40",
+          @click="finish",
+          v-if="currentStep === steps.length-1"
+        ) Завершить
 </template>
 
 <script>
@@ -38,7 +45,6 @@ export default {
   },
   data() {
     return {
-      isService: true,
       currentStep: 0,
       steps: [
         {
@@ -53,6 +59,12 @@ export default {
           value: "Пациент",
           component: "agreement-person",
         },
+        {
+          id: 2,
+          label: "2",
+          value: "Пациент",
+          component: "agreement-person",
+        },
       ],
     };
   },
@@ -68,8 +80,7 @@ export default {
     prevStep() {
       this.currentStep -= 1;
     },
+    finish() {},
   },
 };
 </script>
-
-<style lang="sass" scoped></style>