hl-core 0.0.8 → 0.0.9-beta.2

package/components/Pages/ProductConditions.vue

@@ -1,109 +1,354 @@
 <template>
   <section class="flex flex-col gap-4 px-[10px]">
     <v-form ref="vForm" @submit="submitForm" class="max-h-[82svh] overflow-y-scroll">
-      <base-form-section v-if="$dataStore.isGons" :title="$t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
+      <base-form-section v-if="whichProduct === 'gons'" :title="$dataStore.t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
         <base-form-text-section
           class="mb-4"
           title="Инвалидность I или II группы по причине несчастного случая, начиная с третьего года по любой причине, с освобождением от уплаты страховых взносов"
           subtitle="Равна страховой сумме по основному покрытию"
-        ></base-form-text-section>
+        />
         <base-form-text-section
           title="Если лицо, назначенное Выгодоприобретателем, на дату осуществления Страховщиком страховой выплаты не достигло совершеннолетия (восемнадцатилетнего возраста), страховая
           выплата подлежит осуществлению:"
           subtitle="Если несовершеннолетний не достиг возраста 14 лет - законному представителю в соответствии с законодательством Республики Казахстан"
-        ></base-form-text-section>
+        />
       </base-form-section>
-      <base-form-section :title="$t('generalConditions')">
-        <div v-if="isRecalculation && $route.params.taskId === '0'">
+      <base-form-section v-if="isUnderwriterRole && $dataStore.hasClientAnketa && $dataStore.isClientAnketaCondition" :title="$dataStore.t('policyholderForm')">
+        <base-form-input
+          v-model="productConditionsForm.lifeMultiplyClient"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Life Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        />
+        <base-form-input
+          v-model="productConditionsForm.lifeAdditiveClient"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Life Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        />
+        <base-form-input v-model="formStore.policyholderForm.longName" :label="$dataStore.t('labels.policyholderLongName')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.job" :label="$dataStore.t('form.job')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.birthDate" :label="$dataStore.t('form.birthDate')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.age" :label="$dataStore.t('form.age')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.gender.nameRu" class="mb-4" :label="$dataStore.t('form.gender')" :readonly="true" />
+      </base-form-section>
+      <base-form-section v-if="isUnderwriterRole && $dataStore.members.insuredApp.has === true" :title="$dataStore.t('insuredForm')">
+        <div v-for="(insured, index) of formStore.insuredForm" :key="index">
+          <base-form-input v-model="insured.longName" :label="$dataStore.t('labels.insurerLongName')" :readonly="true" />
+          <base-form-input v-model="insured.job" :label="$dataStore.t('form.job')" :readonly="true" />
+          <base-form-input v-model="insured.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="true" />
+          <base-form-input v-model="insured.birthDate" :label="$dataStore.t('form.birthDate')" :readonly="true" />
+          <base-form-input v-model="insured.age" :label="$dataStore.t('form.age')" :readonly="true" />
+          <base-form-input v-model="insured.gender.nameRu" class="mb-4" :label="$dataStore.t('form.gender')" :readonly="true" />
+        </div>
+      </base-form-section>
+      <base-form-section v-if="isUnderwriterRole" :title="$dataStore.t('recalculationInfo')">
+        <base-form-input
+          v-model="productConditionsForm.lifeMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Life Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        />
+        <base-form-input
+          v-model="productConditionsForm.lifeAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Life Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        />
+        <base-form-input
+          v-if="hasAdbMultiply"
+          v-model="productConditionsForm.adbMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Adb Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        />
+        <base-form-input
+          v-if="hasAdbAdditive"
+          v-model="productConditionsForm.adbAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Adb Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        />
+        <base-form-input
+          v-model="productConditionsForm.disabilityMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Disability Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        />
+        <base-form-input
+          v-model="productConditionsForm.disabilityAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$dataStore.t('percent') + `Disability Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        />
+        <base-panel-input
+          v-if="hasRiskGroup"
+          v-model="productConditionsForm.riskGroup"
+          :value="productConditionsForm.riskGroup.nameRu"
+          :label="$dataStore.t('productConditionsForm.riskGroup')"
+          :clearable="isRecalculationDisabled === false"
+          :readonly="isRecalculationDisabled"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('productConditionsForm.riskGroup'), $dataStore.riskGroup, 'riskGroup')"
+        />
+      </base-form-section>
+      <base-form-section :title="$dataStore.t('generalConditions')">
+        <div v-if="isRecalculation && ($route.params.taskId === '0' || $dataStore.isCalculator)">
           <base-form-input
             v-model="productConditionsForm.signDate"
             :maska="$maska.date"
             :clearable="false"
             :readonly="true"
