hl-core 0.0.8-beta.35 → 0.0.8-beta.36

package/components/Pages/MemberForm.vue

@@ -20,15 +20,18 @@
               @click.prevent="
                 memberStore.canMemberDeleted(whichForm as MemberKeys, index) || memberStore.canMemberCleared(whichForm as MemberKeys, index) ? deleteMember(index) : null
               "
-            ></v-btn>
+            />
           </div>
         </div>
-        <v-btn class="ml-2" icon="mdi-plus !text-[24px]" @click="memberStore.addMember(whichForm as MemberKeys)" size="small" color="#A0B3D8" variant="tonal"></v-btn>
+        <v-btn class="ml-2" icon="mdi-plus !text-[24px]" @click="memberStore.addMember(whichForm as MemberKeys)" size="small" color="#A0B3D8" variant="tonal" />
       </div>
-      <base-form-section :title="$t('form.personalData')" :class="[memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']">
+      <base-form-section
+        :title="$dataStore.t('form.personalData')"
+        :class="[memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']"
+      >
         <base-form-input
           v-model="member.phoneNumber"
-          :label="$t('form.phoneNumber')"
+          :label="$dataStore.t('form.phoneNumber')"
           :maska="$maska.phone"
           :readonly="!!isDisabled || !!isIinPhoneDisabled"
           :clearable="!isDisabled"
@@ -36,10 +39,10 @@
           @append="openCustomPanel('otp')"
           @keyup.enter.prevent="otpCondition ? openCustomPanel('otp') : null"
           :rules="phoneRule"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.iin"
-          :label="$t('form.iin')"
+          :label="$dataStore.t('form.iin')"
           :maska="$maska.iin"
           :readonly="!!isDisabled || !!isIinPhoneDisabled"
           :clearable="!isDisabled"
@@ -47,320 +50,320 @@
           @append="searchMember"
           @input="onIinInput"
           :rules="$rules.required.concat($rules.iinRight)"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.lastName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.lastName')"
+          :label="$dataStore.t('form.lastName')"
           :rules="$rules.required.concat($rules.cyrillic)"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.firstName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.firstName')"
+          :label="$dataStore.t('form.firstName')"
           :rules="$rules.required.concat($rules.cyrillic)"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.middleName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.middleName')"
+          :label="$dataStore.t('form.middleName')"
           :rules="$rules.cyrillicNonRequired"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.birthDate"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.birthDate')"
+          :label="$dataStore.t('form.birthDate')"
           :rules="birthDateRule"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
-        <base-form-input v-model="member.age" :label="$t('form.age')" :readonly="true" :clearable="!isDisabled" :rules="ageRule"></base-form-input>
+        />
+        <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :readonly="true" :clearable="!isDisabled" :rules="ageRule" />
         <base-panel-input
           v-model="member.gender"
           :value="member.gender.nameRu"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.gender')"
+          :label="$dataStore.t('form.gender')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.gender'), $dataStore.gender, 'gender')"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.gender'), $dataStore.gender, 'gender')"
+        />
         <base-panel-input
           v-if="hasFamilyStatus"
           v-model="member.familyStatus"
           :value="member.familyStatus.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.familyStatus')"
+          :label="$dataStore.t('form.familyStatus')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.familyStatus'), [], 'familyStatus', $dataStore.getFamilyStatuses)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.familyStatus'), [], 'familyStatus', $dataStore.getFamilyStatuses)"
+        />
         <base-panel-input
           v-if="(whichForm === formStore.beneficiaryFormKey || whichForm === formStore.insuredFormKey) && member.iin !== formStore.policyholderForm.iin"
           v-model="member.relationDegree"
           :value="member.relationDegree.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.relations')"
+          :label="$dataStore.t('form.relations')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.relations'), [], 'relationDegree', $dataStore.getRelationTypes)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.relations'), [], 'relationDegree', $dataStore.getRelationTypes)"
+        />
         <base-form-input
           v-if="whichForm === formStore.beneficiaryFormKey"
           v-model="member.percentageOfPayoutAmount"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.percentageOfPayoutAmount')"
+          :label="$dataStore.t('form.percentageOfPayoutAmount')"
           :rules="$rules.required.concat($rules.numbers)"
