hl-core 0.0.9-beta.16 → 0.0.9-beta.17

package/components/Pages/ProductConditions.vue

@@ -116,7 +116,7 @@
           @append="openPanel($dataStore.t('productConditionsForm.riskGroup'), $dataStore.riskGroup, 'riskGroup')"
         />
       </base-form-section>
-      <base-form-section :title="$dataStore.t('generalConditions')">
+      <base-form-section v-if="hasDefault" :title="$dataStore.t('generalConditions')">
         <div v-if="isCalculator && ($route.params.taskId === '0' || $dataStore.isCalculator)">
           <base-form-input
             v-model="productConditionsForm.signDate"
@@ -255,8 +255,19 @@
           :label="$dataStore.t('productConditionsForm.statePremium7')"
           :suffix="$constants.currencySymbols.kzt"
         />
+        <base-panel-input
+          v-if="hasAgencyPart"
+          v-model="productConditionsForm.processTariff"
+          :value="productConditionsForm.processTariff?.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('productConditionsForm.agencyPart')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('productConditionsForm.agencyPart'), $dataStore.processTariff, 'processTariff', $dataStore.getProcessTariff)"
+        />
       </base-form-section>
-      <base-form-section :title="$dataStore.t('calculationAnnuityPayments')" v-if="hasAnnuityPayments">
+      <base-form-section v-if="hasAnnuityPayments" :title="$dataStore.t('calculationAnnuityPayments')">
         <base-form-toggle
           v-model="productConditionsForm.additionalConditionAnnuityPayments"
           :title="$dataStore.t('productConditionsForm.guaranteedTermAnnuityPayments')"
@@ -318,6 +329,128 @@
           :label="$dataStore.t('productConditionsForm.amountAnnuityPayments')"
         />
       </base-form-section>
