hl-core 0.0.10-beta.20 → 0.0.10-beta.22

package/components/Pages/ProductConditions.vue

@@ -1,6 +1,6 @@
 <template>
-  <section class="flex flex-col gap-4 px-[10px]">
-    <v-form ref="vForm" @submit="submitForm" class="overflow-y-scroll" :class="[!$dataStore.isCalculator && isCalculator && hasCalculated ? 'max-h-[73svh]' : 'max-h-[80svh]']">
+  <section class="flex flex-col gap-4 px-[10px]" :class="[$styles.scrollPage]">
+    <v-form ref="vForm" @submit="submitForm">
       <base-message-block
         v-if="isCalculator"
         class="mt-4"
@@ -300,7 +300,14 @@
         />
       </base-form-section>
       <section v-if="whichProduct === 'pensionannuitynew'">
-        <base-btn v-if="formStore.applicationData.processCode === 19 && !isDisabled" :text="$dataStore.t('buttons.copyToClient')" class="mt-4" @click="copyRedirect" />
+        <base-animation>
+          <base-btn
+            v-if="formStore.applicationData.processCode === 19 && !isDisabled"
+            :text="$dataStore.t('buttons.copyToClient')"
+            class="mt-4 min-h-[60px]"
+            @click="copyRedirect"
+          />
+        </base-animation>
         <base-form-section :title="$dataStore.t('pension.compulsoryAmount&Prof')">
           <base-form-input
             v-model="pensionCalculationParams.compulsoryContractAmount"
@@ -341,48 +348,43 @@
             :label="$dataStore.t('pension.ownFundsRaisAmount')"
           />
         </base-form-section>
-        <base-form-section :title="$dataStore.t('pension.companyName')">
-          <base-panel-input
-            v-model="pensionForm.transferContractCompany"
-            :value="pensionForm.transferContractCompany?.nameRu"
-            :label="$dataStore.t('pension.transferContractCompany')"
-            :readonly="isDisabled"
-            :clearable="!isDisabled"
-            append-inner-icon="mdi mdi-chevron-right"
-            @append="openPanel($dataStore.t('pension.transferContractCompany'), $dataStore.transferContractCompanies, 'transferContractCompany', $dataStore.getInsuranceCompanies)"
-          />
-          <base-form-input
-            v-model="transferContractDate"
-            :maska="$maska.date"
-            :label="$dataStore.t('pension.contractDate')"
-            :readonly="isDisabled"
-            :clearable="!isDisabled"
-            append-inner-icon="mdi mdi-calendar-blank-outline"
-            :rules="pensionForm.transferContractCompany?.ids ? $rules.required.concat($rules.date) : []"
-          />
-          <base-form-input
-            v-model="pensionForm.transferContractNumber"
-            :label="$dataStore.t('pension.globalId')"
-            :readonly="isDisabled"
-            :clearable="!isDisabled"
-            :rules="pensionForm.transferContractCompany?.ids ? $rules.required : []"
-          />
-          <base-form-input
-            v-model="transferContractFirstPaymentDate"
-            :maska="$maska.date"
-            :label="$dataStore.t('pension.transferContractFirstPaymentDate')"
-            append-inner-icon="mdi mdi-calendar-blank-outline"
-            :readonly="isDisabled"
-            :clearable="!isDisabled"
-            :rules="pensionForm.transferContractCompany?.ids ? $rules.required.concat($rules.date) : []"
-          />
-          <base-form-input
-            v-model="pensionCalculationParams.transferContractAmount"
-            :maska="$maska.numbers"
-            :label="$dataStore.t('pension.transferContractAmount')"
-            :rules="pensionForm.transferContractCompany?.ids ? $rules.required : []"
-          />
-          <base-form-toggle v-model="pensionForm.transferContractIsOppv" :disabled="isDisabled" :has-border="false" :title="$dataStore.t('pension.isOPPVTransfer')" />
+        <base-form-section v-if="formStore.applicationData.processCode !== 2" :title="$dataStore.t('pension.companyName')">
+          <base-btn :text="$dataStore.t('buttons.add')" size="sm" :btn="$styles.blueBtn" @click="addTransferContract" />
+          <section v-for="(contract, index) in transferContracts" class="py-2">
+            <base-panel-input
+              v-model="contract.transferContractCompany"
+              :value="contract.transferContractCompany?.nameRu"
+              :label="$dataStore.t('pension.transferContractCompany')"
+              :readonly="isDisabled"
+              :clearable="!isDisabled"
+              append-inner-icon="mdi mdi-chevron-right"
+              @append="
+                openPanel($dataStore.t('pension.transferContractCompany'), $dataStore.transferContractCompanies, 'transferContractCompany', $dataStore.getInsuranceCompanies)
+              "
+              @click="contractIndex = index"
+            />
+            <base-form-input
+              v-model="contract.transferContractDate"
+              :maska="$maska.date"
+              :label="$dataStore.t('pension.contractDate')"
+              :readonly="isDisabled"
+              :clearable="!isDisabled"
+              append-inner-icon="mdi mdi-calendar-blank-outline"
+            />
+            <base-form-input v-model="contract.transferContractNumber" :label="$dataStore.t('pension.globalId')" :readonly="isDisabled" :clearable="!isDisabled" />
+            <base-form-input v-model="contract.transferContractRegNumber" :label="$dataStore.t('pension.transferRegNumber')" :readonly="isDisabled" :clearable="!isDisabled" />
+            <base-form-input
+              v-model="contract.transferContractFirstPaymentDate"
+              :maska="$maska.date"
+              :label="$dataStore.t('pension.transferContractFirstPaymentDate')"
+              append-inner-icon="mdi mdi-calendar-blank-outline"
+              :readonly="isDisabled"
+              :clearable="!isDisabled"
+            />
+            <base-form-input v-model="contract.transferContractAmount" :maska="$maska.numbers" :label="$dataStore.t('pension.transferContractAmount')" />
+            <base-form-toggle v-model="contract.transferContractIsOppv" :disabled="isDisabled" :has-border="false" :title="$dataStore.t('pension.isOPPVTransfer')" />
+            <base-btn :text="$dataStore.t('buttons.delete')" size="sm" :btn="$styles.whiteBtn" @click="removeTransferContract(index)" />
+          </section>
         </base-form-section>
         <base-form-section :title="$dataStore.t('pension.paymentTerms')">
           <base-form-input