-        ></base-form-input>
-        <base-form-toggle v-if="$dataStore.isGons" :disabled="isDisabled" :has-border="false" v-model="member.isPdl" :title="$t('isMemberIPDL')"></base-form-toggle>
+        />
+        <base-form-toggle v-if="$dataStore.isGons" :disabled="isDisabled" :has-border="false" v-model="member.isPdl" :title="$dataStore.t('isMemberIPDL')" />
       </base-form-section>
-      <base-form-section :title="$t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
+      <base-form-section :title="$dataStore.t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
         <base-form-input
           v-model.trim="member.fullNameRod"
-          :label="$t('policyholdersRepresentative.NameParentCase')"
+          :label="$dataStore.t('policyholdersRepresentative.NameParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.confirmDocTypeKz"
-          :label="$t('policyholdersRepresentative.basisDocKz')"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocKz')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.confirmDocType"
-          :label="$t('policyholdersRepresentative.basisDocRu')"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocRu')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.confirmDocTypeRod"
-          :label="$t('policyholdersRepresentative.basisDocRuParentCase')"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocRuParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.confirmDocNumber"
-          :label="$t('policyholdersRepresentative.numberDoc')"
+          :label="$dataStore.t('policyholdersRepresentative.numberDoc')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.confirmDocIssueDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.confirmDocExpireDate"
-          :label="$t('form.documentExpire')"
+          :label="$dataStore.t('form.documentExpire')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
-        <base-form-input v-model.trim="member.migrationCard" :label="$t('policyholdersRepresentative.numberVisa')"></base-form-input>
+        />
+        <base-form-input v-model.trim="member.migrationCard" :label="$dataStore.t('policyholdersRepresentative.numberVisa')" />
         <base-form-input
           v-model="member.migrationCardIssueDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.migrationCardExpireDate"
-          :label="$t('form.documentExpire')"
+          :label="$dataStore.t('form.documentExpire')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-toggle
           v-model="formStore.policyholdersRepresentativeForm.isNotary"
           :disabled="isDisabled"
           :has-border="false"
-          :title="$t('policyholdersRepresentative.confirmAuthority')"
-        ></base-form-toggle>
+          :title="$dataStore.t('policyholdersRepresentative.confirmAuthority')"
+        />
         <base-form-input
           v-model.trim="member.notaryLongName"
-          :label="$t('policyholdersRepresentative.name')"
+          :label="$dataStore.t('policyholdersRepresentative.name')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.notaryLicenseNumber"
-          :label="$t('policyholdersRepresentative.numberLicense')"
+          :label="$dataStore.t('policyholdersRepresentative.numberLicense')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
           v-model.trim="member.notaryLicenseIssuer"
-          :label="$t('policyholdersRepresentative.documentIssuers')"
+          :label="$dataStore.t('policyholdersRepresentative.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.notaryLicenseDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required.concat($rules.date) : []"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
       </base-form-section>
-      <base-form-section :title="$t('form.jobData')" v-if="$dataStore.hasJobSection(whichForm)">
-        <base-form-input v-model.trim="member.job" :label="$t('form.job')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
-        <base-form-input v-model.trim="member.jobPosition" :label="$t('form.jobPosition')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
-        <base-form-input v-model.trim="member.jobPlace" :label="$t('form.jobPlace')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
+      <base-form-section :title="$dataStore.t('form.jobData')" v-if="$dataStore.hasJobSection(whichForm)">
+        <base-form-input v-model.trim="member.job" :label="$dataStore.t('form.job')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPlace" :label="$dataStore.t('form.jobPlace')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
       </base-form-section>
-      <base-form-section :title="$t('form.placeRegistration')" v-if="$dataStore.hasPlaceSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.placeRegistration')" v-if="$dataStore.hasPlaceSection(whichForm)">
         <base-form-toggle
           v-if="whichForm === formStore.beneficiaryFormKey"
           v-model="sameAddress"
           :disabled="isDisabled"
           :has-border="false"
-          :title="$t('form.sameAddress')"
-        ></base-form-toggle>
+          :title="$dataStore.t('form.sameAddress')"
+        />
         <base-panel-input
           v-model="member.registrationCountry"
           :value="member.registrationCountry.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.Country')"
+          :label="$dataStore.t('form.Country')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Country'), [], 'registrationCountry', $dataStore.getCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.Country'), [], 'registrationCountry', $dataStore.getCountries)"
+        />
         <base-fade-transition>
           <div class="flex flex-col gap-[1px]" v-if="member.registrationCountry.nameRu === 'Казахстан' || member.registrationCountry.nameRu === null">
             <base-panel-input
               v-model="member.registrationProvince"
               :value="member.registrationProvince.nameRu"