-            :label="$t('form.signDate')"
+            :label="$dataStore.t('form.signDate')"
             append-inner-icon="mdi mdi-calendar-blank-outline"
-          ></base-form-input>
+          />
           <base-form-input
             v-model="productConditionsForm.birthDate"
             :maska="$maska.date"
             :readonly="isDisabled"
             :clearable="!isDisabled"
-            :label="$t('form.birthDate')"
+            :label="$dataStore.t('form.birthDate')"
             :rules="$rules.required.concat($rules.birthDate)"
             append-inner-icon="mdi mdi-calendar-blank-outline"
-          ></base-form-input>
+          />
           <base-panel-input
             v-model="productConditionsForm.gender"
             :value="productConditionsForm.gender.nameRu"
             :readonly="isDisabled"
             :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')"
+          />
         </div>
         <base-form-input
           v-model="productConditionsForm.coverPeriod"
           :maska="$maska.numbers"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :rules="$rules.required.concat($rules.numbers, $rules.coverPeriodFrom3to20)"
-          :label="$t('productConditionsForm.coverPeriodFrom3to20')"
-        ></base-form-input>
+          :rules="coverPeriodRule"
+          :label="$dataStore.t(whichProduct === 'gons' ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
+        />
         <base-panel-input
+          v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
           :value="productConditionsForm.paymentPeriod.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('productConditionsForm.processPaymentPeriod')"
+          :label="$dataStore.t('productConditionsForm.processPaymentPeriod')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
+        />
+        <base-panel-input
+          v-if="hasProcessIndexRate"
+          v-model="productConditionsForm.processIndexRate"
+          :value="productConditionsForm.processIndexRate.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('productConditionsForm.processIndexRate')"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
+        />
         <base-form-input
           v-model="productConditionsForm.requestedSumInsured"
-          :readonly="isDisabled"
+          :readonly="isDisabledSum"
           :clearable="!isDisabled"
           :rules="requestedSumInsured"
-          :label="$t('productConditionsForm.requestedSumInsured')"
-        ></base-form-input>
+          :label="requestedSumInsuredLabel"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputSum"
+          @onClear="onClearSum"
+        />
+        <base-form-input
+          v-if="hasRequestedSumInsuredInDollar"
+          v-model="productConditionsForm.requestedSumInsuredInDollar"
+          :readonly="isDisabledSumDollar"
+          :clearable="!isDisabled"
+          :rules="requestedSumInsured"
+          :label="$dataStore.t('productConditionsForm.requestedSumInsuredInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputSumDollar"
+          @onClear="onClearSumDollar"
+        />
         <base-form-input
           v-model="productConditionsForm.insurancePremiumPerMonth"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="insurancePremiumPerMonth"
