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

package/components/Pages/ContragentForm.vue

@@ -1,23 +1,59 @@
 <template>
   <section v-show="showForm" class="flex flex-col gap-4 px-[10px]">
-    <v-form v-if="member" ref="vForm" @submit="submitForm" class="max-h-[75vh] overflow-y-scroll">
+    <v-form v-if="member" ref="vForm" @submit="submitForm" class="max-h-[75svh] overflow-y-scroll">
       <base-form-section :title="$dataStore.t('form.personalData')" class="mt-[14px]">
-        <base-form-input v-model="member.phoneNumber" :label="$dataStore.t('form.phoneNumber')" :maska="$maska.phone" :rules="$rules.required.concat($rules.phoneFormat)" />
-        <base-form-input v-model="member.iin" :label="$dataStore.t('form.iin')" :maska="$maska.iin" :rules="$rules.required.concat($rules.iinRight)" />
-        <base-form-input v-model.trim="member.lastName" :label="$dataStore.t('form.lastName')" :rules="$rules.required.concat($rules.cyrillic)" />
-        <base-form-input v-model.trim="member.firstName" :label="$dataStore.t('form.firstName')" :rules="$rules.required.concat($rules.cyrillic)" />
-        <base-form-input v-model.trim="member.middleName" :label="$dataStore.t('form.middleName')" :rules="$rules.cyrillicNonRequired" />
+        <base-form-input
+          v-model="member.phoneNumber"
+          :label="$dataStore.t('form.phoneNumber')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :maska="$maska.phone"
+          :rules="$rules.required.concat($rules.phoneFormat)"
+        />
+        <base-form-input
+          v-model="member.iin"
+          :label="$dataStore.t('form.iin')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :maska="$maska.iin"
+          :rules="$rules.required.concat($rules.iinRight)"
+        />
+        <base-form-input
+          v-model.trim="member.lastName"
+          :label="$dataStore.t('form.lastName')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :rules="$rules.required.concat($rules.cyrillic)"
+        />
+        <base-form-input
+          v-model.trim="member.firstName"
+          :label="$dataStore.t('form.firstName')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :rules="$rules.required.concat($rules.cyrillic)"
+        />
+        <base-form-input
+          v-model.trim="member.middleName"
+          :label="$dataStore.t('form.middleName')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :rules="$rules.cyrillicNonRequired"
+        />
         <base-form-input
           v-model="member.birthDate"
           :label="$dataStore.t('form.birthDate')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.required.concat($rules.birthDate)"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         />
-        <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :rules="$rules.numbers.concat($rules.age18)" />
+        <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :readonly="disabled" :clearable="!disabled" :rules="$rules.numbers.concat($rules.age18)" />
         <base-panel-input
           v-model="member.gender"
-          :value="member.gender.nameRu"
+          :value="member.gender?.nameRu"
+          :readonly="disabled"
+          :clearable="!disabled"
           :label="$dataStore.t('form.gender')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
@@ -25,15 +61,17 @@
         />
       </base-form-section>
       <!-- <base-form-section :title="$dataStore.t('form.jobData')">
-        <base-form-input v-model.trim="member.job" :label="$dataStore.t('form.job')" :rules="$rules.required" />
-        <base-form-input v-model.trim="member.jobPosition" :label="$dataStore.t('form.jobPosition')" :rules="$rules.required" />
-        <base-form-input v-model.trim="member.jobPlace" :label="$dataStore.t('form.jobPlace')" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.job" :label="$dataStore.t('form.job')"  :readonly="disabled" :clearable="!disabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPosition" :label="$dataStore.t('form.jobPosition')"  :readonly="disabled" :clearable="!disabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPlace" :label="$dataStore.t('form.jobPlace')"  :readonly="disabled" :clearable="!disabled" :rules="$rules.required" />
       </base-form-section> -->
       <base-form-section :title="$dataStore.t('form.placeRegistration')">
         <base-panel-input
           v-model="member.registrationCountry"
-          :value="member.registrationCountry.nameRu"
+          :value="member.registrationCountry?.nameRu"
           :label="$dataStore.t('form.Country')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.Country'), [], 'registrationCountry', $dataStore.getCountries)"