-              :label="$t('form.Province')"
+              :label="$dataStore.t('form.Province')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.Province'), [], 'registrationProvince', $dataStore.getStates, 'registrationCountry')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.Province'), [], 'registrationProvince', $dataStore.getStates, 'registrationCountry')"
+            />
             <base-panel-input
               v-model="member.registrationRegionType"
               :value="member.registrationRegionType.nameRu"
-              :label="$t('form.RegionType')"
+              :label="$dataStore.t('form.RegionType')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.RegionType'), [], 'registrationRegionType', $dataStore.getLocalityTypes)"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.RegionType'), [], 'registrationRegionType', $dataStore.getLocalityTypes)"
+            />
             <base-panel-input
               v-if="member.registrationRegionType.nameRu !== 'город'"
               v-model="member.registrationRegion"
               :value="member.registrationRegion.nameRu"
-              :label="$t('form.Region')"
+              :label="$dataStore.t('form.Region')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.Region'), [], 'registrationRegion', $dataStore.getRegions, 'registrationProvince')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.Region'), [], 'registrationRegion', $dataStore.getRegions, 'registrationProvince')"
+            />
             <base-panel-input
               v-model="member.registrationCity"
               :value="member.registrationCity.nameRu"
-              :label="$t('form.City')"
+              :label="$dataStore.t('form.City')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
+            />
             <!-- <base-form-input v-if="$dataStore.isGons" v-model="member.postIndex" :readonly="isDisabled"
-          :clearable="!isDisabled" :label="$t('form.postIndex')" :maska="$maska.post"></base-form-input> -->
-            <base-form-input v-model.trim="member.registrationQuarter" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.Quarter')"></base-form-input>
-            <base-form-input v-model.trim="member.registrationMicroDistrict" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.MicroDistrict')"></base-form-input>
+          :clearable="!isDisabled" :label="$dataStore.t('form.postIndex')" :maska="$maska.post"/> -->
+            <base-form-input v-model.trim="member.registrationQuarter" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.Quarter')" />
+            <base-form-input v-model.trim="member.registrationMicroDistrict" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.MicroDistrict')" />
             <base-form-input
               v-model.trim="member.registrationStreet"
               :rules="$rules.required"
               :readonly="isDisabled"
               :clearable="!isDisabled"
-              :label="$t('form.Street')"
-            ></base-form-input>
+              :label="$dataStore.t('form.Street')"
+            />
             <base-form-input
               v-model.trim="member.registrationNumberHouse"
               :rules="$rules.required"
               :readonly="isDisabled"
               :clearable="!isDisabled"
-              :label="$t('form.NumberHouse')"
-            ></base-form-input>
-            <base-form-input v-model.trim="member.registrationNumberApartment" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.NumberApartment')"></base-form-input>
+              :label="$dataStore.t('form.NumberHouse')"
+            />
+            <base-form-input v-model.trim="member.registrationNumberApartment" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.NumberApartment')" />
           </div>
         </base-fade-transition>
       </base-form-section>
-      <base-form-section :title="$t('form.birthData')" v-if="$dataStore.hasBirthSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.birthData')" v-if="$dataStore.hasBirthSection(whichForm)">
         <base-panel-input
           v-model="member.birthPlace"
           :value="member.birthPlace.nameRu"
-          :label="$t('form.Country')"
+          :label="$dataStore.t('form.Country')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
+        />
         <!-- TODO -->
         <!-- <base-panel-input
           v-model="member.birthRegion"
           :value="member.birthRegion.nameRu"
-          :label="$t('form.Region')"
+          :label="$dataStore.t('form.Region')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Region'), [], 'birthRegion', $dataStore.getRegions)"
-        ></base-panel-input> -->
+          @append="openPanel($dataStore.t('form.Region'), [], 'birthRegion', $dataStore.getRegions)"
+        /> -->
       </base-form-section>
-      <base-form-section :title="$t('form.documentData')" v-if="$dataStore.hasDocumentSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.documentData')" v-if="$dataStore.hasDocumentSection(whichForm)">
         <base-panel-input
           v-model="member.documentType"
           :value="member.documentType.nameRu"
-          :label="$t('form.documentType')"
+          :label="$dataStore.t('form.documentType')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
+        />
         <base-form-input
           v-model.trim="member.documentNumber"
