hl-core 0.0.8-beta.2 → 0.0.8-beta.20

package/components/Pages/ProductConditions.vue

@@ -13,6 +13,16 @@
           subtitle="Если несовершеннолетний не достиг возраста 14 лет - законному представителю в соответствии с законодательством Республики Казахстан"
         ></base-form-text-section>
       </base-form-section>
+      <base-form-section v-if="isUnderwriterRole && $dataStore.members.insuredApp.has === true" :title="$t('insuredForm')">
+        <div v-for="(insured, index) of formStore.insuredForm" :key="index">
+          <base-form-input v-model="insured.longName" :label="$t('labels.insurerLongName')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.job" :label="$t('form.job')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.jobPosition" :label="$t('form.jobPosition')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.birthDate" :label="$t('form.birthDate')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.age" :label="$t('form.age')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.gender.nameRu" class="mb-4" :label="$t('form.gender')" :readonly="true"> </base-form-input>
+        </div>
+      </base-form-section>
       <base-form-section v-if="isUnderwriterRole" :title="$t('recalculationInfo')">
         <base-form-input
           v-model="productConditionsForm.lifeMultiply"
@@ -31,6 +41,7 @@
           :rules="$dataStore.rules.recalculationAdditive"
         ></base-form-input>
         <base-form-input
+          v-if="hasAdbMultiply"
           v-model="productConditionsForm.adbMultiply"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
@@ -39,6 +50,7 @@
           :rules="$dataStore.rules.recalculationMultiply"
         ></base-form-input>
         <base-form-input
+          v-if="hasAdbAdditive"
           v-model="productConditionsForm.adbAdditive"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
@@ -64,6 +76,7 @@
         >
         </base-form-input>
         <base-panel-input
+          v-if="hasRiskGroup"
           v-model="productConditionsForm.riskGroup"
           :value="productConditionsForm.riskGroup.nameRu"
           :label="$t('productConditionsForm.riskGroup')"
@@ -108,10 +121,11 @@
           :maska="$maska.numbers"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :rules="$rules.required.concat($rules.numbers, $rules.coverPeriodFrom3to20)"
-          :label="$t('productConditionsForm.coverPeriodFrom3to20')"
+          :rules="coverPeriodRule"
+          :label="$t($dataStore.isGons ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
         ></base-form-input>
         <base-panel-input
+          v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
           :value="productConditionsForm.paymentPeriod.nameRu"
           :readonly="isDisabled"
@@ -121,12 +135,35 @@
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
         ></base-panel-input>
+        <base-panel-input
+          v-if="hasProcessIndexRate"
+          v-model="productConditionsForm.processIndexRate"
+          :value="productConditionsForm.processIndexRate.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.processIndexRate')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
+        ></base-panel-input>
         <base-form-input
           v-model="productConditionsForm.requestedSumInsured"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="requestedSumInsured"
           :label="$t('productConditionsForm.requestedSumInsured')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputSum"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasRequestedSumInsuredInDollar"
+          v-model="productConditionsForm.requestedSumInsuredInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="requestedSumInsured"
+          :label="$t('productConditionsForm.requestedSumInsuredInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputSumDollar"
         ></base-form-input>
         <base-form-input
           v-model="productConditionsForm.insurancePremiumPerMonth"
@@ -134,9 +171,43 @@
           :clearable="!isDisabled"
           :rules="insurancePremiumPerMonth"
           :label="$t('productConditionsForm.insurancePremiumAmount')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputInsurancePremiumPerMonth"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasInsurancePremiumPerMonthInDollar"
+          v-model="productConditionsForm.insurancePremiumPerMonthInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
+          :label="$t('productConditionsForm.insurancePremiumAmountInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputInsurancePremiumPerMonthInDollar"
         ></base-form-input>