-          :label="$t('productConditionsForm.insurancePremiumAmount')"
-        ></base-form-input>
+          :label="$dataStore.t('productConditionsForm.insurancePremiumAmount')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputInsurancePremiumPerMonth"
+          @onClear="onClearPremium"
+        />
+        <base-form-input
+          v-if="hasInsurancePremiumPerMonthInDollar"
+          v-model="productConditionsForm.insurancePremiumPerMonthInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
+          :label="$dataStore.t('productConditionsForm.insurancePremiumAmountInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputInsurancePremiumPerMonthInDollar"
+          @onClear="onClearPremiumDollar"
+        />
+        <base-form-input
+          v-if="hasCurrency && $dataStore.currencies.usd"
+          v-model="$dataStore.currencies.usd"
+          :readonly="true"
+          :label="$dataStore.t('productConditionsForm.dollarExchangeRateNBRK')"
+          :suffix="$constants.currencySymbols.kzt"
+        />
+      </base-form-section>
+      <base-form-section :title="$dataStore.t('calculationAnnuityPayments')" v-if="hasAnnuityPayments">
+        <base-form-toggle
+          v-model="productConditionsForm.additionalConditionAnnuityPayments"
+          :title="$dataStore.t('productConditionsForm.guaranteedTermAnnuityPayments')"
+          :disabled="isDisabled"
+          :has-border="false"
+        />
+        <base-form-input
+          v-if="productConditionsForm.additionalConditionAnnuityPayments"
+          v-model="productConditionsForm.guaranteedPeriod"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="
+            productConditionsForm.termAnnuityPayments
+              ? [$dataStore.rules.guaranteedPeriodLimit(productConditionsForm.guaranteedPeriod, productConditionsForm.termAnnuityPayments)]
+              : []
+          "
+          :label="$dataStore.t('productConditionsForm.guaranteedPeriod')"
+        />
+        <base-panel-input
+          v-model="productConditionsForm.typeAnnuityInsurance"
+          :value="productConditionsForm.typeAnnuityInsurance.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('productConditionsForm.typeAnnuityInsurance')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('productConditionsForm.typeAnnuityInsurance'), $dataStore.dicAnnuityTypeList, 'typeAnnuityInsurance', $dataStore.getDicAnnuityTypeList)"
+        />
+        <base-form-input
+          v-if="productConditionsForm.typeAnnuityInsurance.code !== 'Lifelong'"
+          v-model="productConditionsForm.termAnnuityPayments"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$dataStore.rules.required.concat($dataStore.rules.numbers)"
+          :label="$dataStore.t('productConditionsForm.termAnnuityPayments')"
+        />
+        <base-panel-input
+          v-model="productConditionsForm.periodAnnuityPayment"
+          :value="productConditionsForm.periodAnnuityPayment.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('productConditionsForm.periodAnnuityPayment')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="
+            openPanel(
+              $dataStore.t('productConditionsForm.processPaymentPeriod'),
+              $dataStore.processAnnuityPaymentPeriod,
+              'periodAnnuityPayment',
+              $dataStore.getProcessAnnuityPaymentPeriod,
+            )
+          "
+        />
+        <base-form-input
+          v-model="productConditionsForm.amountAnnuityPayments"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="amountAnnuityPayments"
+          :label="$dataStore.t('productConditionsForm.amountAnnuityPayments')"
+        />
+      </base-form-section>
+      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$dataStore.t('productConditionsForm.additional')">
+        <div v-for="(term, index) of additionalTerms" :key="index">
+          <base-panel-input
+            v-if="filterTermConditions(term)"
+            v-model="additionalTerms[index]"
+            :value="term.coverSumName"
+            :readonly="isTermsDisabled"
+            :clearable="!isTermsDisabled"
+            :label="term.coverTypeName"
+            append-inner-icon="mdi mdi-chevron-right"
+            :suffix="!!term.amount ? `${formatTermValue(term.amount)} ${currencySymbolsAddTerm}` : ''"
+            @append="openTermPanel(term.coverTypeName, $dataStore.getAdditionalInsuranceTermsAnswers, term.coverTypeId, index)"
+          />
+        </div>
       </base-form-section>
     </v-form>
     <base-btn
-      v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
+      v-if="!$dataStore.isCalculator && isRecalculation && hasCalculated"
+      :btn="$libStyles.greenLightBtn"
+      :text="$dataStore.t('buttons.toStatement')"
+      @click="toStatement"
+    />
+    <base-btn
+      v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
-      :text="$t('buttons.calculate')"
+      :text="$dataStore.t('buttons.calculate')"
       @click="submitForm"
