hl-core 0.0.9-beta.50 → 0.0.9-beta.51

package/components/Pages/MemberForm.vue

@@ -23,12 +23,32 @@
         </div>
         <v-btn class="ml-2" icon="mdi-plus !text-[24px]" @click="memberStore.addMember(whichForm)" size="small" color="#A0B3D8" variant="tonal" />
       </div>
+      <base-form-section
+        v-if="$dataStore.hasFamilyTiesSection(whichForm)"
+        :title="$dataStore.t('pension.familyTies')"
+        :class="[memberSetting && memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']"
+      >
+        <base-form-toggle v-model="isRelative" :disabled="isDisabled" :title="$dataStore.t('pension.ifHasRelationBeneficiary')" :has-border="false" :show-value="false" />
+        <base-fade-transition>
+          <div class="flex flex-col gap-[1px]" v-if="isRelative">
+            <base-panel-input
+              v-model="formStore.applicationData.insuredApp.iin"
+              :maska="$maska.iin"
+              :readonly="isDisabled"
+              :clearable="false"
+              :label="$dataStore.t('pension.insuredIIN')"
+              append-inner-icon="mdi mdi-chevron-right"
+              @append="searchMember"
+            />
+          </div>
+        </base-fade-transition>
+      </base-form-section>
       <base-form-section
         :title="$dataStore.t('form.personalData')"
         :class="[memberSetting && memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']"
       >
         <base-panel-input
-          v-if="$dataStore.isLifetrip"
+          v-if="$dataStore.isLifetrip || $dataStore.isPension"
           v-model="member.signOfResidency"
           :value="member.signOfResidency?.nameRu"
           :label="$dataStore.t('form.signOfResidency')"
@@ -50,7 +70,7 @@
           :maska="$maska.phone"
           :readonly="!!isDisabled || !!isIinPhoneDisabled"
           :clearable="!isDisabled"
-          :append-inner-icon="otpCondition ? 'mdi mdi-phone-message' : ''"
+          :append-inner-icon="otpCondition ? `${$dataStore.isPension ? 'mdi-message-text' : 'mdi mdi-phone-message'}` : ''"
           @append="openCustomPanel('otp')"
           @keyup.enter.prevent="otpCondition ? openCustomPanel('otp') : null"
           :rules="phoneRule"
@@ -115,7 +135,29 @@
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         />
-        <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :readonly="true" :clearable="!isDisabled" :rules="ageRule" />
+        <div v-if="$dataStore.isPension">
+          <base-panel-input
+            v-model="member.countryOfCitizenship"
+            :value="member.countryOfCitizenship?.nameRu"
+            :label="$dataStore.t('form.countryOfCitizenship')"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :rules="$rules.objectRequired"
+            append-inner-icon="mdi mdi-chevron-right"
+            @append="openPanel($dataStore.t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
+          />
+          <base-panel-input
+            v-model="member.birthPlace"
+            :value="member.birthPlace?.nameRu"
+            :label="$dataStore.t('form.birthData')"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :rules="$rules.objectRequired"
+            append-inner-icon="mdi mdi-chevron-right"
+            @append="openPanel($dataStore.t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
+          />
+        </div>
+        <base-form-input v-if="!$dataStore.isPension" 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"
@@ -157,6 +199,27 @@
           :rules="$rules.required.concat($rules.numbers)"
         />
       </base-form-section>
+
+      <base-form-section
+        v-if="$dataStore.isPension && (whichForm === formStore.insuredFormKey || whichForm === formStore.beneficiaryFormKey)"
+        :title="$dataStore.t('pension.disabilityInfo')"
+      >
+        <base-form-toggle v-model="hasDisability" :title="$dataStore.t('pension.ifHasDisability')" :disabled="isDisabled" :has-border="false" />
+        <base-animation>
+          <div class="flex flex-col gap-[1px]" v-if="hasDisability">
+            <base-panel-input
+              v-model="member.disabilityGroup"
+              :value="member.disabilityGroup?.nameRu"
+              :readonly="isDisabled"
+              :clearable="!isDisabled"
+              :label="$dataStore.t('pension.disabilityGroup')"
+              :rules="$rules.objectRequired"
+              append-inner-icon="mdi mdi-chevron-right"
+              @append="openPanel($dataStore.t('pension.disabilityGroup'), $dataStore.disabilityGroups, 'disabilityGroup', $dataStore.getDisabilityGroups)"
+            />
+          </div>
+        </base-animation>
+      </base-form-section>
       <base-form-section :title="$dataStore.t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
         <base-form-input
           v-model.trim="member.fullNameRod"
@@ -427,7 +490,7 @@
           />
         </base-fade-transition>
         <base-panel-input