+        <base-form-input
+          v-if="hasCurrency && $dataStore.currencies.usd"
+          v-model="$dataStore.currencies.usd"
+          :readonly="true"
+          :label="$t('productConditionsForm.dollarExchangeRateNBRK')"
+          :suffix="$constants.currencySymbols.kzt"
+        ></base-form-input>
+      </base-form-section>
+      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$t('productConditionsForm.additional')">
+        <div v-for="(term, index) of additionalTerms" :key="index">
+          <base-panel-input
+            v-model="additionalTerms[index]"
+            :value="term.coverSumName"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="term.coverTypeName"
+            append-inner-icon="mdi mdi-chevron-right"
+            :suffix="!!term.amount ? `${$dataStore.getNumberWithSpaces(term.amount)} ${currencySymbolsAddTerm}` : ''"
+            @append="openTermPanel(term.coverTypeName, $dataStore.getAdditionalInsuranceTermsAnswers, term.coverTypeId, index)"
+          ></base-panel-input>
+        </div>
       </base-form-section>
     </v-form>
+    <base-btn v-if="isRecalculation && hasCalculated" :btn="$libStyles.greenLightBtn" :text="$t('buttons.toStatement')" @click="toStatement"></base-btn>
     <base-btn
       v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
@@ -163,6 +234,21 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
       </div>
     </Teleport>
+    <Teleport v-if="isTermsPanelOpen" 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>
+        <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
+          <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 === termValue?.coverSumName"
+            @click="pickTermValue(item)"
+          ></base-panel-select-item>
+        </div>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      </div>
+    </Teleport>
   </section>
 </template>
 