-    ></base-btn>
+    />
+    <div v-if="$dataStore.isTask() && $dataStore.isUnderwriter() && !isRecalculationDisabled" class="flex gap-3">
+      <base-btn :text="$dataStore.t('buttons.calcSum')" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
+      <base-btn :text="$dataStore.t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
+    </div>
     <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.trim="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"
+            :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" />
+      </div>
+    </Teleport>
+    <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
+      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+        <base-rounded-input v-model.trim="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
+            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)"
+          />
         </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>
   </section>
 </template>
 
 <script lang="ts">
-import { Value } from '@/composables/classes';
+import { Member, Value } from '../../composables/classes';
 
 export default defineComponent({
   props: {
@@ -111,6 +356,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    product: {
+      type: String,
+      default: false,
+    },
   },
   setup(props) {
     const vForm = ref<any>();
@@ -120,16 +369,21 @@ export default defineComponent({
     const dataStore = useDataStore();
     const memberStore = useMemberStore();
 
+    const whichProduct = ref<string>(dataStore.isCalculator ? props.product : dataStore.product!);
     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;
@@ -137,27 +391,152 @@ export default defineComponent({
         return formStore.applicationData.statusCode === 'UnderwriterForm';
       }
     });
-    const isDisabled = computed(() => !memberStore.isStatementEditible(formStore.productConditionsFormKey));
+    const isDisabled = computed(() => (dataStore.isCalculator ? false : !memberStore.isStatementEditible('productConditionsForm')));
+    const isTermsDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      return isDisabled.value;
+    });
     const isTask = computed(() => (route.params.taskId === '0' && props.isRecalculation === true) || dataStore.isTask());
+    const isRecalculationDisabled = computed(() => formStore.isDisabled.recalculationForm);
+    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 amountAnnuityPayments = computed(() => (!!productConditionsForm.amountAnnuityPayments ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const hasProcessIndexRate = computed(() => {
+      if (whichProduct.value === 'gons' || whichProduct.value === 'halykkazyna' || whichProduct.value === 'liferenta') {
+        return false;
+      }
+      return true;
+    });
+    const hasPaymentPeriod = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return false;
+      }
+      return true;
+    });
+    const hasRequestedSumInsuredInDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasInsurancePremiumPerMonthInDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasCurrency = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasAdbMultiply = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasAdbAdditive = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasRiskGroup = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasAnnuityPayments = computed(() => {
+      if (whichProduct.value === 'liferenta') {
+        return true;
+      }
+      return false;
+    });
+    const coverPeriodRule = computed(() => {
+      const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
+      if (whichProduct.value === 'gons') {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom3to20);
+      }
+      if (whichProduct.value === 'halykkazyna') {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom2to20);
+      }
+      return baseCondition;
+    });
+    const currencySymbolsAddTerm = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return constants.currencySymbols.usd;
+      }
+      return constants.currencySymbols.kzt;
+    });
+    const requestedSumInsuredLabel = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return dataStore.t('productConditionsForm.requestedSumInsuredInTenge');
+      }
+      return dataStore.t('productConditionsForm.requestedSumInsured');
+    });
+    const isDisabledSum = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return isDisabled.value;
+    });
+    const isDisabledSumDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return isDisabled.value;
+    });
 