+      <base-form-section v-if="whichProduct === 'lifetrip'" :title="$dataStore.t('generalConditions')">
+        <base-panel-input
+          v-model="calculatorForm.type"
+          :value="calculatorForm.type.nameRu ?? $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.type')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.type'), [], 'type', $dataStore.getDicTripType)"
+        />
+        <base-panel-input
+          v-model="calculatorForm.countries"
+          :value="calculatorForm?.countries![0]?.nameRu && calculatorForm.countries.length ? countriesComputed : $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :clear-value="[]"
+          :label="$dataStore.t('calculatorForm.countries')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openMultiplePanel($dataStore.t('calculatorForm.countries'), $dataStore.dicAllCountries, 'countries', $dataStore.getDicCountries)"
+        />
+        <base-panel-input
+          v-model="calculatorForm.amount"
+          :value="calculatorForm.amount.nameRu ? calculatorForm.amount.nameRu + $dataStore.currency : $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.amount')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.amount'), $dataStore.amountArray, 'amount')"
+        />
+        <base-panel-input
+          v-model="calculatorForm.purpose"
+          :value="calculatorForm.purpose.nameRu ?? $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.purpose')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.purpose'), [], 'purpose', $dataStore.getDicTripPurpose)"
+        />
+        <base-panel-input
+          v-if="calculatorForm.purpose.code === 'WorkStudy'"
+          v-model="calculatorForm.workType"
+          :value="calculatorForm.workType.nameRu ?? $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.workType')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.workType'), [], 'workType', $dataStore.getDicTripWorkType)"
+        />
+        <base-panel-input
+          v-if="calculatorForm.purpose.code === 'Sport'"
+          v-model="calculatorForm.sportsType"
+          :value="calculatorForm.sportsType.nameRu ?? $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.sportsType')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.sportsType'), [], 'sportsType', $dataStore.getDicSportsType)"
+        />
+        <base-panel-input
+          v-if="calculatorForm.type.code === 'Multiple'"
+          v-model="calculatorForm.period"
+          :value="calculatorForm.period && calculatorForm.period.nameRu ? calculatorForm.period.nameRu : $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.period')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.period'), $dataStore.periodArray, 'period')"
+        />
+        <base-panel-input
+          v-if="calculatorForm.type.code === 'Multiple'"
+          v-model="calculatorForm.maxDays"
+          :value="calculatorForm.period && calculatorForm.maxDays.nameRu ? calculatorForm.maxDays.nameRu : $dataStore.t('form.notChosen')"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('calculatorForm.maxDays')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('calculatorForm.maxDays'), $dataStore.maxDaysFiltered, 'maxDays')"
+        />
+        <base-form-input
+          v-if="calculatorForm.type.code === 'Single'"
+          v-model="calculatorForm.days"
+          :readonly="isDisabled || !isCalculator"
+          :label="$dataStore.t('calculatorForm.days')"
+          :rules="$rules.required"
+        />
+        <base-form-input
+          v-if="isCalculator && whichProduct === 'lifetrip'"
+          v-model="calculatorForm.age"
+          :rules="$rules.required"
+          :readonly="isDisabledSum"
+          :clearable="!isDisabled"
+          :label="$dataStore.t('calculatorForm.age')"
+        />
+        <base-form-input
+          v-if="!isCalculator && whichProduct === 'lifetrip'"
+          v-model="calculatorForm.startDate"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :label="$dataStore.t('calculatorForm.startDate')"
+          :rules="$dataStore.rules.required.concat($dataStore.rules.planDate)"
+          :maska="$maska.date"
+          append-inner-icon="mdi mdi-calendar-blank-outline"
+        />
+        <base-form-input
+          v-if="!isCalculator && calculatorForm.type.code != 'Multiple'"
+          v-model="calculatorForm.endDate"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :label="$dataStore.t('calculatorForm.endDate')"
+          :rules="$dataStore.rules.required"
+          :maska="$maska.date"
+          append-inner-icon="mdi mdi-calendar-blank-outline"
+        />
+        <base-form-input v-model="calculatorForm.price" :readonly="true" :label="isCalculator ? $dataStore.t('calculatorForm.premium') : $dataStore.t('calculatorForm.price')" />
+      </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
@@ -361,6 +494,29 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
+    <Teleport v-if="isMultiplePanelOpen && calculatorForm.countries !== null" to="#panel-actions">
+      <div :class="[$styles.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" />
+        <v-fade-transition>
+          <base-form-section v-if="countriesComputed" class="w-[95%]" :title="$dataStore.t('calculatorForm.selectedCountries')">
+            <base-white-block class="text-center" :class="[$styles.textSimple]"> {{ countriesComputed }} </base-white-block>
+          </base-form-section>
+        </v-fade-transition>
+        <div v-if="multiplePanelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
+          <base-panel-select-item :text="$dataStore.t('buttons.clearOrReset')" @click="calculatorForm.countries = []" false-icon="mdi-close-circle-outline" />
+          <base-panel-select-item
+            v-for="(item, index) of multiplePanelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
+            :key="index"
+            :text="(item.nameRu as string)"
+            :selected="calculatorForm.countries && calculatorForm.countries.some(option => option.id === item.id)"
+            :disabled="calculatorForm.countries.length >= 3 && !calculatorForm.countries.some(option => option.id === item.id)"
+            true-icon="mdi-check-circle-outline"
+            @click="selectOption(item)"
+          />
+        </div>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
+      </div>
+    </Teleport>
     <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
       <div :class="[$styles.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" />
@@ -376,11 +532,25 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
+    <Teleport v-if="isFixInsAmountPanelOpen" to="#panel-actions">
+      <div :class="[$styles.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 class="w-full flex flex-col gap-2 p-2">
+          <base-panel-select-item
+            v-for="(item, index) of $constants.fixInsAmount.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
+            :key="index"
+            :text="(item.nameRu as string)"
+            :selected="item.code === fixInsValue"
+            @click="pickfixInsValue(item)"
+          />
+        </div>
+      </div>
+    </Teleport>
   </section>
 </template>
 
 <script lang="ts">