-          :label="$t('form.documentNumber')"
+          :label="$dataStore.t('form.documentNumber')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
-        <!-- <base-file-input v-if="!memberDocument" :disabled="isDisabled" :clearable="!isDisabled" @input="attachFile($event)"></base-file-input>
+        />
+        <!-- <base-file-input v-if="!memberDocument" :disabled="isDisabled" :clearable="!isDisabled" @input="attachFile($event)" />
         <base-empty-form-field v-if="memberDocument" @click="!isDisabled && openCustomPanel('document')" class="justify-between">
           {{ `${memberDocument.fileTypeName} - ${memberDocument.fileName}` }}
           <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i>
@@ -368,97 +371,97 @@
         <base-panel-input
           v-model="member.documentIssuers"
           :value="member.documentIssuers.nameRu"
-          :label="$t('form.documentIssuers')"
+          :label="$dataStore.t('form.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.documentIssuers'), [], 'documentIssuers', $dataStore.getDocumentIssuers)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.documentIssuers'), [], 'documentIssuers', $dataStore.getDocumentIssuers)"
+        />
         <base-form-input
           v-model="member.documentDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required.concat($rules.date)"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-fade-transition>
           <base-form-input
             v-if="member.documentType.ids !== 'SBI' && member.documentType.ids !== 'VNZ'"
             v-model="member.documentExpire"
-            :label="$t('form.documentExpire')"
+            :label="$dataStore.t('form.documentExpire')"
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :rules="$rules.required.concat($rules.date)"
             :maska="$maska.date"
             append-inner-icon="mdi mdi-calendar-blank-outline"
-          ></base-form-input>
+          />
         </base-fade-transition>
         <base-panel-input
           v-model="member.signOfResidency"
           :value="member.signOfResidency.nameRu"
-          :label="$t('form.signOfResidency')"
+          :label="$dataStore.t('form.signOfResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="residencyRule"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.signOfResidency'), [], 'signOfResidency', $dataStore.getResidents)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.signOfResidency'), [], 'signOfResidency', $dataStore.getResidents)"
+        />
         <base-panel-input
           v-model="member.countryOfTaxResidency"
           :value="member.countryOfTaxResidency.nameRu"
-          :label="$t('form.countryOfTaxResidency')"
+          :label="$dataStore.t('form.countryOfTaxResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.countryOfTaxResidency'), [], 'countryOfTaxResidency', $dataStore.getTaxCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.countryOfTaxResidency'), [], 'countryOfTaxResidency', $dataStore.getTaxCountries)"
+        />
         <base-fade-transition>
           <base-panel-input
             v-if="member.countryOfTaxResidency.ids === '500014.3'"
             v-model="member.addTaxResidency"
             :value="member.addTaxResidency.nameRu"
-            :label="$t('form.addTaxResidency')"
+            :label="$dataStore.t('form.addTaxResidency')"
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :rules="$rules.objectRequired"
             append-inner-icon="mdi mdi-chevron-right"
-            @append="openPanel($t('form.addTaxResidency'), [], 'addTaxResidency', $dataStore.getAdditionalTaxCountries)"
-          ></base-panel-input>
+            @append="openPanel($dataStore.t('form.addTaxResidency'), [], 'addTaxResidency', $dataStore.getAdditionalTaxCountries)"
+          />
         </base-fade-transition>
         <base-panel-input
           v-model="member.signOfIPDL"
           :value="member.signOfIPDL.nameRu"
-          :label="$t('form.signOfIPDL')"
+          :label="$dataStore.t('form.signOfIPDL')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.signOfIPDL'), $dataStore.ipdl, 'signOfIPDL')"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.signOfIPDL'), $dataStore.ipdl, 'signOfIPDL')"
+        />
         <base-panel-input
           v-model="member.countryOfCitizenship"
           :value="member.countryOfCitizenship.nameRu"
-          :label="$t('form.countryOfCitizenship')"
+          :label="$dataStore.t('form.countryOfCitizenship')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
+        />
         <base-panel-input
           v-model="member.economySectorCode"
           :value="member.economySectorCode.nameRu"
-          :label="$t('form.economySectorCode')"
+          :label="$dataStore.t('form.economySectorCode')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
+        />
         <base-panel-input
           v-if="hasInsurancePay"
           v-model="member.insurancePay"