-    const pickPanelValue = (item: Value) => {
-      if (!isDisabled.value) {
-        dataStore.panel.open = false;
-        isPanelOpen.value = false;
-        // @ts-ignore
-        productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
-      } else {
-        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+    const formatTermValue = (term: number) => {
+      if (term !== null) {
+        return Number.isInteger(term) ? dataStore.getNumberWithSpaces(term) : dataStore.getNumberWithDot(term);
+      }
+      return null;
+    };
+
+    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) {
+      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;
@@ -167,7 +546,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;
@@ -176,20 +555,161 @@ export default defineComponent({
       }
     };
 
+    const filterList = (list: Value[], key: string) => {
+      if (whichProduct.value === 'baiterek') {
+        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') {
+        whichSum.value = 'insurancePremiumPerMonth';
+      }
+      if (type === 'premium') {
+        whichSum.value = 'requestedSumInsured';
+      }
+      await submitForm();
+    };
+
     const pickCalculation = async (type: 'insurancePremiumPerMonth' | 'requestedSumInsured') => {
       if (!type) return false;
       whichSum.value = type;
       await submitForm();
     };
 
+    const onInputInsurancePremiumPerMonth = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value) {
+        whichSum.value = 'insurancePremiumPerMonth';
+        const calculatedPremiumDollar = getNumber(event.target.value as string);
+        if (calculatedPremiumDollar) {
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonth);
+          if (whichProduct.value === 'halykkazyna') {
+            if (typeof dataStore.currencies.usd === 'number') {
+              productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(calculatedPremiumDollar / dataStore.currencies.usd);
+            } else {
+              dataStore.showToaster('error', dataStore.t('toaster.noCurrency'));
+            }
+          }
+        }
+      }
+    };
+
+    const onInputInsurancePremiumPerMonthInDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        whichSum.value = 'insurancePremiumPerMonth';
+        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) {
+        whichSum.value = 'requestedSumInsured';
+        const calculatedSumDollar = getNumber(event.target.value as string);
+        if (calculatedSumDollar) {
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsured);
+          if (whichProduct.value === 'halykkazyna') {
+            if (typeof dataStore.currencies.usd === 'number') {
+              productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(calculatedSumDollar / dataStore.currencies.usd);
+            } else {
+              dataStore.showToaster('error', dataStore.t('toaster.noCurrency'));
+            }
+          }
+        }
+      }
+    };
+
+    const onInputSumDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        whichSum.value = 'requestedSumInsured';
+        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 onClearSum = () => {
+      productConditionsForm.requestedSumInsuredInDollar = null;
+    };
+
+    const onClearSumDollar = () => {
+      productConditionsForm.requestedSumInsured = null;
+    };
+
+    const onClearPremium = () => {
+      productConditionsForm.insurancePremiumPerMonthInDollar = null;
+    };
+
+    const onClearPremiumDollar = () => {
+      productConditionsForm.insurancePremiumPerMonth = null;
+    };
+
+    const clearFields = () => {
+      productConditionsForm.coverPeriod = null;
+      productConditionsForm.birthDate = null;
+      productConditionsForm.gender = new Value();
+      productConditionsForm.paymentPeriod = new Value();
+      productConditionsForm.processIndexRate = new Value();
+      productConditionsForm.requestedSumInsured = null;
+      productConditionsForm.requestedSumInsuredInDollar = null;
+      productConditionsForm.insurancePremiumPerMonth = null;
+      productConditionsForm.insurancePremiumPerMonthInDollar = null;
+    };
+
+    const filterTermConditions = (term: AddCover) => {
+      if (term.coverTypeCode === 10) {
+        return !!formStore.insuredForm.find((member: Member) => member.iin === formStore.policyholderForm.iin) === false;
+      }
+      return true;
+    };
+
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
           if (whichSum.value === 'requestedSumInsured') {
             productConditionsForm.insurancePremiumPerMonth = null;
+            if (whichProduct.value === 'halykkazyna') {
+              productConditionsForm.insurancePremiumPerMonthInDollar = null;
+            }
           }
           if (whichSum.value === 'insurancePremiumPerMonth') {
             productConditionsForm.requestedSumInsured = null;
+            if (whichProduct.value === 'halykkazyna') {
+              productConditionsForm.requestedSumInsuredInDollar = null;
+            }
           }
           if (productConditionsForm.requestedSumInsured !== '' && productConditionsForm.requestedSumInsured != null) {
             productConditionsForm.insurancePremiumPerMonth = null;
@@ -207,15 +727,17 @@ export default defineComponent({
 
           if (isUnderwriterForm.value) {
             type recalculationInfo = {
-              lifeMultiply: string | null;
-              lifeAdditive: string | null;
-              adbMultiply: string | null;
-              adbAdditive: string | null;
-              disabilityMultiply: string | null;
-              disabilityAdditive: string | null;
-              amount?: number | null;
-              premium?: number | null;
-              riskGroup?: string | number | null;
+              lifeMultiply: string | null | number;
+              lifeAdditive: string | null | number;
+              lifeMultiplyClient?: string | number | null;
+              lifeAdditiveClient?: string | number | null;
+              adbMultiply: string | null | number;
+              adbAdditive: string | null | number;
+              disabilityMultiply: string | null | number;
+              disabilityAdditive: string | null | number;
+              amount?: string | number | null;
+              premium?: string | number | null;
+              riskGroup?: string | string | number | null;
             };
             const recalculationData: recalculationInfo = (({ lifeMultiply, lifeAdditive, adbMultiply, adbAdditive, disabilityMultiply, disabilityAdditive }) => ({
               lifeMultiply,
@@ -229,18 +751,31 @@ export default defineComponent({
               // @ts-ignore
               recalculationData[key] = formatProcents(recalculationData[key]);
             });
+            recalculationData.lifeMultiplyClient = dataStore.isClientAnketaCondition
+              ? formStore.productConditionsForm.lifeMultiplyClient === null
+                ? null
+                : formatProcents(formStore.productConditionsForm.lifeMultiplyClient)
+              : null;
+            recalculationData.lifeAdditiveClient = dataStore.isClientAnketaCondition
+              ? formStore.productConditionsForm.lifeAdditiveClient === null
+                ? null
+                : formatProcents(formStore.productConditionsForm.lifeAdditiveClient)
+              : null;
             recalculationData.amount = Number((productConditionsForm.requestedSumInsured as string)?.replace(/\s/g, ''));
             recalculationData.premium = Number((productConditionsForm.insurancePremiumPerMonth as string)?.replace(/\s/g, ''));
             recalculationData.riskGroup = productConditionsForm.riskGroup?.id ? productConditionsForm.riskGroup.id : 1;
             isCalculating.value = true;
-            await dataStore.reCalculate(formStore.applicationData.processInstanceId, recalculationData, route.params.taskId, whichSum.value);
+            await dataStore.reCalculate(formStore.applicationData.processInstanceId, recalculationData, route.params.taskId as string, whichSum.value);
           }
           isCalculating.value = true;
           if (props.isRecalculation) {
-            await dataStore.calculateWithoutApplication(true);
+            //@ts-ignore
+            await dataStore.calculateWithoutApplication(true, whichProduct.value);
+            additionalTerms.value = formStore.additionalInsuranceTermsWithout;
           } else {
             if (dataStore.isProcessEditable(formStore.applicationData.statusCode)) {
-              await dataStore.calculate(route.params.taskId);
+              await dataStore.calculate(route.params.taskId as string);
+              additionalTerms.value = formStore.additionalInsuranceTerms;
             }
           }
           isCalculating.value = false;
@@ -249,11 +784,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({
@@ -268,8 +803,16 @@ export default defineComponent({
 
     onMounted(async () => {
       if (props.isRecalculation === true) {
-        if (route.params.taskId === '0' && productConditionsForm.requestedSumInsured === null && productConditionsForm.insurancePremiumPerMonth === null) {
-          const defaultData = await dataStore.getDefaultCalculationData(true);
+        if (dataStore.isCalculator) {
+          clearFields();
+        }
+        if (
+          (dataStore.isCalculator || route.params.taskId === '0') &&
+          productConditionsForm.requestedSumInsured === null &&
+          productConditionsForm.insurancePremiumPerMonth === null
+        ) {
+          // @ts-ignore
+          const defaultData = await dataStore.getDefaultCalculationData(true, whichProduct.value);
           if (!defaultData) {
             dataStore.showToaster('error', 'Отсутствуют базовые данные');
             return;
@@ -277,55 +820,74 @@ 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.isCalculator) {
+        dataStore.processCode = constants.products[whichProduct.value as keyof typeof constants.products];
+        await dataStore.getProcessPaymentPeriod();
+      }
+      if (whichProduct.value === 'halykkazyna') {
+        const kazynaPaymentPeriod = dataStore.processPaymentPeriod.find(i => i.code === 'single');
+        if (kazynaPaymentPeriod) productConditionsForm.paymentPeriod = kazynaPaymentPeriod;
+        await dataStore.getCurrencies();
+      }
     });
 
     watch(
-      () => productConditionsForm.requestedSumInsured,
+      () => productConditionsForm.amountOfInsurancePremium,
       val => {
-        if (!val && whichSum.value == 'requestedSumInsured') whichSum.value = '';
-        if (val && whichSum.value != 'insurancePremiumPerMonth') {
-          whichSum.value = 'requestedSumInsured';
-          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(val);
-        }
+        if (val) productConditionsForm.amountOfInsurancePremium = dataStore.getNumberWithSpaces(val);
       },
     );
     watch(
-      () => productConditionsForm.insurancePremiumPerMonth,
+      () => formStore.productConditionsForm.amountAnnuityPayments,
       val => {
-        if (!val && whichSum.value == 'insurancePremiumPerMonth') whichSum.value = '';
-        if (val && whichSum.value != 'requestedSumInsured') {
-          whichSum.value = 'insurancePremiumPerMonth';
-          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(val);
-        }
+        if (val) formStore.productConditionsForm.amountAnnuityPayments = dataStore.getNumberWithSpaces(val);
       },
     );
     watch(
-      () => productConditionsForm.amountOfInsurancePremium,
+      () => formStore.productConditionsForm.typeAnnuityInsurance,
       val => {
-        if (val) productConditionsForm.amountOfInsurancePremium = dataStore.getNumberWithSpaces(val);
+        if (val.code === 'Lifelong') formStore.productConditionsForm.termAnnuityPayments = null;
+      },
+    );
+    watch(
+      () => dataStore.panel.open,
+      () => {
+        if (dataStore.panel.open === false) {
+          isPanelOpen.value = false;
+          isTermsPanelOpen.value = false;
+          dataStore.panelAction = null;
+        }
       },
+      { immediate: true },
     );
 
     return {
       // State
       formStore,
       vForm,
+      whichProduct,
       productConditionsForm,
+      additionalTerms,
       isCalculating,
       isPanelLoading,
       isPanelOpen,
+      isTermsPanelOpen,
       panelValue,
+      termValue,
       panelList,
       searchQuery,
       whichSum,
@@ -334,15 +896,51 @@ export default defineComponent({
       // Computed
       isTask,
       isDisabled,
+      isTermsDisabled,
       isUnderwriterForm,
       insurancePremiumPerMonth,
       requestedSumInsured,
+      isRecalculationDisabled,
+      isUnderwriterRole,
+      hasProcessIndexRate,
+      hasPaymentPeriod,
+      hasRequestedSumInsuredInDollar,
+      hasInsurancePremiumPerMonthInDollar,
+      hasCurrency,
+      hasAdbMultiply,
+      hasAdbAdditive,
+      hasRiskGroup,
+      hasCalculated,
+      hasAnnuityPayments,
+      currencySymbolsAddTerm,
+      amountAnnuityPayments,
+      requestedSumInsuredLabel,
+      isDisabledSum,
+      isDisabledSumDollar,
+
+      // Rules
+      coverPeriodRule,
 
       // Functions
       submitForm,
       pickPanelValue,
+      pickTermValue,
       openPanel,
+      openTermPanel,
       pickCalculation,
+      underwriterCalculate,
+      onInputInsurancePremiumPerMonth,
+      onInputInsurancePremiumPerMonthInDollar,
+      onInputSum,
+      onInputSumDollar,
+      toStatement,
+      onClearSum,
+      onClearSumDollar,
+      onClearPremium,
+      onClearPremiumDollar,
+      clearFields,
+      formatTermValue,
+      filterTermConditions,
     };
   },
 });