-          v-if="!$dataStore.isLifetrip"
+          v-if="!$dataStore.isLifetrip && !$dataStore.isPension"
           v-model="member.signOfResidency"
           :value="member.signOfResidency?.nameRu"
           :label="$dataStore.t('form.signOfResidency')"
@@ -464,7 +527,7 @@
           v-if="hasSignOfIPDL"
           v-model="member.signOfIPDL"
           :value="member.signOfIPDL?.nameRu"
-          :label="$dataStore.t('form.signOfIPDL')"
+          :label="$dataStore.isPension ? $dataStore.t('form.signOfPDL') : $dataStore.t('form.signOfIPDL')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -472,6 +535,7 @@
           @append="openPanel($dataStore.t('form.signOfIPDL'), $dataStore.ipdl, 'signOfIPDL')"
         />
         <base-panel-input
+          v-if="!$dataStore.isPension"
           v-model="member.countryOfCitizenship"
           :value="member.countryOfCitizenship?.nameRu"
           :label="$dataStore.t('form.countryOfCitizenship')"
@@ -503,6 +567,61 @@
           @append="openPanel($dataStore.t('form.insurancePay'), $dataStore.insurancePay, 'insurancePay', $dataStore.getInsurancePay)"
         />
       </base-form-section>
+      <base-form-section v-if="$dataStore.hasBankSection(whichForm)" :title="$dataStore.t('bankDetailsForm.title')">
+        <base-form-input
+          v-model="member.bankInfo.iik"
+          :label="$dataStore.t('clients.form.iik')"
+          :maska="$maska.iik"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.required.concat($rules.iik)"
+        />
+        <base-panel-input
+          v-model="member.bankInfo.bankName"
+          :value="member.bankInfo.bankName.nameRu"
+          :label="$dataStore.t('clients.form.nameBank')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('clients.form.nameBank'), [], 'bankInfo', $dataStore.getBanks, '', 'bankName')"
+        />
+        <base-form-input
+          v-model.trim="member.bankInfo.bin"
+          :label="$dataStore.t('form.bin')"
+          :maska="$maska.iin"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.required.concat($rules.iinRight)"
+        />
+        <base-form-input v-model="member.bankInfo.bik" :label="$dataStore.t('clients.form.bik')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
+      </base-form-section>
+      <base-form-section v-if="$dataStore.hasAdditionalDocumentsSection(whichForm)" :title="$dataStore.t('form.phDocuments')">
+        <base-file-input
+          :label="$dataStore.t('form.identyDocument')"
+          :disabled="isDisabled"
+          :clearable="!isDisabled"
+          icon="mdi-paperclip"
+          @input="attachFile($event, '1')"
+          :rules="$rules.required"
+        />
+        <base-file-input
+          :label="$dataStore.t('form.bankStatement')"
+          :disabled="isDisabled"
+          :clearable="!isDisabled"
+          icon="mdi-paperclip"
+          @input="attachFile($event, '10')"
+          :rules="$rules.required"
+        />
+        <base-file-input
+          :label="$dataStore.t('pension.ENPFnote')"
+          :disabled="isDisabled"
+          :clearable="!isDisabled"
+          icon="mdi-paperclip"
+          @input="attachFile($event, '8')"
+          :rules="$rules.required"
+        />
+      </base-form-section>
       <base-form-section :title="$dataStore.t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
         <base-form-input
           v-model="member.homePhone"