@@ -42,16 +80,20 @@
           <div class="flex flex-col gap-[1px]" v-if="member.registrationCountry.nameRu === 'Казахстан' || member.registrationCountry.nameRu === null">
             <base-panel-input
               v-model="member.registrationProvince"
-              :value="member.registrationProvince.nameRu"
+              :value="member.registrationProvince?.nameRu"
               :label="$dataStore.t('form.Province')"
+              :readonly="disabled"
+              :clearable="!disabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
               @append="openPanel($dataStore.t('form.Province'), [], 'registrationProvince', $dataStore.getStates, 'registrationCountry')"
             />
             <base-panel-input
               v-model="member.registrationRegionType"
-              :value="member.registrationRegionType.nameRu"
+              :value="member.registrationRegionType?.nameRu"
               :label="$dataStore.t('form.RegionType')"
+              :readonly="disabled"
+              :clearable="!disabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
               @append="openPanel($dataStore.t('form.RegionType'), [], 'registrationRegionType', $dataStore.getLocalityTypes)"
@@ -59,58 +101,62 @@
             <base-panel-input
               v-if="member.registrationRegionType.nameRu !== 'город'"
               v-model="member.registrationRegion"
-              :value="member.registrationRegion.nameRu"
+              :value="member.registrationRegion?.nameRu"
               :label="$dataStore.t('form.Region')"
+              :readonly="disabled"
+              :clearable="!disabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
               @append="openPanel($dataStore.t('form.Region'), [], 'registrationRegion', $dataStore.getRegions, 'registrationProvince')"
             />
             <base-panel-input
               v-model="member.registrationCity"
-              :value="member.registrationCity.nameRu"
+              :value="member.registrationCity?.nameRu"
               :label="$dataStore.t('form.City')"
+              :readonly="disabled"
+              :clearable="!disabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
               @append="openPanel($dataStore.t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
             />
-            <base-form-input v-model.trim="member.registrationQuarter" :label="$dataStore.t('form.Quarter')" />
-            <base-form-input v-model.trim="member.registrationMicroDistrict" :label="$dataStore.t('form.MicroDistrict')" />
-            <base-form-input v-model.trim="member.registrationStreet" :rules="$rules.required" :label="$dataStore.t('form.Street')" />
-            <base-form-input v-model.trim="member.registrationNumberHouse" :rules="$rules.required" :label="$dataStore.t('form.NumberHouse')" />
-            <base-form-input v-model.trim="member.registrationNumberApartment" :label="$dataStore.t('form.NumberApartment')" />
+            <base-form-input v-model.trim="member.registrationQuarter" :label="$dataStore.t('form.Quarter')" :readonly="disabled" :clearable="!disabled" />
+            <base-form-input v-model.trim="member.registrationMicroDistrict" :label="$dataStore.t('form.MicroDistrict')" :readonly="disabled" :clearable="!disabled" />
+            <base-form-input v-model.trim="member.registrationStreet" :rules="$rules.required" :label="$dataStore.t('form.Street')" :readonly="disabled" :clearable="!disabled" />
+            <base-form-input
+              v-model.trim="member.registrationNumberHouse"
+              :rules="$rules.required"
+              :label="$dataStore.t('form.NumberHouse')"
+              :readonly="disabled"
+              :clearable="!disabled"
+            />
+            <base-form-input v-model.trim="member.registrationNumberApartment" :label="$dataStore.t('form.NumberApartment')" :readonly="disabled" :clearable="!disabled" />
           </div>
         </base-fade-transition>
       </base-form-section>
       <base-form-section :title="$dataStore.t('form.birthData')">
         <base-panel-input
           v-model="member.birthPlace"
-          :value="member.birthPlace.nameRu"
+          :value="member.birthPlace?.nameRu"
           :label="$dataStore.t('form.Country')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
         />
-        <!-- TODO -->
-        <!-- <base-panel-input
-          v-model="member.birthRegion"
-          :value="member.birthRegion.nameRu"
-          :label="$dataStore.t('form.Region')"
-          
-          :rules="$rules.objectRequired"
-          append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($dataStore.t('form.Region'), [], 'birthRegion', $dataStore.getRegions)"
-        /> -->
       </base-form-section>
       <base-form-section :title="$dataStore.t('form.documentData')">
         <base-panel-input
           v-model="member.documentType"
