WIP Подключил store для мед карты, поправил форму Основных данных

src/pages/newMedicalCard/components/BasicDataForm.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  medical-form-wrapper(title="Основная информация")
+  medical-form-wrapper(title="Основная информация" :change-edit="changeEdit")
     .form-wrap.gap-24.w-full
       .data-section.flex.flex-col.gap-4(v-for="data in configData")
         .font-semibold.text-sm.whitespace-nowrap {{data.dataLabel}}
@@ -7,7 +7,7 @@
           .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
           .avatar-field.justify-start(v-if="field.type === 'avatar'")
             base-avatar(:size="40")
-          base-input(v-else v-model="initData[data.dataKey][field.key]" :type="field.type" :width="300" standout="bg-white" text-color="black")
+          base-input(v-else :disabled="!isEdit" v-model="initData[data.dataKey][field.key]" :type="field.type" :width="300" :standout="!isEdit" :outlined="isEdit" text-color="black")
 </template>
 
 <script>
@@ -15,11 +15,13 @@ import BaseInput from "@/components/base/BaseInput.vue";
 import BaseAvatar from "@/components/base/BaseAvatar.vue";
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
 import { baseDataForm } from "@/pages/newMedicalCard/utils/configMedical";
+import { mapState } from "vuex";
 export default {
   name: "BasicDataForm",
   components: { MedicalFormWrapper, BaseInput, BaseAvatar },
   data() {
     return {
+      isEdit: false,
       configData: baseDataForm,
       initData: {
         basicData: {
@@ -47,6 +49,17 @@ export default {
       },
     };
   },
+  computed: mapState({
+    medical: (state) => state.medical.medicalCard,
+  }),
+  created() {
+    this.$store.dispatch("getMedicalCardData");
+  },
+  methods: {
+    changeEdit() {
+      this.isEdit = !this.isEdit;
+    },
+  },
 };
 </script>