WIP косметические правки

src/pages/clients/components/FormsAgreementCreate/AgreementPerson.vue

@@ -2,9 +2,10 @@
   .flex.flex-col.gap-y-6
     base-input(
       label="ФИО пациента",
-      v-model="patient.full_name"
+      v-model="patientFullName",
+      disabled
     )
-    .flex.justify-between
+    //-.flex.justify-between
       base-custom-select.w-80(
         placeholder="Тип документа",
         v-model="patient.doc_type",
@@ -18,20 +19,23 @@
         label="Серия и номер" 
       )
     .flex.justify-between
-      base-input.w-80(
-        v-model="patient.address",
+      base-select.w-80(
+        v-model="selectedPatient.address",
+        :items="patientAddresses"
         label="Адрес"  
       )
-      base-input(
-        v-model="patient.phone",
-        v-mask="'+7 (###) ###-##-##'",
-        label="Телефон" 
+      base-select(
+        v-model="selectedPatient.phone",
+        label="Телефон",
+        :items="patientPhones"
       )
+    input(:value='patientEqualClient') 
+    .text 'Пациент = Заказчик' + {{ patientEqualClient }}
     base-input(
       v-model="patient.full_name"
       label="ФИО Заказчика",
     )
-    .flex.justify-between
+    //-.flex.justify-between
       base-custom-select.w-80(
         placeholder="Тип документа",
         v-model="patient.doc_type",
@@ -59,26 +63,31 @@
 <script>
 import BaseInput from "@/components/base/BaseInput";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
+import BaseSelect from "@/components/base/BaseSelect.vue";
 import { mask } from "vue-the-mask";
 export default {
   name: "AgreementPerson",
   components: {
     BaseInput,
     BaseCustomSelect,
+    BaseSelect,
   },
   directives: { mask },
   data() {
     return {
-      patient: {
+      patientEqualClient: true,
+      selectedPatient: {
         full_name: "",
         doc_type: {
           id: null,
           label: "",
         },
         seriesAndNumber: "2354 125423",
-        phone: "",
-        address: "",
+        phone: undefined,
+        address: undefined,
       },
+      patientAddresses: [],
+      patientPhones: [],
     };
   },
   computed: {
@@ -91,6 +100,13 @@ export default {
         },
       ];
     },
+    patient() {
+      return this.$store.state.currentPatient;
+    },
+    patientFullName() {
+      console.log(this.patient);
+      return `${this.patient.last_name} ${this.patient.first_name} ${this.patient.patronymic}`;
+    },
   },
 };
 </script>