@@ -187,13 +273,17 @@ export default defineComponent({
     const isCalculating = ref<boolean>(false);
     const isPanelLoading = ref<boolean>(false);
     const isPanelOpen = ref<boolean>(false);
+    const isTermsPanelOpen = ref<boolean>(false);
     const panelValue = ref<Value>(new Value());
+    const termValue = ref<AddCover>();
     const panelList = ref<Value[]>([]);
     const productConditionsForm = formStore.productConditionsForm;
     const currentPanel = ref<keyof typeof productConditionsForm>();
+    const currentIndex = ref<number>();
     const searchQuery = ref<string>('');
     const whichSum = ref<'insurancePremiumPerMonth' | 'requestedSumInsured' | ''>('');
 
+    const additionalTerms = ref<AddCover[]>([]);
     const isUnderwriterForm = computed(() => {
       if (route.params.taskId === '0 ' || props.isRecalculation === true) {
         return false;
@@ -207,19 +297,108 @@ export default defineComponent({
     const isUnderwriterRole = computed(() => dataStore.isUnderwriter() || dataStore.isAdmin() || dataStore.isSupport());
     const insurancePremiumPerMonth = computed(() => (!!productConditionsForm.insurancePremiumPerMonth ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
     const requestedSumInsured = computed(() => (!!productConditionsForm.requestedSumInsured ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const hasCalculated = computed(() => !!productConditionsForm.requestedSumInsured && !!productConditionsForm.insurancePremiumPerMonth);
+    const hasProcessIndexRate = computed(() => {
+      if (dataStore.isGons || dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasPaymentPeriod = computed(() => {
+      if (dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasRequestedSumInsuredInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasInsurancePremiumPerMonthInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasCurrency = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasAdbMultiply = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const hasAdbAdditive = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const hasRiskGroup = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const coverPeriodRule = computed(() => {
+      const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
+      if (dataStore.isGons) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom3to20);
+      }
+      if (dataStore.isKazyna) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom2to20);
+      }
+      return baseCondition;
+    });
+    const currencySymbolsAddTerm = computed(() => {
+      if (dataStore.isKazyna) {
+        return constants.currencySymbols.usd;
+      }
+      return constants.currencySymbols.kzt;
+    });
+
+    const toStatement = async () => {
+      const statementItem = dataStore.menuItems.find(i => i.id === 'statement');
+      if (statementItem) {
+        dataStore.menu.selectedItem = statementItem;
+        await router.replace({
+          name: 'taskId',
+          query: {
+            ...route.query,
+            tab: 'statement',
+          },
+        });
+      }
+    };
 
     const pickPanelValue = (item: Value) => {
       dataStore.panel.open = false;
       isPanelOpen.value = false;
+      if (!currentPanel.value) return;
       // @ts-ignore
       productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
     };
 
+    const pickTermValue = (item: Value) => {
+      dataStore.panel.open = false;
+      isTermsPanelOpen.value = false;
+      if (typeof currentIndex.value !== 'number') return;
+      additionalTerms.value[currentIndex.value].coverSumId = item.id as string;
+      additionalTerms.value[currentIndex.value].coverSumName = item.nameRu as string;
+    };
+
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
       if (!isDisabled.value || (key === 'riskGroup' && !isRecalculationDisabled.value)) {
         searchQuery.value = '';
         currentPanel.value = key as keyof typeof productConditionsForm;
         isPanelOpen.value = true;
+        isTermsPanelOpen.value = false;
         dataStore.panelAction = null;
         dataStore.panel.open = true;
         dataStore.panel.title = title;
@@ -229,7 +408,7 @@ export default defineComponent({
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
         }
-        panelList.value = newList;
+        panelList.value = filterList(newList, key);
         // @ts-ignore
         panelValue.value = productConditionsForm[currentPanel.value];
         isPanelLoading.value = false;
@@ -238,6 +417,39 @@ export default defineComponent({
       }
     };
 
+    const filterList = (list: Value[], key: string) => {
+      if (dataStore.isBaiterek) {
+        if (dataStore.isManagerHalykBank()) {
+          if (key === 'paymentPeriod') return list.filter(i => i.code !== 'single');
+        }
+      }
+      return list;
+    };
+
+    const openTermPanel = async (title: string, asyncFunction: Function, questionId: string, index: number) => {
+      if (!isDisabled.value) {
+        searchQuery.value = '';
+        currentIndex.value = index;
+        isPanelOpen.value = false;
+        isTermsPanelOpen.value = true;
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+
+        let newList;
+        if (asyncFunction) {
+          isPanelLoading.value = true;
+          newList = await asyncFunction(questionId);
+        }
+        panelList.value = newList;
+        // @ts-ignore
+        termValue.value = additionalTerms.value[index];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
     const underwriterCalculate = async (type: 'sum' | 'premium') => {
       if (!type) return;
       if (type === 'sum') {
@@ -255,6 +467,46 @@ export default defineComponent({
       await submitForm();
     };
 
+    const onInputInsurancePremiumPerMonth = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremiumDollar = getNumber(event.target.value as string);
+        if (calculatedPremiumDollar) {
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonth);
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(calculatedPremiumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputInsurancePremiumPerMonthInDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremium = getNumber(event.target.value as string);
+        if (calculatedPremium) {
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonthInDollar);
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(calculatedPremium * dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSum = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSumDollar = getNumber(event.target.value as string);
+        if (calculatedSumDollar) {
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsured);
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(calculatedSumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSumDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSum = getNumber(event.target.value as string);
+        if (calculatedSum) {
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsuredInDollar);
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(calculatedSum * dataStore.currencies.usd);
+        }
+      }
+    };
+
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -322,11 +574,11 @@ export default defineComponent({
           if (errors) {
             const errorText = errors.querySelector('.v-label.v-field-label');
             if (errorText) {
-              dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorText.innerHTML?.replace(/[-<>!//.]/g, '')));
+              dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorText.innerHTML?.replace(/[-<>!//.]/g, '') }));
             } else {
               const errorFieldText = errors.querySelector('.v-input__control');
               if (errorFieldText) {
-                dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '')));
+                dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '') }));
               }
             }
             errors.scrollIntoView({
@@ -350,17 +602,25 @@ export default defineComponent({
           formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
           productConditionsForm.requestedSumInsured = defaultData.amount;
           productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
-          productConditionsForm.processIndexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
-          productConditionsForm.paymentPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          const indexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
+          if (indexRate) productConditionsForm.processIndexRate = indexRate;
+          const paymendPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          if (paymendPeriod) productConditionsForm.paymentPeriod = paymendPeriod;
           productConditionsForm.signDate = reformatDate(defaultData.signDate);
         }
       }
+      additionalTerms.value = props.isRecalculation ? formStore.additionalInsuranceTermsWithout : formStore.additionalInsuranceTerms;
       if (!!productConditionsForm.insurancePremiumPerMonth) {
         whichSum.value = 'insurancePremiumPerMonth';
       }
       if (!!productConditionsForm.requestedSumInsured) {
         whichSum.value = 'requestedSumInsured';
       }
+      if (dataStore.isKazyna) {
+        const kazynaPaymentPeriod = dataStore.processPaymentPeriod.find(i => i.code === 'single');
+        if (kazynaPaymentPeriod) productConditionsForm.paymentPeriod = kazynaPaymentPeriod;
+        await dataStore.getCurrencies();
+      }
     });
 
     watch(
@@ -395,6 +655,7 @@ export default defineComponent({
       () => {
         if (dataStore.panel.open === false) {
           isPanelOpen.value = false;
+          isTermsPanelOpen.value = false;
           dataStore.panelAction = null;
         }
       },
@@ -406,10 +667,13 @@ export default defineComponent({
       formStore,
       vForm,
       productConditionsForm,
+      additionalTerms,
       isCalculating,
       isPanelLoading,
       isPanelOpen,
+      isTermsPanelOpen,
       panelValue,
+      termValue,
       panelList,
       searchQuery,
       whichSum,
@@ -423,13 +687,33 @@ export default defineComponent({
       requestedSumInsured,
       isRecalculationDisabled,
       isUnderwriterRole,
+      hasProcessIndexRate,
+      hasPaymentPeriod,
+      hasRequestedSumInsuredInDollar,
+      hasInsurancePremiumPerMonthInDollar,
+      hasCurrency,
+      hasAdbMultiply,
+      hasAdbAdditive,
+      hasRiskGroup,
+      hasCalculated,
+      currencySymbolsAddTerm,
+
+      // Rules
+      coverPeriodRule,
 
       // Functions
       submitForm,
       pickPanelValue,
+      pickTermValue,
       openPanel,
+      openTermPanel,
       pickCalculation,
       underwriterCalculate,
+      onInputInsurancePremiumPerMonth,
+      onInputInsurancePremiumPerMonthInDollar,
+      onInputSum,
+      onInputSumDollar,
+      toStatement,
     };
   },
 });

package/components/Panel/PanelHandler.vue

@@ -9,7 +9,7 @@
   </section>
   <section v-if="acceptAction">
     <div :class="[$libStyles.flexColNav]">
-      <base-content-block class="flex flex-col gap-3">
+      <base-content-block v-if="hasConditionsInfo" class="flex flex-col gap-3">
         <span
           >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}₸` }}</b></span
         >
@@ -89,6 +89,27 @@
       </base-fade-transition>
     </div>
   </section>
+  <section v-if="affiliateActions">
+    <div :class="[$libStyles.flexColNav]">
+      <v-form ref="vForm">
+        <base-content-block class="flex flex-col gap-3">
+          <base-form-input v-model="formStore.affilationResolution.number" :rules="$rules.required" :label="$t('form.documentNumber')"></base-form-input>
+          <base-form-input
+            v-model="formStore.affilationResolution.date"
+            :maska="$maska.date"
+            :rules="$rules.required"
+            :label="$t('form.date')"
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          ></base-form-input>
+          <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)"></base-file-input>
+          <base-empty-form-field v-if="affiliationDocument" class="justify-between">
+            {{ `${affiliationDocument.fileTypeName} - ${affiliationDocument.fileName}` }}
+            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i> </base-empty-form-field
+        ></base-content-block>
+      </v-form>
+      <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
+    </div>
+  </section>
 </template>
 
 <script lang="ts">
@@ -103,6 +124,19 @@ export default defineComponent({
     const isSendNumberOpen = ref<boolean>(false);
     const phoneNumber = ref<string | null>(formStore.policyholderForm.phoneNumber ?? '');
     const selectedClient = ref<SignUrlType>();
+    const documentDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Решение АС'));
+    const affiliationDocument = computed(() => formStore.signedDocumentList.find(file => file.fileTypeName === 'Решение АС'));
+    const affiliationData = ref<{
+      processInstanceId: string | number;
+      fileTypeId: string | number | null;
+      fileTypeCode: string | number | null;
+      fileName?: string | number | null;
+    }>({
+      processInstanceId: formStore.applicationData.processInstanceId,
+      fileTypeId: documentDict.value ? documentDict.value.id : '',
+      fileTypeCode: documentDict.value ? documentDict.value.code : '',
+    });
+    const affiliationFormData = ref(new FormData());
 
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
@@ -121,6 +155,17 @@ export default defineComponent({
       dataStore.panelAction = null;
     };
 
+    const onFileChange = (event: InputEvent) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length && files[0].name !== affiliationData.value.fileName) {
+          affiliationData.value.fileName = files[0].name;
+          affiliationFormData.value.append('file', files[0]);
+          affiliationFormData.value.append('fileData', JSON.stringify([affiliationData.value]));
+        }
+      }
+    };
+
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -128,8 +173,21 @@ export default defineComponent({
           switch (dataStore.panelAction) {
             case constants.actions.pay:
               await dataStore.sendSMS('PayUrl', phoneNumber.value, formStore.epayLink);
+              break;
             case constants.actions.sign:
               await dataStore.sendSMS('SignUrl', phoneNumber.value, selectedClient.value?.uri);
+              break;
+            case constants.actions.affiliate:
+              formStore.affilationResolution.processInstanceId = formStore.applicationData.processInstanceId;
+              let uploaded, confirmed;
+              confirmed = await dataStore.setConfirmation();
+              if (affiliationData.value.fileName) {
+                uploaded = await dataStore.uploadFiles(affiliationFormData.value);
+              }
+              if ((affiliationData.value.fileName && confirmed && uploaded) || (!affiliationData.value.fileName && confirmed)) {
+                await handleTask();
+              }
+              break;
             default:
               await handleTask();
           }
@@ -157,6 +215,10 @@ export default defineComponent({
           return dataStore.t('buttons.sign');
         case constants.actions.pay:
           return dataStore.t('buttons.pay');
+        case constants.actions.register:
+          return dataStore.t('buttons.register');
+        case constants.actions.affiliate:
+          return dataStore.t('buttons.send');
       }
     });
 
@@ -176,9 +238,16 @@ export default defineComponent({
     const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept);
     const signingActions = computed(() => dataStore.panelAction === constants.actions.sign);
     const payingActions = computed(() => dataStore.panelAction === constants.actions.pay);
+    const affiliateActions = computed(() => dataStore.panelAction === constants.actions.affiliate);
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
     const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
     const requestedSumInsured = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured));
+    const hasConditionsInfo = computed(() => {
+      if (dataStore.isFinCenter()) {
+        return false;
+      }
+      return true;
+    });
 
     return {
       // State
@@ -196,6 +265,7 @@ export default defineComponent({
       handleTask,
       openSmsPanel,
       openEpayPanel,
+      onFileChange,
 
       // Computed
       buttonText,
@@ -203,9 +273,12 @@ export default defineComponent({
       signingActions,
       payingActions,
       acceptAction,
+      affiliateActions,
       paymentPeriod,
       insurancePremiumPerMonth,
       requestedSumInsured,
+      affiliationDocument,
+      hasConditionsInfo,
     };
   },
 });

package/components/Utilities/JsonViewer.vue

@@ -0,0 +1,27 @@
+<template>
+  <vue-json-pretty
+    :data="(data as JSONDataType)"
+    :show-icon="true"
+    :show-line="true"
+    :show-line-number="true"
+    :show-double-quotes="true"
+    :show-key-value-space="true"
+    :collapsed-on-click-brackets="true"
+    :deep="4"
+  ></vue-json-pretty>
+</template>
+
+<script lang="ts">
+import VueJsonPretty from 'vue-json-pretty';
+import 'vue-json-pretty/lib/styles.css';
+import { JSONDataType } from 'vue-json-pretty/types/utils';
+
+export default defineComponent({
+  components: { VueJsonPretty },
+  props: {
+    data: {
+      required: false,
+    },
+  },
+});
+</script>