-import { Member, Value } from '../../composables/classes';
+import { Member, Value, CountryValue, CalculatorForm } from '../../composables/classes';
 
 export default defineComponent({
   props: {
@@ -406,6 +576,8 @@ export default defineComponent({
     const isPanelLoading = ref<boolean>(false);
     const isPanelOpen = ref<boolean>(false);
     const isTermsPanelOpen = ref<boolean>(false);
+    const isFixInsAmountPanelOpen = ref<boolean>(false);
+    const fixInsValue = ref<string | number>();
     const panelValue = ref<Value>(new Value());
     const termValue = ref<AddCover>();
     const panelList = ref<Value[]>([]);
@@ -416,6 +588,12 @@ export default defineComponent({
     const whichSum = ref<'insurancePremiumPerMonth' | 'requestedSumInsured' | ''>('');
 
     const additionalTerms = ref<AddCover[]>([]);
+    const isMultiplePanelOpen = ref<boolean>(false);
+
+    const multiplePanelValue = ref<CountryValue>(new CountryValue());
+    const multiplePanelList = ref<CountryValue[]>([]);
+    const calculatorForm = productConditionsForm.calculatorForm;
+
     const isUnderwriterForm = computed(() => {
       if (route.params.taskId === '0 ' || props.isCalculator === true) {
         return false;
@@ -527,6 +705,12 @@ export default defineComponent({
       }
       return true;
     });
+    const hasAgencyPart = computed(() => {
+      if (whichProduct.value === 'lifebusiness') {
+        return true;
+      }
+      return false;
+    });
     const coverPeriodRule = computed(() => {
       const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
       if (whichProduct.value === 'gons') {
@@ -585,22 +769,39 @@ export default defineComponent({
       }
       return isDisabled.value;
     });
+    const countriesComputed = computed(() => {
+      let message = '';
+      for (let country in calculatorForm.countries) {
+        message += calculatorForm.countries[country as any].nameRu + ', ';
+      }
+      return message.slice(0, -2);
+    });
     const isDisabledCoverPeriod = computed(() => {
       if (whichProduct.value === 'lifebusiness') {
         return true;
       }
       return isDisabled.value;
     });
-
+    const hasDefault = computed(() => {
+      if (whichProduct.value === 'lifetrip') {
+        return false;
+      }
+      return true;
+    });
     const formatTermValue = (term: number) => {
       if (term !== null) {
-        return Number.isInteger(term) ? dataStore.getNumberWithSpaces(term) : dataStore.getNumberWithDot(term);
+        const termNumber = Number(term);
+        return Number.isInteger(termNumber) ? dataStore.getNumberWithSpaces(termNumber) : dataStore.getNumberWithDot(termNumber);
       }
       return null;
     };
 
     const toStatement = async () => {
       const statementItem = dataStore.menuItems.find(i => i.id === 'statement');
+      if (whichProduct.value === 'lifebusiness') {
+        await router.push({ name: 'taskId-NewApp', params: route.params, query: { tab: 'statement' } });
+        return;
+      }
       if (statementItem) {
         dataStore.menu.selectedItem = statementItem;
         await router.replace({
@@ -616,28 +817,80 @@ export default defineComponent({
     const pickPanelValue = (item: Value) => {
       dataStore.panel.open = false;
       isPanelOpen.value = false;
+      isMultiplePanelOpen.value = false;
+      if (item.id === null) {
+        calculatorForm.countries = [];
+      }
       if (!currentPanel.value) return;
-      // @ts-ignore
-      productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+      if (whichProduct.value === 'lifetrip') {
+        // @ts-ignore
+        calculatorForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+      } else {
+        // @ts-ignore
+        productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+      }
+    };
+    const selectOption = (value: CountryValue) => {
+      if (calculatorForm.countries !== null) {
+        if (value.id == 0) {
+          calculatorForm.countries = [];
+          return (dataStore.dicCountries = dataStore.dicAllCountries);
+        }
+        if (calculatorForm.countries.some((option: CountryValue) => option.id == value.id)) {
+          calculatorForm.countries = calculatorForm.countries.filter((obj: CountryValue) => obj.id !== value.id);
+          dataStore.dicCountries = dataStore.dicAllCountries;
+        } else {
+          dataStore.dicCountries = dataStore.dicAllCountries.filter(i =>
+            i.id == 0 || (value.countryTypeCode == '1' && i.countryTypeCode == value.countryTypeCode) || (value.countryTypeCode != '1' && i.countryTypeCode != '1') ? true : false,
+          );
+          if (value.countryTypeCode == 1) {
+            dataStore.showToaster('success', dataStore.t('toaster.shengenZoneCondition'), 3000);
+            formStore.insuredForm.length = 1;
+          }
+          if (calculatorForm.countries.length < 3) {
+            calculatorForm.countries.push(value);
+          } else if (calculatorForm.countries.length >= 3) {
+            closeMultiplePanel();
+          }
+        }
+      }
     };
-
     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;
+      if (whichProduct.value === 'lifebusiness') {
+        if (item.code === 'fixedinssum') {
+          openFixInsPanel(dataStore.t('insurers.selectInsSum'), additionalTerms.value[currentIndex.value].amount);
+        } else {
+          additionalTerms.value[currentIndex.value].amount = 0;
+        }
+      }
     };
 
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
       if (!isDisabled.value || (key === 'riskGroup' && !isRecalculationDisabled.value)) {
+        if (key === 'amount') {
+          if (calculatorForm.type.nameRu === null || !calculatorForm.countries || (calculatorForm.countries && calculatorForm.countries.length === 0)) {
+            return dataStore.showToaster('error', dataStore.t('toaster.noAmountBeforeTypeAndCountries'), 2000);
+          }
+        }
+        if (key === 'maxDays') {
+          if (calculatorForm.period.code === null) {
+            return dataStore.showToaster('error', dataStore.t('toaster.noMaxDaysBeforePeriod'), 2000);
+          }
+        }
         searchQuery.value = '';
         currentPanel.value = key as keyof typeof productConditionsForm;
         isPanelOpen.value = true;
         isTermsPanelOpen.value = false;
+        isFixInsAmountPanelOpen.value = false;
         dataStore.panelAction = null;
         dataStore.panel.open = true;
         dataStore.panel.title = title;
+        isMultiplePanelOpen.value = false;
 
         let newList = list;
         if (asyncFunction) {
@@ -645,13 +898,54 @@ export default defineComponent({
           newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
         }
         panelList.value = filterList(newList, key);
-        // @ts-ignore
-        panelValue.value = productConditionsForm[currentPanel.value];
+        if (whichProduct.value === 'lifetrip') {
+          // @ts-ignore
+          panelValue.value = calculatorForm[currentPanel.value];
+        } else {
+          // @ts-ignore
+          panelValue.value = productConditionsForm[currentPanel.value];
+        }
         isPanelLoading.value = false;
       } else {
         dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
       }
     };
+    const openMultiplePanel = async (title: string, list: CountryValue[], key: string, asyncFunction?: Function, filterKey?: string) => {
+      if (!isDisabled.value || !isRecalculationDisabled.value) {
+        isPanelOpen.value = false;
+        isFixInsAmountPanelOpen.value = false;
+        isMultiplePanelOpen.value = true;
+        isPanelLoading.value = true;
+        let newList = list;
+        if (asyncFunction !== null) {
+          // @ts-ignore
+          newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
+        }
+        if (newList[0].nameRu !== null) {
+          // @ts-ignore
+          newList.unshift(new CountryValue(0, null));
+        }
+
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+
+        // @ts-ignore
+        multiplePanelList.value = filterList(newList, key);
+        // @ts-ignore
+        multiplePanelValue.value = calculatorForm[currentPanel.value];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'), 2000);
+      }
+    };
+    const closeMultiplePanel = (item?: CountryValue) => {
+      dataStore.panel.open = false;
+      isMultiplePanelOpen.value = false;
+      if (!currentPanel.value) return;
+      // @ts-ignore
+      calculatorForm[currentPanel.value] = item?.nameRu === null ? new Value() : item;
+    };
 
     const filterList = (list: Value[], key: string) => {
       if (whichProduct.value === 'baiterek') {
@@ -667,6 +961,8 @@ export default defineComponent({
         searchQuery.value = '';
         currentIndex.value = index;
         isPanelOpen.value = false;
+        isMultiplePanelOpen.value = false;
+        isFixInsAmountPanelOpen.value = false;
         isTermsPanelOpen.value = true;
         dataStore.panelAction = null;
         dataStore.panel.open = true;
@@ -686,6 +982,30 @@ export default defineComponent({
       }
     };
 
+    const openFixInsPanel = async (title: string, amount: number) => {
+      if (!isDisabled.value) {
+        searchQuery.value = '';
+        isPanelOpen.value = false;
+        isTermsPanelOpen.value = false;
+        isMultiplePanelOpen.value = false;
+        isFixInsAmountPanelOpen.value = true;
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+        panelList.value = constants.fixInsAmount;
+        fixInsValue.value = amount;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const pickfixInsValue = (item: Value) => {
+      dataStore.panel.open = false;
+      isFixInsAmountPanelOpen.value = false;
+      if (typeof currentIndex.value !== 'number') return;
+      additionalTerms.value[currentIndex.value].amount = Number(item.code);
+    };
+
     const underwriterCalculate = async (type: 'sum' | 'premium') => {
       if (!type) return;
       if (type === 'sum') {
@@ -785,6 +1105,12 @@ export default defineComponent({
       productConditionsForm.requestedSumInsuredInDollar = null;
       productConditionsForm.insurancePremiumPerMonth = null;
       productConditionsForm.insurancePremiumPerMonthInDollar = null;
+      if (whichProduct.value === 'lifetrip') {
+        Object.keys(calculatorForm).forEach(key => {
+          //@ts-ignore
+          calculatorForm[key] = new CalculatorForm()[key];
+        });
+      }
     };
 
     const filterTermConditions = (term: AddCover) => {
@@ -793,96 +1119,111 @@ export default defineComponent({
       }
       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 (whichProduct.value === 'lifetrip') {
+            if (calculatorForm.type.code === 'Single' && calculatorForm.startDate && calculatorForm.endDate) {
+              const formattedStartDate = formatDate(calculatorForm.startDate);
+              const formattedEndDate = formatDate(calculatorForm.endDate);
+              if (formattedStartDate && formattedEndDate && formattedStartDate.getTime() > formattedEndDate.getTime()) {
+                return dataStore.showToaster('error', dataStore.t('toaster.startMoreEnd'));
+              }
             }
-          }
-          if (whichSum.value === 'insurancePremiumPerMonth') {
-            productConditionsForm.requestedSumInsured = null;
-            if (whichProduct.value === 'halykkazyna') {
-              productConditionsForm.requestedSumInsuredInDollar = null;
+            if (dataStore.isTask()) {
+              await dataStore.calculatePrice(route.params.taskId as string);
+            } else {
+              await dataStore.calculatePrice();
+            }
+          } else {
+            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;
+              if (props.isCalculator) whichSum.value = 'requestedSumInsured';
+            }
+            if (productConditionsForm.insurancePremiumPerMonth !== '' && productConditionsForm.insurancePremiumPerMonth != null) {
+              productConditionsForm.requestedSumInsured = null;
+              if (props.isCalculator) whichSum.value = 'insurancePremiumPerMonth';
             }
-          }
-          if (productConditionsForm.requestedSumInsured !== '' && productConditionsForm.requestedSumInsured != null) {
-            productConditionsForm.insurancePremiumPerMonth = null;
-            if (props.isCalculator) whichSum.value = 'requestedSumInsured';
-          }
-          if (productConditionsForm.insurancePremiumPerMonth !== '' && productConditionsForm.insurancePremiumPerMonth != null) {
-            productConditionsForm.requestedSumInsured = null;
-            if (props.isCalculator) whichSum.value = 'insurancePremiumPerMonth';
-          }
 
-          if (!whichSum.value && isUnderwriterForm.value === false) {
-            dataStore.showToaster('error', dataStore.t('toaster.emptyProductConditions'));
-            return;
-          }
+            if (!whichSum.value && isUnderwriterForm.value === false) {
+              dataStore.showToaster('error', dataStore.t('toaster.emptyProductConditions'));
+              return;
+            }
 
-          if (
-            whichProduct.value === 'gons' &&
-            (formStore.applicationData.statusCode === 'EditForm' || formStore.applicationData.statusCode === 'StartForm') &&
-            getNumber(productConditionsForm.requestedSumInsured as string)! >= 10_000_000
-          ) {
-            dataStore.showToaster('info', dataStore.t('toaster.calcSumForUnder'), 6000);
-          }
-          if (isUnderwriterForm.value) {
-            type recalculationInfo = {
-              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,
-              lifeAdditive,
-              adbMultiply,
-              adbAdditive,
-              disabilityMultiply,
-              disabilityAdditive,
-            }))(productConditionsForm);
-            Object.keys(recalculationData).forEach(key => {
-              // @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;
+            if (
+              whichProduct.value === 'gons' &&
+              (formStore.applicationData.statusCode === 'EditForm' || formStore.applicationData.statusCode === 'StartForm') &&
+              getNumber(productConditionsForm.requestedSumInsured as string)! >= 10_000_000
+            ) {
+              dataStore.showToaster('info', dataStore.t('toaster.calcSumForUnder'), 6000);
+            }
+            if (isUnderwriterForm.value) {
+              type recalculationInfo = {
+                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,
+                lifeAdditive,
+                adbMultiply,
+                adbAdditive,
+                disabilityMultiply,
+                disabilityAdditive,
+              }))(productConditionsForm);
+              Object.keys(recalculationData).forEach(key => {
+                // @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 as string, whichSum.value);
+            }
             isCalculating.value = true;
-            await dataStore.reCalculate(formStore.applicationData.processInstanceId, recalculationData, route.params.taskId as string, whichSum.value);
-          }
-          isCalculating.value = true;
-          if (props.isCalculator) {
-            //@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 as string);
-              additionalTerms.value = formStore.additionalInsuranceTerms;
+            if (props.isCalculator) {
+              //@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 as string);
+                additionalTerms.value = formStore.additionalInsuranceTerms;
+              }
             }
           }
+
           isCalculating.value = false;
         } else {
           const errors = document.querySelector('.v-input--error');
@@ -911,25 +1252,32 @@ export default defineComponent({
         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;
+        if (whichProduct.value !== 'lifetrip') {
+          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;
+            }
+            formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
+            productConditionsForm.requestedSumInsured = defaultData.amount;
+            productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
+            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;
+            if (defaultData.signDate) {
+              productConditionsForm.signDate = reformatDate(defaultData.signDate);
+            }
+            if (dataStore.isLifeBusiness) {
+              productConditionsForm.coverPeriod = defaultData.insTermInMonth ?? null;
+            }
           }
-          formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
-          productConditionsForm.requestedSumInsured = defaultData.amount;
-          productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
-          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.isCalculator ? formStore.additionalInsuranceTermsWithout : formStore.additionalInsuranceTerms;
@@ -980,6 +1328,57 @@ export default defineComponent({
       { immediate: true },
     );
 
+    if (whichProduct.value === 'lifetrip') {
+      watch(
+        () => calculatorForm.type,
+        async val => {
+          if (val.code === 'Multiple') {
+            await dataStore.getPeriod();
+            calculatorForm.period = new Value();
+            calculatorForm.endDate = null;
+          }
+          if (calculatorForm.countries?.length != 0) {
+            await dataStore.getTripInsuredAmount();
+          }
+        },
+      );
+      watch(
+        () => calculatorForm.countries,
+        async val => {
+          if (val?.length && val.every(option => option.id != 0) && calculatorForm.type?.nameRu != null) {
+            await dataStore.getTripInsuredAmount();
+          }
+        },
+        { deep: true },
+      );
+
+      watch(
+        () => calculatorForm.period,
+        val => {
+          if (val) {
+            dataStore.maxDaysFiltered = dataStore.maxDaysAllArray.filter(days => days.code == val.code);
+            calculatorForm.maxDays = new Value();
+          }
+        },
+      );
+
+      watch(
+        () => calculatorForm.startDate,
+        val => {
+          if (val !== null && val.length === 10 && calculatorForm.endDate != null && calculatorForm.endDate.length === 10) {
+            calculatorForm.days = productConditionsForm.getSingleTripDays();
+          }
+        },
+      );
+      watch(
+        () => calculatorForm.endDate,
+        val => {
+          if (val !== null && val.length === 10 && calculatorForm.startDate != null && calculatorForm.startDate.length === 10) {
+            calculatorForm.days = productConditionsForm.getSingleTripDays();
+          }
+        },
+      );
+    }
     return {
       // State
       formStore,
@@ -990,13 +1389,19 @@ export default defineComponent({
       isCalculating,
       isPanelLoading,
       isPanelOpen,
+      isMultiplePanelOpen,
       isTermsPanelOpen,
       panelValue,
       termValue,
       panelList,
+      multiplePanelList,
+      multiplePanelValue,
       searchQuery,
       whichSum,
       Value,
+      calculatorForm,
+      isFixInsAmountPanelOpen,
+      fixInsValue,
 
       // Computed
       isTask,
@@ -1021,16 +1426,19 @@ export default defineComponent({
       hasRiskGroup,
       hasCalculated,
       hasAnnuityPayments,
+      hasAgencyPart,
       currencySymbolsAddTerm,
       amountAnnuityPayments,
       requestedSumInsuredLabel,
       isDisabledSum,
       isDisabledSumDollar,
+      countriesComputed,
       hasBirthDate,
       hasGender,
       coverPeriodLabel,
       insurancePremiumPerMonthLabel,
       isDisabledCoverPeriod,
+      hasDefault,
 
       // Rules
       coverPeriodRule,
@@ -1040,6 +1448,7 @@ export default defineComponent({
       pickPanelValue,
       pickTermValue,
       openPanel,
+      openMultiplePanel,
       openTermPanel,
       pickCalculation,
       underwriterCalculate,
@@ -1055,6 +1464,9 @@ export default defineComponent({
       clearFields,
       formatTermValue,
       filterTermConditions,
+      selectOption,
+      pickfixInsValue,
+      openFixInsPanel,
     };
   },
 });