@@ -466,52 +469,52 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('form.insurancePay')"
+          :label="$dataStore.t('form.insurancePay')"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.insurancePay'), $dataStore.insurancePay, 'insurancePay', $dataStore.getInsurancePay)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.insurancePay'), $dataStore.insurancePay, 'insurancePay', $dataStore.getInsurancePay)"
+        />
       </base-form-section>
-      <base-form-section :title="$t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
         <base-form-input
           v-model="member.homePhone"
           :maska="$maska.phone"
           placeholder="+7 7"
-          :label="$t('form.homePhone')"
+          :label="$dataStore.t('form.homePhone')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="whichForm === formStore.beneficiaryFormKey ? [] : $rules.phoneFormat"
-        ></base-form-input>
-        <base-form-input v-model.trim="member.email" :label="$t('form.email')" :rules="$rules.email"></base-form-input>
+        />
+        <base-form-input v-model.trim="member.email" :label="$dataStore.t('form.email')" :rules="$rules.email" />
       </base-form-section>
     </v-form>
-    <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$t('buttons.save')" @click="submitForm"></base-btn>
+    <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$dataStore.t('buttons.save')" @click="submitForm" />
     <Teleport v-if="isPanelOpen" to="#panel-actions">
       <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
-        <base-rounded-input v-model="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
+        <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
-          <base-panel-select-item :text="$t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())"></base-panel-select-item>
+          <base-panel-select-item :text="$dataStore.t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())" />
           <base-panel-select-item
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
             :key="index"
             :text="(item.nameRu as string)"
             :selected="item.nameRu === panelValue.nameRu"
             @click="pickPanelValue(item)"
-          ></base-panel-select-item>
+          />
         </div>
-        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
     <Teleport v-if="isSearchOpen" to="#panel-actions">
       <div :class="[$libStyles.flexColNav]">
-        <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$t('buttons.fromGBDFL')" @click="getContragentFromGBDFL"></base-btn>
-        <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$t('buttons.fromInsis')" @click="getContragent"></base-btn>
-        <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$t('buttons.fromGKB')" @click="getFamilyInfo"></base-btn>
+        <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGBDFL')" @click="getContragentFromGBDFL" />
+        <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromInsis')" @click="getContragent" />
+        <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGKB')" @click="getFamilyInfo" />
       </div>
     </Teleport>
     <Teleport v-if="isDocumentOpen" to="#panel-actions">
       <div :class="[$libStyles.flexColNav]">
-        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')"></base-btn>
-        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')"></base-btn>
+        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
+        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')" />
       </div>
     </Teleport>
     <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
@@ -520,25 +523,25 @@
           <base-rounded-input
             v-if="otpCondition && member.otpTokenId"
             v-model="member.otpCode"
-            :label="$t('form.otpCode')"
+            :label="$dataStore.t('form.otpCode')"
             :maska="$maska.otp"
             :append-inner-icon="hasOtp ? 'mdi-cellphone-message text-[17px]' : ''"
             hide-details
             @keyup.enter.prevent="hasOtp ? checkOtp() : null"
             @input="onOtpCodeInput"
-          ></base-rounded-input>
+          />
         </base-fade-transition>
-        <base-btn v-if="!member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$t('buttons.sendOtp')" @click="sendOtp(false)"></base-btn>
-        <base-btn v-if="member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$t('buttons.check')" @click="checkOtp()"></base-btn>
+        <base-btn v-if="!member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$dataStore.t('buttons.sendOtp')" @click="sendOtp(false)" />
+        <base-btn v-if="member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$dataStore.t('buttons.check')" @click="checkOtp()" />
       </div>
     </Teleport>
-    <base-dialog v-model="familyDialog" :title="$t('dialog.familyMember')" actions="familyDialog">
+    <base-dialog v-model="familyDialog" :title="$dataStore.t('dialog.familyMember')" actions="familyDialog">
       <template #actions>
-        <base-family-dialog :selected="selectedFamilyMember" @selectFamilyMember="selectFamilyMember" @reset="closeFamilyDialog(true)"></base-family-dialog>
+        <base-family-dialog :selected="selectedFamilyMember" @selectFamilyMember="selectFamilyMember" @reset="closeFamilyDialog(true)" />
       </template>
     </base-dialog>
   </section>
-  <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')"></base-scroll-buttons>
+  <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')" />
 </template>
 
 <script lang="ts">