@@ -626,17 +628,46 @@
         </div>
       </base-form-section>
     </v-form>
-    <base-btn v-if="!$dataStore.isCalculator && isCalculator && hasCalculated" :btn="$styles.greenLightBtn" :text="$dataStore.t('buttons.toStatement')" @click="toStatement" />
-    <base-btn v-if="!isDisabled && $dataStore.isPension && isTask" :text="$dataStore.t('buttons.save')" :loading="$dataStore.isLoading" type="submit" @click="submitForm" />
-    <base-btn
-      v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter()) && !$dataStore.isPension"
-      :loading="isCalculating"
-      :text="$dataStore.t('buttons.calculate')"
-      @click="submitForm"
-    />
+    <base-animation>
+      <base-btn
+        v-if="!$dataStore.isCalculator && isCalculator && hasCalculated"
+        :btn="$styles.greenLightBtn"
+        :text="$dataStore.t('buttons.toStatement')"
+        class="min-h-[60px]"
+        @click="toStatement"
+      />
+    </base-animation>
+    <base-animation>
+      <base-btn
+        v-if="!isDisabled && $dataStore.isPension && isTask"
+        :text="$dataStore.t('buttons.save')"
+        :loading="$dataStore.isLoading"
+        class="min-h-[60px]"
+        type="submit"
+        @click="submitForm"
+      />
+    </base-animation>
+    <base-animation>
+      <base-btn
+        v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter()) && !$dataStore.isPension"
+        :loading="isCalculating"
+        class="min-h-[60px]"
+        :text="$dataStore.t('buttons.calculate')"
+        @click="submitForm"
+      />
+    </base-animation>
     <div v-if="$dataStore.isTask() && $dataStore.isUnderwriter() && !isRecalculationDisabled" class="flex gap-3">