-          :value="member.documentType.nameRu"
+          :value="member.documentType?.nameRu"
           :label="$dataStore.t('form.documentType')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
         />
-        <base-form-input v-model.trim="member.documentNumber" :label="$dataStore.t('form.documentNumber')" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.documentNumber" :label="$dataStore.t('form.documentNumber')" :readonly="disabled" :clearable="!disabled" :rules="$rules.required" />
         <!-- <base-file-input v-if="!memberDocument" :disabled="isDisabled" :clearable="!isDisabled" @input="attachFile($event)" />
         <base-empty-form-field v-if="memberDocument" @click="!isDisabled && openCustomPanel('document')" class="justify-between">
           {{ `${memberDocument.fileTypeName} - ${memberDocument.fileName}` }}
@@ -118,8 +164,10 @@
         </base-empty-form-field> -->
         <base-panel-input
           v-model="member.documentIssuers"
-          :value="member.documentIssuers.nameRu"
+          :value="member.documentIssuers?.nameRu"
           :label="$dataStore.t('form.documentIssuers')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.documentIssuers'), [], 'documentIssuers', $dataStore.getDocumentIssuers)"
@@ -128,6 +176,8 @@
           v-model="member.documentDate"
           :label="$dataStore.t('form.documentDate')"
           :rules="$rules.required.concat($rules.date)"
+          :readonly="disabled"
+          :clearable="!disabled"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         />
@@ -136,6 +186,8 @@
             v-if="member.documentType.ids !== 'SBI' && member.documentType.ids !== 'VNZ'"
             v-model="member.documentExpire"
             :label="$dataStore.t('form.documentExpire')"
+            :readonly="disabled"
+            :clearable="!disabled"
             :rules="$rules.required.concat($rules.date)"
             :maska="$maska.date"
             append-inner-icon="mdi mdi-calendar-blank-outline"
@@ -143,16 +195,20 @@
         </base-fade-transition>
         <base-panel-input
           v-model="member.signOfResidency"
-          :value="member.signOfResidency.nameRu"
+          :value="member.signOfResidency?.nameRu"
           :label="$dataStore.t('form.signOfResidency')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.signOfResidency'), [], 'signOfResidency', $dataStore.getResidents)"
         />
         <base-panel-input
           v-model="member.countryOfTaxResidency"
-          :value="member.countryOfTaxResidency.nameRu"
+          :value="member.countryOfTaxResidency?.nameRu"
           :label="$dataStore.t('form.countryOfTaxResidency')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.countryOfTaxResidency'), [], 'countryOfTaxResidency', $dataStore.getTaxCountries)"
@@ -161,8 +217,10 @@
           <base-panel-input
             v-if="member.countryOfTaxResidency.ids === '500014.3'"
             v-model="member.addTaxResidency"
-            :value="member.addTaxResidency.nameRu"
+            :value="member.addTaxResidency?.nameRu"
             :label="$dataStore.t('form.addTaxResidency')"
+            :readonly="disabled"
+            :clearable="!disabled"
             :rules="$rules.objectRequired"
             append-inner-icon="mdi mdi-chevron-right"
             @append="openPanel($dataStore.t('form.addTaxResidency'), [], 'addTaxResidency', $dataStore.getAdditionalTaxCountries)"
@@ -170,28 +228,40 @@
         </base-fade-transition>
         <base-panel-input
           v-model="member.countryOfCitizenship"
-          :value="member.countryOfCitizenship.nameRu"
+          :value="member.countryOfCitizenship?.nameRu"
           :label="$dataStore.t('form.countryOfCitizenship')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
         />
         <base-panel-input
           v-model="member.economySectorCode"
-          :value="member.economySectorCode.nameRu"
+          :value="member.economySectorCode?.nameRu"
           :label="$dataStore.t('form.economySectorCode')"
+          :readonly="disabled"
+          :clearable="!disabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($dataStore.t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
         />
       </base-form-section>
       <base-form-section :title="$dataStore.t('form.contactsData')">
