WIP Перемещен инпут

src/pages/newMedicalCard/components/ConfidantForms/ConfidantForm.vue

@@ -51,39 +51,47 @@
                         )
             .flex.w-full.relative(v-else)
               q-menu.h-fit(
-                v-if="field.key === 'last_name'"
-                fit 
-                v-model="isOpenListConfidant"
-                :style="{'max-height': '160px', 'position': 'fixed !important'}"
-                no-focus 
-                anchor="bottom right" 
+                v-if="field.key === 'last_name'",
+                fit,
+                v-model="isOpenListConfidant",
+                :style="{'max-height': '160px', 'position': 'fixed !important'}",
+                no-focus,
+                anchor="bottom right",
                 self="top right"
-                )
+              )
                 .flex.flex-col.w-full.h-full.overflow-y-auto
                   .confidant-item.flex.h-10.items-center.cursor-pointer.text-base.px-2(
                     v-for="person in listPersons" 
                     :id="person.id"
                     @click="(e) => choiceConfidant(e)"
-                    ) {{ `${person.last_name || ""} ${person.first_name || ""} ${person.patronymic || ""}` }}           
+                  ) {{ `${person.last_name || ""} ${person.first_name || ""} ${person.patronymic || ""}` }}
+              base-textarea.w-full(
+                v-if="field.type === 'textarea'",
+                :readonly="!isEdit",
+                v-model="confidant[field.key].value",
+                @update:model-value="(val) => checkChangeInput(val, field.key)",
+                :mask="field.mask",
+                :type="field.type",
+                :name="field.key",
+                :placeholder="field.placeholder",
+                height="96px"
+              )
               base-input.w-full(
-                :readonly="!isEdit" 
-                v-model="confidant[field.key].value"
-                @update:model-value="(val) => checkChangeInput(val, field.key)"
-                :mask="field.mask"
-                :type="field.type"
-                :name="field.key"
-                :placeholder="field.placeholder" 
-                :standout="!isEdit" 
-                :outlined="isEdit"
-                no-error-icon
-                :rule="field.rules"
-                text-color="black"
-                )
+                v-else,
+                :readonly="!isEdit",
+                v-model="confidant[field.key].value",
+                @update:model-value="(val) => checkChangeInput(val, field.key)",
+                :mask="field.mask",
+                :type="field.type",
+                :name="field.key",
+                :placeholder="field.placeholder",
+                :rule="field.rules",
+                size="M"
+              )
 </template>
 
 <script>
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
-import BaseInput from "@/components/base/BaseInput.vue";
 import BaseSelectNetworks from "@/components/base/BaseSelectNetworks.vue";
 import BaseButton from "@/components/base/BaseButton.vue";
 import BasePopup from "@/components/base/BasePopup.vue";
@@ -102,6 +110,8 @@ import {
   mapNetworks,
 } from "@/pages/newMedicalCard/utils/medicalConfig";
 import { fetchWrapper } from "@/shared/fetchWrapper";
+import BaseTextarea from "@/components/base/BaseTextarea.vue.vue";
+import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
   name: "ConfidantForm",
@@ -114,6 +124,7 @@ export default {
     BasePopup,
     BaseAddingNetwork,
     TheNotificationProvider,
+    BaseTextarea,
   },
   data() {
     return {