-      <base-btn :text="$dataStore.t('buttons.calcSum')" v-if="hasCalcSum" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
-      <base-btn :text="$dataStore.t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
+      <base-animation>
+        <base-btn
+          v-if="hasCalcSum"
+          class="min-h-[60px]"
+          :text="$dataStore.t('buttons.calcSum')"
+          type="submit"
+          @click.prevent="underwriterCalculate('sum')"
+          :loading="isCalculating"
+        />
+      </base-animation>
+      <base-btn class="min-h-[60px]" :text="$dataStore.t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
     </div>
     <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
@@ -702,7 +733,7 @@
 </template>
 
 <script lang="ts">
-import { Member, Value, CountryValue, CalculatorForm } from '../../composables/classes';
+import { Member, Value, CountryValue, CalculatorForm, TransferContract } from '../../composables/classes';
 import type { Projects, AddCover, AddCoverAnswer } from '../../types';
 
 export default defineComponent({
@@ -753,6 +784,9 @@ export default defineComponent({
     const pensionForm = formStore.applicationData?.pensionApp ?? undefined;
     const isEnpfSum = (formStore.applicationData?.isEnpfSum ?? false) && useEnv().isProduction;
 
+    const transferContracts = ref<TransferContract[]>([]);
+    const contractsValue = ref<Value[]>([]);
+    const contractIndex = ref<number>(0);
     const isMultiplePanelOpen = ref<boolean>(false);
     const multiplePanelValue = ref<CountryValue>(new CountryValue());
     const multiplePanelList = ref<CountryValue[]>([]);
@@ -1053,15 +1087,19 @@ export default defineComponent({
       compulsoryProfContractAmount:
         pensionForm && pensionForm.compulsoryProfContractAmount && pensionForm.compulsoryProfContractAmount != 0 ? pensionForm.compulsoryProfContractAmount : null,
       transferContractAmount: pensionForm && pensionForm.transferContractAmount && pensionForm.transferContractAmount != 0 ? pensionForm.transferContractAmount : null,
+      transferContractCompany: pensionForm && pensionForm.transferContractCompany ? pensionForm.transferContractCompany : null,
     });
 
+    const contractsAmount = computed(() => transferContracts.value?.reduce((accumulator, currentValue) => accumulator + currentValue.transferContractAmount, 0));
+
     const pensionAmount = computed(() =>
       pensionCalculationParams.value
         ? (Number(pensionCalculationParams.value.compulsoryContractAmount) ?? 0) +
           (Number(pensionCalculationParams.value.voluntaryContractAmount) ?? 0) +
           (Number(pensionCalculationParams.value.ownFundsRaisAmount) ?? 0) +
           (Number(pensionCalculationParams.value.compulsoryProfContractAmount) ?? 0) +
-          (Number(pensionCalculationParams.value.transferContractAmount) ?? 0)
+          (Number(pensionCalculationParams.value.transferContractAmount) ?? 0) +
+          Number(contractsAmount.value)
         : 0,
     );
 
@@ -1107,8 +1145,12 @@ export default defineComponent({
         // @ts-ignore
         calculatorForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
       } else if (whichProduct.value === 'pensionannuitynew') {
-        // @ts-ignore
-        pensionForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+        if (currentPanel.value === 'transferContractCompany') {
+          transferContracts.value[contractIndex.value].transferContractCompany = item;
+        } else {
+          // @ts-ignore
+          pensionForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+        }
       } else {
         // @ts-ignore
         productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
@@ -1445,6 +1487,14 @@ export default defineComponent({
       return term.coverTypeName;
     };
 
+    const addTransferContract = () => {
+      transferContracts.value.push(new TransferContract());
+    };
+
+    const removeTransferContract = (index: number) => {
+      transferContracts.value.splice(index, 1);
+    };
+
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -1455,6 +1505,9 @@ export default defineComponent({
               if (formattedStartDate && formattedEndDate && formattedStartDate.getTime() >= formattedEndDate.getTime()) {
                 return dataStore.showToaster('error', dataStore.t('toaster.startMoreEnd'));
               }
+              if (calculatorForm.days !== productConditionsForm.getSingleTripDays()) {
+                return dataStore.showToaster('error', dataStore.t('toaster.daysPickAgain'));
+              }
             }
             if (dataStore.isTask()) {
               await dataStore.calculatePrice(route.params.taskId as string);
@@ -1462,15 +1515,21 @@ export default defineComponent({
               await dataStore.calculatePrice();
             }
           } else if (whichProduct.value === 'pensionannuitynew') {
-            if (
-              pensionCalculationParams.value &&
-              pensionCalculationParams.value.compulsoryProfContractAmount &&
-              pensionForm &&
-              pensionForm.compulsoryProfContractAmount != 0 &&
-              pensionForm.compulsoryProfMonthCount < 60
-            ) {
-              dataStore.showToaster('error', 'Минимальное число дней уплаты ОППВ должно быть больше 60');
-              return;
+            const formatedContracts: Array<TransferContract> = [];
+            if (transferContracts.value && transferContracts.value.length) {
+              transferContracts.value.forEach((i, index) => {
+                const formatedContractDate = formatDate(transferContracts.value[index].transferContractDate);
+                const formatedFirstPaymentDate = formatDate(transferContracts.value[index].transferContractFirstPaymentDate);
+                const formatedNameRu = String(transferContracts.value[index].transferContractCompany?.nameRu);
+                formatedContracts.push({
+                  ...transferContracts.value[index],
+                  transferContractDate: formatedContractDate?.toISOString() ?? '',
+                  transferContractFirstPaymentDate: formatedFirstPaymentDate?.toISOString() ?? '',
+                  // @ts-ignore
+                  transferContractCompany: formatedNameRu,
+                  id: transferContracts.value[index].id ?? null,
+                });
+              });
             }
             const data = {
               ...pensionForm,
@@ -1481,10 +1540,9 @@ export default defineComponent({
                 ownFundsRaisAmount: Number(pensionCalculationParams.value.ownFundsRaisAmount),
                 compulsoryProfContractAmount: Number(pensionCalculationParams.value.compulsoryProfContractAmount),
                 transferContractAmount: Number(pensionCalculationParams.value.transferContractAmount),
+                transferContractCompany: pensionForm?.transferContractCompany?.nameRu ?? '',
               }),
-              transferContractCompany: pensionForm.transferContractCompany?.nameRu ?? null,
-              transferContractDate: transferContractDate.value ? formatDate(transferContractDate.value) : null,
-              transferContractFirstPaymentDate: transferContractFirstPaymentDate.value ? formatDate(transferContractFirstPaymentDate.value) : null,
+              transferContracts: formatedContracts,
             };
             await dataStore.setApplication(data, true);
           } else {
@@ -1671,6 +1729,14 @@ export default defineComponent({
         transferContractDate.value = reformatDate(formStore.applicationData.pensionApp.transferContractDate);
         transferContractFirstPaymentDate.value = reformatDate(formStore.applicationData.pensionApp.transferContractFirstPaymentDate);
         maxDate.value = await dataStore.getVariableData(formStore.applicationData.processCode ?? 19);
+        if (transferContracts.value && transferContracts.value.length) {
+          transferContracts.value = pensionForm.transferContracts?.map((contract: TransferContract) => {
+            contract.transferContractDate = reformatDate(contract.transferContractDate)!;
+            contract.transferContractFirstPaymentDate = reformatDate(contract.transferContractFirstPaymentDate)!;
+            contract.transferContractCompany = { nameRu: contract.transferContractCompany } as any;
+            return contract;
+          });
+        }
       }
     });
 
@@ -1771,7 +1837,7 @@ export default defineComponent({
     }
 
     const copyRedirect = async () => {
-      const url = await dataStore.api.getEnpfRedirectUrl(String(formStore.applicationData.processInstanceId));
+      const url = await dataStore.api.pensionannuityNew.getEnpfRedirectUrl(String(formStore.applicationData.processInstanceId));
       dataStore.copyToClipboard(url.redirectUrl);
     };
 
@@ -1808,6 +1874,9 @@ export default defineComponent({
       maxDate,
       guaranteedPeriodList,
       isEnpfSum,
+      transferContracts,
+      contractsValue,
+      contractIndex,
 
       // Computed
       isTask,
@@ -1890,6 +1959,8 @@ export default defineComponent({
       pickSubTermValue,
       onInputFixInsSum,
       copyRedirect,
+      addTransferContract,
+      removeTransferContract,
     };
   },
 });