-        <base-form-input v-model="member.homePhone" :maska="$maska.phone" placeholder="+7 7" :label="$dataStore.t('form.homePhone')" :rules="$rules.phoneFormat" />
-        <base-form-input v-model.trim="member.email" :label="$dataStore.t('form.email')" :rules="$rules.email" />
+        <base-form-input
+          v-model="member.homePhone"
+          :maska="$maska.phone"
+          placeholder="+7 7"
+          :label="$dataStore.t('form.homePhone')"
+          :readonly="disabled"
+          :clearable="!disabled"
+          :rules="$rules.phoneFormat"
+        />
+        <base-form-input v-model.trim="member.email" :label="$dataStore.t('form.email')" :readonly="disabled" :clearable="!disabled" :rules="$rules.email" />
       </base-form-section>
     </v-form>
-    <base-btn v-if="showSaveButton" :loading="isButtonLoading" :text="$dataStore.t('buttons.save')" @click="submitForm" />
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <base-btn v-if="showSaveButton && !disabled" :loading="isButtonLoading" :text="$dataStore.t('buttons.save')" @click="submitForm" />
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="relative flex flex-col items-center">
         <i
           v-if="type === 'panel'"
@@ -217,7 +287,7 @@
 </template>
 
 <script lang="ts">
-import { StoreMembers } from 'types/enum';
+import { StoreMembers } from '../../types/enum';
 import { Member, Value } from '../../composables/classes';
 
 export default defineComponent({
@@ -234,6 +304,10 @@ export default defineComponent({
       type: String as PropType<'contragent' | keyof typeof StoreMembers>,
       default: 'contragent',
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ['success'],
   setup(props, { emit }) {
@@ -270,8 +344,8 @@ export default defineComponent({
       isPanelOpen.value = true;
       dataStore.panelAction = null;
       if (props.type === 'default') {
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
       }
 
       let newList = list;
@@ -289,7 +363,7 @@ export default defineComponent({
 
     const pickPanelValue = (item: Value) => {
       if (props.type === 'default') {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
       }
       showForm.value = true;
       isPanelOpen.value = false;
@@ -389,9 +463,9 @@ export default defineComponent({
     );
 
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           dataStore.panelAction = null;
         }

package/components/Pages/Documents.vue

@@ -1,5 +1,15 @@
 <template>
   <section class="w-full px-[10px] pt-[14px] flex flex-col gap-2" :class="[$styles.scrollPage]" v-if="formStore.signedDocumentList && formStore.signedDocumentList.length">
+    <base-content-block
+      v-if="$dataStore.isInitiator() && $dataStore.controls.hasChooseSign && formStore.applicationData.statusCode === 'ContractSignedFrom'"
+      :class="[$styles.textSimple]"
+    >
+      <h5 class="text-center font-medium mb-4">{{ $dataStore.t('Contract') }}</h5>
+      <base-form-input v-model="formStore.documentName" :label="$dataStore.t('form.document')" :readonly="true" />
+      <base-form-input v-model="formStore.policyNumber" :label="$dataStore.t('form.documentNumber')" :readonly="true" />
+      <base-form-input v-model="formStore.contractDate" :label="$dataStore.t('form.date')" :readonly="true" append-inner-icon="mdi mdi-calendar-blank-outline" />
+      <base-file-input :readonly="isDisabled" @input.prevent="onFileChange($event)" />
+    </base-content-block>
     <base-content-block v-for="document of formStore.signedDocumentList" :key="document.id" :class="[$styles.textSimple]">
       <h5 class="text-center font-medium mb-4">
         {{ document.fileTypeName }}
@@ -14,8 +24,27 @@
       </div>
     </base-content-block>
   </section>
-  <base-list-empty v-else />
-  <Teleport v-if="$dataStore.panelAction === null" to="#panel-actions">
+  <div v-else class="h-[calc(90vh-70px)] flex flex-col items-center justify-center gap-6">
+    <svg xmlns="http://www.w3.org/2000/svg" width="125" height="131" viewBox="0 0 125 131" fill="none" class="cursor-help">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M71.0404 15.5H34.8737C29.8801 15.5 25.832 19.6638 25.832 24.8V99.2C25.832 104.336 29.8801 108.5 34.8737 108.5H89.1237C94.1173 108.5 98.1654 104.336 98.1654 99.2V43.4L71.0404 15.5Z"
+        stroke="#009C73"
+        stroke-width="6"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path d="M72.332 20.6641V41.3307H92.9987" stroke="#009C73" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+      <path opacity="0.497024" d="M82.6654 67.1641H41.332" stroke="#009C73" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+      <path opacity="0.497024" d="M82.6654 87.8359H41.332" stroke="#009C73" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+      <path opacity="0.497024" d="M51.6654 46.5H46.4987H41.332" stroke="#009C73" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
+      <circle cx="102" cy="108" r="22.5" fill="#FCB016" stroke="#F1F2F6" />
+      <path d="M103.375 95.625V109.375H92.375" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
+    </svg>
+    <p class="text-xl" :class="[$styles.mutedText]">{{ $dataStore.t('labels.noDocuments') }}</p>
+  </div>
+  <Teleport v-if="$dataStore.panelAction === null" to="#right-panel-actions">
     <base-fade-transition>
       <div :class="[$styles.flexColNav]">
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
@@ -35,6 +64,19 @@ export default defineComponent({
     const currentDocument = ref<DocumentItem>(new DocumentItem());
     const documentLoading = ref<boolean>(false);
 
+    const isDisabled = computed(() => !dataStore.isTask());
+    const contractDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Договор страхования' || i.nameRu === 'Договор'));
+    const signedContract = reactive<{
+      processInstanceId: string | number;
+      fileTypeId: string | number | null;
+      fileTypeCode: string | number | null;
+      fileName?: string | number | null;
+    }>({
+      processInstanceId: formStore.applicationData.processInstanceId,
+      fileTypeId: contractDict.value ? contractDict.value.id : '',
+      fileTypeCode: contractDict.value ? contractDict.value.code : '',
+    });
+    const signedContractFormData = ref(new FormData());
     const currentState = reactive<{ action: string; text: string }>({
       action: '',
       text: '',
@@ -50,10 +92,29 @@ export default defineComponent({
     );
 
     const openPanel = async (document: DocumentItem) => {
-      dataStore.panelAction = null;
-      dataStore.panel.title = document.fileTypeName!;
+      dataStore.rightPanel.title = document.fileTypeName!;
       currentDocument.value = document;
-      dataStore.panel.open = true;
+      dataStore.rightPanel.open = true;
+    };
+
+    const onFileChange = async (event: InputEvent) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length && files[0].name !== signedContract.fileName) {
+          if (files[0].size >= 20_000_000) {
+            return dataStore.showToaster('error', dataStore.t('toaster.fileOnlyBelow20mb'), 6000);
+          }
+          if (files[0].type !== 'application/pdf') {
+            return dataStore.showToaster('error', dataStore.t('toaster.onlyPDF'), 6000);
+          }
+          signedContract.fileName = files[0].name;
+          formStore.documentName = signedContract.fileName;
+          signedContractFormData.value.append('file', files[0]);
+          signedContractFormData.value.append('fileData', JSON.stringify([signedContract]));
+          formStore.signedContractFormData = signedContractFormData.value;
+          formStore.isUploadedSignedContract = true;
+        }
+      }
     };
 
     watch(
@@ -89,8 +150,7 @@ export default defineComponent({
     onInit();
 
     onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
+      dataStore.rightPanel.open = false;
     });
 
     return {
@@ -98,10 +158,15 @@ export default defineComponent({
       formStore,
       documentLoading,
       DocumentItem,
+      signedContract,
+
+      // Computed
+      isDisabled,
 
       // Functions
       openPanel,
       getFile,
+      onFileChange,
     };
   },
 });

package/components/Pages/InvoiceInfo.vue

@@ -8,7 +8,7 @@
     </lazy-base-form-section>
     <lazy-base-form-section v-if="invoiceData.paymentLink && invoiceData.status !== 1" :title="$dataStore.t('labels.epayPage')" class="flex items-center">
       <div class="w-full lg:w-[70%] bg-white">
-        <iframe :src="invoiceData.paymentLink" frameborder="0" class="w-full h-[70vh]"></iframe>
+        <iframe :src="invoiceData.paymentLink" frameborder="0" class="w-full h-[70svh]"></iframe>
       </div>
     </lazy-base-form-section>
   </section>