@@ -635,6 +754,11 @@ export default {
     const searchQuery = ref<string>('');
     const fileData = ref<{ file: any }>();
     const imageDataList = ref<string[]>([]);
+    const isRelative = ref<boolean>(false);
+
+    const currentPanelDeep = ref<string>();
+    const currentPanelSubDeep = ref<string>();
+    const hasDisability = ref<boolean>(false);
 
     const memberSetting = computed(() => dataStore.members[memberStore.getMemberApplicationCode(whichForm.value)!]);
     const hasOtp = computed(() => member.value.otpCode && member.value.otpCode.length === useMask().otp.length);
@@ -649,6 +773,10 @@ export default {
           case formStore.policyholderFormKey:
             return true;
           case formStore.insuredFormKey:
+            if (dataStore.isPension) {
+              return true;
+            }
+            return route.params.taskId !== '0';
           case formStore.beneficiaryFormKey:
           case formStore.beneficialOwnerFormKey:
           case formStore.policyholdersRepresentativeFormKey:
@@ -722,7 +850,7 @@ export default {
       return true;
     });
     const hasRelationDegree = computed(() => {
-      if (dataStore.isLifetrip) {
+      if (dataStore.isLifetrip || dataStore.isPension) {
         return false;
       }
       if ((whichForm.value === formStore.beneficiaryFormKey || whichForm.value === formStore.insuredFormKey) && member.value.iin !== formStore.policyholderForm.iin) {
@@ -731,7 +859,7 @@ export default {
       return false;
     });
     const hasFamilyStatus = computed(() => {
-      if (dataStore.isLifetrip) {
+      if (dataStore.isLifetrip || dataStore.isPension) {
         return false;
       }
       if (whichForm.value === formStore.beneficiaryFormKey) {
@@ -833,8 +961,10 @@ export default {
       switch (whichForm.value) {
         case formStore.policyholderFormKey:
           return route.params.taskId === '0';
-        case formStore.policyholdersRepresentativeFormKey:
         case formStore.insuredFormKey:
+          if (dataStore.isPension) return route.params.taskId === '0';
+          return route.query.id === '0';
+        case formStore.policyholdersRepresentativeFormKey:
         case formStore.beneficiaryFormKey:
         case formStore.beneficialOwnerFormKey:
           return route.query.id === '0';
@@ -886,7 +1016,7 @@ export default {
       dataStore.rightPanel.open = true;
     };
 
-    const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
+    const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string, deepKey?: string, subDeepKey?: string) => {
       if (!isDisabled.value) {
         isSearchOpen.value = false;
         isDocumentOpen.value = false;
@@ -907,10 +1037,35 @@ export default {
         let newList = list;
         if (asyncFunction) {
           isPanelLoading.value = true;
-          newList = await asyncFunction(filterKey, member.value);
+          const filterKeys: any = {};
+          if (!!subDeepKey) {
+            filterKeys.key = key;
+            filterKeys.deepKey = deepKey;
+            filterKeys.subDeepKey = filterKey;
+          } else {
+            if (!!deepKey) {
+              filterKeys.key = key;
+              filterKeys.deepKey = filterKey;
+            } else {
+              filterKeys.key = filterKey;
+            }
+          }
+          newList = await asyncFunction(filterKey, member.value, filterKeys);
         }
         panelList.value = filterList(newList, key);
-        panelValue.value = member.value[currentPanel.value];
+        panelValue.value = !!deepKey
+          ? !!subDeepKey
+            ? //@ts-ignore
+              member.value[currentPanel.value][deepKey as any][subDeepKey as any]
+            : //@ts-ignore
+              member.value[currentPanel.value][deepKey as any]
+          : member.value[currentPanel.value];
+        if (!!deepKey) {
+          currentPanelDeep.value = deepKey;
+          if (!!subDeepKey) {
+            currentPanelSubDeep.value = subDeepKey;
+          }
+        }
         isPanelLoading.value = false;
       } else {
         dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
@@ -934,11 +1089,24 @@ export default {
     };
 
     const pickPanelValue = (item: Value) => {
+      if (!currentPanel.value) return;
       if (formStore.isDisabled[whichForm.value as keyof typeof formStore.isDisabled] === false) {
         dataStore.rightPanel.open = false;
         isPanelOpen.value = false;
-        // @ts-ignore
-        member.value[currentPanel.value] = item.nameRu === null ? new Value() : item;
+        if (!!currentPanelDeep.value) {
+          if (!!currentPanelSubDeep.value) {
+            //@ts-ignore
+            member.value[currentPanel.value][currentPanelDeep.value][currentPanelSubDeep.value] = item.nameRu === null ? new Value() : item;
+          } else {
+            //@ts-ignore
+            member.value[currentPanel.value][currentPanelDeep.value] = item.nameRu === null ? new Value() : item;
+          }
+        } else {
+          // @ts-ignore
+          member.value[currentPanel.value] = item.nameRu === null ? new Value() : item;
+        }
+        currentPanelDeep.value = '';
+        currentPanelSubDeep.value = '';
       } else {
         dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
       }
@@ -967,12 +1135,12 @@ export default {
       }
     };
 
-    const attachFile = (event: InputEvent) => {
+    const attachFile = (event: InputEvent, code?: string) => {
       if (event.target) {
-        fileData.value = { file: (event.target as HTMLInputElement).files };
+        fileData.value = code ? { file: (event.target as HTMLInputElement).files } : { file: (event.target as HTMLInputElement).files };
       } else {
         if (event.dataTransfer) {
-          fileData.value = { file: (event.dataTransfer as DataTransfer).files };
+          fileData.value = code ? { file: (event.dataTransfer as DataTransfer).files } : { file: (event.dataTransfer as DataTransfer).files };
         }
       }
     };
@@ -1191,10 +1359,10 @@ export default {
       }
       const isInsured = formStore.isPolicyholderInsured;
       const remoteIsInsured = ref<boolean | null>(null);
-      if (whichForm.value == formStore.policyholderFormKey) {
+      if (whichForm.value == formStore.policyholderFormKey || (dataStore.isPension && whichForm.value == formStore.insuredFormKey)) {
         if (route.params.taskId === '0') {
           try {
-            const taskId = await dataStore.startApplication(member.value);
+            const taskId = await dataStore.startApplication(member.value, dataStore.isPension ? (String(route.query.type) === 'joint' ? 4 : 1) : undefined);
             if (typeof taskId === 'string') {
               await dataStore.getApplicationData(taskId, false, false, false, false);
               remoteIsInsured.value = formStore.applicationData.clientApp.isInsured;
@@ -1243,6 +1411,25 @@ export default {
       }
       if (whichForm.value === formStore.insuredFormKey) {
         wasInsuredAction.value = true;
+        if (dataStore.isPension) {
+          formStore.applicationData.pensionApp = {
+            ...formStore.applicationData.pensionApp,
+            account: member.value.bankInfo.iik,
+            bankBik: member.value.bankInfo.bik,
+            bankBin: member.value.bankInfo.bankName.ids,
+            bankId: member.value.bankInfo.bankName.id,
+            bankName: member.value.bankInfo.bankName.nameRu,
+            guaranteedPeriod: 0,
+            amount: 0,
+            compulsoryContractAmount: 0,
+            voluntaryContractAmount: 0,
+            ownFundsRaisAmount: 0,
+            compulsoryProfContractAmount: 0,
+          };
+          const isApplicationSaved = await dataStore.setApplication();
+          if (isApplicationSaved === false) return;
+          dataStore.showToaster('info', dataStore.t('toaster.needToRecalculate'), 5000);
+        }
       }
       await router.replace({
         name: route.name!,
@@ -1266,6 +1453,9 @@ export default {
     };
 
     const validateAgreement = () => {
+      if (dataStore.isPension && whichForm.value === formStore.policyholdersRepresentativeFormKey) {
+        return true;
+      }
       if (whichForm.value === formStore.beneficiaryFormKey) {
         if (member.value.age !== null && Number(member.value.age) < 18) {
           return true;
@@ -1309,6 +1499,22 @@ export default {
             if (typeof ESBDResponse === 'object' && ESBDResponse.errorCode === 0) {
               member.value.verifyType = 'ESBD';
               member.value.verifyDate = ESBDResponse.verifiedDate;
+
+              if (member.value.bankInfo.iik.length === useMask().iik.length) {
+                const isValidIik = await dataStore.checkAccountNumber(member.value.bankInfo.iik);
+                if (isValidIik === false) {
+                  dataStore.showToaster('error', dataStore.t('error.notValidIik'));
+                  member.value.bankInfo.iik = '';
+                  isSubmittingForm.value = false;
+                  return;
+                }
+                if (formStore.applicationData.pensionApp) {
+                  formStore.applicationData.pensionApp.account = member.value.bankInfo.iik;
+                  formStore.applicationData.pensionApp.bankBik = member.value.bankInfo.bik;
+                  formStore.applicationData.pensionApp.bankBin = member.value.bankInfo.bin;
+                  formStore.applicationData.pensionApp.bankId = member.value.bankInfo.bankName.id;
+                }
+              }
               const hasMemberSaved = await saveMember();
             } else {
               dataStore.isLoading = false;
@@ -1473,8 +1679,8 @@ export default {
         // if (filteredDocuments && filteredDocuments.length) memberDocument.value = filteredDocuments[0];
       }
       await setDefaultValues();
+      if (Number(formStore.applicationData.processCode) === 4) dataStore.members.insuredApp.isMultiple = true;
     };
-
     onMounted(async () => {
       await onInit();
     });
@@ -1545,6 +1751,8 @@ export default {
           isSearchOpen.value = false;
           isOtpPanelOpen.value = false;
           dataStore.panelAction = null;
+          currentPanelDeep.value = '';
+          currentPanelSubDeep.value = '';
         }
       },
       { immediate: true },
@@ -1579,6 +1787,17 @@ export default {
         },
       );
     }
+    if (dataStore.isPension) {
+      watch(
+        () => member.value.bankInfo.bankName,
+        val => {
+          if (val) {
+            member.value.bankInfo.bik = val.code as string;
+            member.value.bankInfo.bin = reformatIin(val.ids as string);
+          }
+        },
+      );
+    }
 
     return {
       // State
@@ -1605,8 +1824,9 @@ export default {
       selectedIndex,
       selectedFamilyMember,
       sameAddress,
+      hasDisability,
+      isRelative,
       imageDataList,
-
       // Computed
       whichForm,
       whichIndex,