hl-core 0.0.9-beta.28 → 0.0.9-beta.29

package/components/Pages/ProductConditions.vue

@@ -488,7 +488,7 @@
       <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">
+    <Teleport v-if="isPanelOpen" to="#right-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 v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -504,7 +504,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isMultiplePanelOpen && calculatorForm.countries !== null" to="#panel-actions">
+    <Teleport v-if="isMultiplePanelOpen && calculatorForm.countries !== null" to="#right-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>
@@ -527,7 +527,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
+    <Teleport v-if="isTermsPanelOpen" to="#right-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 v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -542,7 +542,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isFixInsAmountPanelOpen" to="#panel-actions">
+    <Teleport v-if="isFixInsAmountPanelOpen" to="#right-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">
@@ -556,7 +556,7 @@
         </div>
       </div>
     </Teleport>
-    <Teleport v-if="isCoverPeriodPanelOpen" to="#panel-actions">
+    <Teleport v-if="isCoverPeriodPanelOpen" to="#right-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">
@@ -864,7 +864,7 @@ export default defineComponent({
     };
 
     const pickPanelValue = (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isPanelOpen.value = false;
       isMultiplePanelOpen.value = false;
       if (item.id === null) {
@@ -905,7 +905,7 @@ export default defineComponent({
       }
     };
     const pickTermValue = async (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isTermsPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].coverSumId = item.id as string;
@@ -926,9 +926,9 @@ export default defineComponent({
           isFixInsAmountPanelOpen.value = false;
           isCoverPeriodPanelOpen.value = true;
           dataStore.panelAction = null;
-          dataStore.panel.open = true;
+          dataStore.rightPanel.open = true;
           isMultiplePanelOpen.value = false;
-          dataStore.panel.title = dataStore.t('clients.coveragePeriod');
+          dataStore.rightPanel.title = dataStore.t('clients.coveragePeriod');
         }
       }
     };
@@ -952,8 +952,8 @@ export default defineComponent({
         isFixInsAmountPanelOpen.value = false;
         isCoverPeriodPanelOpen.value = false;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
         isMultiplePanelOpen.value = false;
 
         let newList = list;
@@ -992,8 +992,8 @@ export default defineComponent({
         }
 
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         // @ts-ignore
         multiplePanelList.value = filterList(newList, key);
@@ -1005,7 +1005,7 @@ export default defineComponent({
       }
     };
     const closeMultiplePanel = (item?: CountryValue) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isMultiplePanelOpen.value = false;
       if (!currentPanel.value) return;
       // @ts-ignore
@@ -1031,8 +1031,8 @@ export default defineComponent({
         isCoverPeriodPanelOpen.value = false;
         isTermsPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         let newList;
         if (asyncFunction) {
@@ -1057,8 +1057,8 @@ export default defineComponent({
         isCoverPeriodPanelOpen.value = false;
         isFixInsAmountPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
         panelList.value = constants.fixInsAmount;
         fixInsValue.value = String(amount);
       } else {
@@ -1067,7 +1067,7 @@ export default defineComponent({
     };
 
     const pickfixInsValue = (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isFixInsAmountPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].amount = Number(item.code);
@@ -1075,7 +1075,7 @@ export default defineComponent({
 
     const pickCoverPeriodValue = (item: Value) => {
       coverPeriodValue.value = item.code as string;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isCoverPeriodPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].coverPeriodCode = item.code as string;
@@ -1397,9 +1397,9 @@ export default defineComponent({
       },
     );
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           isTermsPanelOpen.value = false;
           dataStore.panelAction = null;

package/components/Panel/PanelHandler.vue

@@ -27,13 +27,29 @@
     </div>
   </section>
   <section v-if="chooseSignActions">
-    <div v-if="!isElectronicContract && !isPaperContract" :class="[$styles.flexColNav]">
-      <base-btn :text="$dataStore.t('buttons.sendOnPaper')" @click="handleSignAction('paper')" />
-      <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="true" @click="handleSignAction('electronic')" />
+    <div v-if="!isElectronicContract && !isPaperContract && !isScansDocuments" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.sendOnPaper')" :disabled="isPaperDisabled" @click="handleSignAction('paper')" />
+      <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="isElectronicDisabled" @click="handleSignAction('electronic')" />
+      <base-btn :text="$dataStore.t('buttons.generatePrintedForms')" :disabled="isScansDisabled" @click="handleSignAction('scans')" />
     </div>
     <div v-if="isPaperContract" :class="[$styles.flexColNav]">
       <base-btn :text="$dataStore.t('buttons.downloadContract')" :loading="$dataStore.isButtonsLoading" @click="generateDocument" />
     </div>
+    <div v-if="isScansDocuments" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.downloadStatement')" />
+      <base-btn :text="$dataStore.t('buttons.downloadContract')" />
+      <base-btn :text="$dataStore.t('buttons.downloadApplication')" />
+      <base-btn :text="$dataStore.t('buttons.downloadPowerOfAttorney')" />
+
+      <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
+        <base-file-input :label="$dataStore.t('labels.attachStatement')" @input.prevent="onFileChangeScans($event)" />
+        <base-file-input :label="$dataStore.t('labels.attachContract')" @input.prevent="onFileChangeScans($event)" />
+        <base-file-input :label="$dataStore.t('labels.attachApplication')" @input.prevent="onFileChangeScans($event)" />
+        <base-file-input :label="$dataStore.t('labels.attachPowerOfAttorney')" @input.prevent="onFileChangeScans($event)" />
+      </base-form-section>
+      <base-btn :text="$dataStore.t('buttons.sign')" :loading="$dataStore.isButtonsLoading" @click="sendFiles" />
+      <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="isScansDocuments = false" />
+    </div>
   </section>
   <section v-if="signingActions" class="relative">
     <base-fade-transition>
@@ -141,7 +157,7 @@
 </template>
 
 <script lang="ts">
-import { DocumentItem } from '../../composables/classes';
+import { DocumentItem, Value } from '../../composables/classes';
 
 export default defineComponent({
   emits: ['task'],
@@ -152,6 +168,7 @@ export default defineComponent({
     const actionCause = ref<string>('');
     const loading = ref<boolean>(false);
     const isPaperContract = ref<boolean>(false);
+    const isScansDocuments = ref<boolean>(false);
     const isElectronicContract = ref<boolean>(true);
     const email = ref<string>('');
 
@@ -172,6 +189,8 @@ export default defineComponent({
       fileTypeCode: documentDict.value ? documentDict.value.code : '',
     });
     const affiliationFormData = ref(new FormData());
+    const scansFormData = ref(new FormData());
+    const scansFiles = ref<any[]>([]);
 
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
@@ -200,6 +219,42 @@ export default defineComponent({
         }
       }
     };
+
+    const onFileChangeScans = async (event: InputEvent) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length) {
+          const name = files[0].name.substring(0, files[0].name.indexOf('.'));
+          const selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.nameRu === String(name));
+          const data = {
+            processInstanceId: formStore.applicationData.processInstanceId,
+            fileTypeCode: selectedDocument ? selectedDocument.code : null,
+            fileTypeId: selectedDocument ? selectedDocument.id : null,
+            fileName: files[0].name,
+          };
+          scansFiles.value.push({
+            file: files[0],
+            fileData: JSON.stringify([data]),
+          });
+        }
+      }
+    };
+
+    const sendFiles = async () => {
+      if (scansFiles.value.length !== 4) {
+        dataStore.showToaster('warning', dataStore.t('toaster.notAllDocumentsAttached'));
+        return;
+      }
+      for (const item of scansFiles.value) {
+        scansFormData.value.append('file', item.file);
+        scansFormData.value.append('fileData', item.fileData);
+        await dataStore.uploadFiles(scansFormData.value);
+        scansFormData.value = new FormData();
+      }
+      closePanel();
+      dataStore.showToaster('success', dataStore.t('toaster.successOperation'));
+      await dataStore.handleTask(constants.actions.signed, route.params.taskId as string, actionCause.value);
+    };
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -248,7 +303,7 @@ export default defineComponent({
 
     const onInit = async () => {
       if (dataStore.controls.hasChooseSign) {
-        if (dataStore.isGons) {
+        if (dataStore.isGons || dataStore.isLifeBusiness) {
           isElectronicContract.value = false;
         }
       }
@@ -335,6 +390,24 @@ export default defineComponent({
       }
       return true;
     });
+    const isPaperDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const isElectronicDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      return false;
+    });
+    const isScansDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      return false;
+    });
     const downloadTemplate = async () => {
       dataStore.panel.open = false;
       dataStore.panelAction = null;
@@ -351,7 +424,7 @@ export default defineComponent({
       });
     };
 
-    const handleSignAction = async (type: 'paper' | 'electronic') => {
+    const handleSignAction = async (type: 'paper' | 'electronic' | 'scans') => {
       if (type === 'electronic') {
         await dataStore.signDocument();
         isElectronicContract.value = true;
@@ -359,6 +432,9 @@ export default defineComponent({
       if (type === 'paper') {
         isPaperContract.value = true;
       }
+      if (type === 'scans') {
+        isScansDocuments.value = true;
+      }
     };
 
     const generateDocument = async () => {
@@ -377,6 +453,7 @@ export default defineComponent({
       phoneNumber,
       selectedClient,
       isPaperContract,
+      isScansDocuments,
       email,
       // Functions
       closePanel,
@@ -387,6 +464,8 @@ export default defineComponent({
       onFileChange,
       downloadTemplate,
       sendTemplateToEmail,
+      onFileChangeScans,
+      sendFiles,
       // Computed
       buttonText,
       sendingActions,
@@ -406,6 +485,9 @@ export default defineComponent({
       isElectronicContract,
       handleSignAction,
       generateDocument,
+      isPaperDisabled,
+      isElectronicDisabled,
+      isScansDisabled,
     };
   },
 });

package/components/Panel/RightPanelCloser.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const dataStore = useDataStore();
+
+onUnmounted(() => {
+  dataStore.rightPanel.open = false;
+});
+</script>

package/composables/classes.ts

@@ -946,7 +946,13 @@ export class DataStoreClass {
     open: boolean;
     overlay: boolean;
     title: string;
-    clear: Function | void;
+    clear: () => void;
+  };
+  rightPanel: {
+    open: boolean;
+    overlay: boolean;
+    title: string;
+    clear: () => void;
   };
   historyPageIndex: number;
   historyPageSize: number;
@@ -1102,13 +1108,24 @@ export class DataStoreClass {
       open: false,
       overlay: false,
       title: '',
-      clear: function () {
+      clear: () => {
         const panelActions = document.getElementById('panel-actions');
         if (panelActions) {
           panelActions.innerHTML = '';
         }
       },
     };
+    this.rightPanel = {
+      open: false,
+      overlay: false,
+      title: '',
+      clear: () => {
+        const panelActions = document.getElementById('right-panel-actions');
+        if (panelActions) {
+          panelActions.innerHTML = '';
+        }
+      },
+    };
     this.panelAction = null;
     this.historyPageIndex = 1;
     this.historyPageSize = 10;
@@ -1211,7 +1228,6 @@ export class FormStoreClass {
   signedContractFormData: any;
   lfb: {
     clients: ClientV2[];
-    fixInsAmount: Value[];
     policyholder: MemberV2;
     hasAccidentIncidents: boolean;
     accidentIncidents: AccidentIncidents[];
@@ -1220,7 +1236,6 @@ export class FormStoreClass {
     beneficialOwnersIndex: number;
     isPolicyholderBeneficialOwner: boolean;
     clientId: string | null;
-    policyholderFile: any;
   };
   additionalInsuranceTerms: AddCover[];
   additionalInsuranceTermsWithout: AddCover[];
@@ -1318,7 +1333,6 @@ export class FormStoreClass {
     this.signedContractFormData = null;
     this.lfb = {
       clients: [],
-      fixInsAmount: [],
       policyholder: new MemberV2(),
       hasAccidentIncidents: true,
       policyholderActivities: [new PolicyholderActivity()],
@@ -1327,7 +1341,6 @@ export class FormStoreClass {
       isPolicyholderBeneficialOwner: false,
       accidentIncidents: [],
       clientId: null,
-      policyholderFile: null,
     };
     this.additionalInsuranceTerms = [];
     this.additionalInsuranceTermsWithout = [];
@@ -1414,121 +1427,125 @@ export class FormStoreClass {
 }
 
 export class MemberV2 {
-  personalData: {
-    iin: string | null;
-    phone: string | null;
-    email: string | null;
-    firstName: string | null;
-    middleName: string | null;
-    lastName: string | null;
-    birthDate: string | null;
-    citizenship: Value;
-    birthPlace: string | null;
-    resident: Value;
-    taxResidentCountry: Value;
-    showTaxResidentCountry: string | null;
-  };
-  identityCard?: {
+  iin: string | null;
+  phoneNumber: string | null;
+  firstName: string | null;
+  middleName: string | null;
+  lastName: string | null;
+  citizenship: Value;
+  email: string | null;
+  resident: Value;
+  taxResidentCountry: Value;
+  economySectorCode: Value;
+  isActualAddressEqualLegalAddres: boolean;
+  identityDocument?: {
     documentType: Value;
     documentNumber: string | null;
     series: string | null;
-    documentIssuer: Value;
-    validity: string | null;
+    issuedBy: Value;
+    validUntil: string | null;
   };
-  bankDetails: {
+  bankInfo: {
     bin: string | null;
     bankName: Value;
     iik: string | null;
     bik: string | null;
     kbe: string | null;
   };
-  actualAddress: Address;
-  juridicalAddressCompany: Address;
-  clientPower: {
-    documentBasisOn: string | null;
-    documentBasisOnKz: string | null;
-    docNumber: string | null;
+  address: Address;
+  workDetails: {
+    workplace: string | null;
+    position: string | null;
+    jobDuties: string | null;
+  };
+  companyAddress: Address;
+  authorityDetails: {
+    basis: string | null;
+    documentNumber: string | null;
     date: string | null;
   };
-  position: string | null;
-  organizationData: {
+  organizationInfo: {
+    bin: string | null;
     organizationName: string | null;
+    kbe: string | null;
+    resident: Value;
+    taxResidentCountry: Value;
     economySectorCode: Value;
     typeOfEconomicActivity: string | null;
+    organizationPhone: string | null;
+    organizationEmail: string | null;
+    organizationInternetResource: string | null;
+    organizationStartDate: string | null;
+    activityTypes: {
+      activityTypeName: string | null;
+      empoloyeeCount: number | null;
+    }[];
   };
-  jurAddressIsActualAddress: boolean;
-  quests?: {
+  isLeader?: boolean;
+  beneficalOwnerQuest?: {
     order: number;
     text: string | null;
     answer: boolean | null;
   }[];
-  isLeader?: boolean;
-  // insuredPolicyData: {
-  //   insSum: 0;
-  //   insSumWithLoad: 0;
-  //   premium: 0;
-  //   premiumWithLoad: 0;
-  //   insuredRisk: {
-  //     lifeMultiply: 0;
-  //     lifeAdditive: 0;
-  //     disabilityMultiply: 0;
-  //     disabilityAdditive: 0;
-  //     traumaTableMultiple: 0;
-  //     accidentalLifeMultiply: 0;
-  //     accidentalLifeAdditive: 0;
-  //     criticalMultiply: 0;
-  //     criticalAdditive: 0;
-  //   };
-  //   insuredCoverData: {
-  //     coverTypeEnum: 1;
-  //     premium: 0;
-  //   }[];
-  // };
   constructor() {
-    this.personalData = {
-      iin: null,
-      phone: null,
-      email: null,
-      firstName: null,
-      middleName: null,
-      lastName: null,
-      birthDate: null,
-      citizenship: new Value(),
-      birthPlace: null,
-      resident: new Value(),
-      taxResidentCountry: new Value(),
-      showTaxResidentCountry: null,
-    };
-    this.identityCard = {
+    this.iin = null;
+    this.phoneNumber = null;
+    this.firstName = null;
+    this.middleName = null;
+    this.lastName = null;
+    this.citizenship = new Value();
+    this.email = null;
+    this.resident = new Value();
+    this.taxResidentCountry = new Value();
+    this.economySectorCode = new Value();
+    this.isActualAddressEqualLegalAddres = true;
+    this.identityDocument = {
       documentType: new Value(),
       documentNumber: null,
       series: null,
-      documentIssuer: new Value(),
-      validity: null,
+      issuedBy: new Value(),
+      validUntil: null,
     };
-    this.bankDetails = {
+    this.bankInfo = {
       bin: null,
       bankName: new Value(),
       iik: null,
       bik: null,
       kbe: null,
     };
-    this.actualAddress = new Address();
-    this.juridicalAddressCompany = new Address();
-    this.clientPower = {
-      documentBasisOn: null,
-      documentBasisOnKz: null,
-      docNumber: null,
+    this.address = new Address();
+    this.workDetails = {
+      workplace: null,
+      position: null,
+      jobDuties: null,
+    };
+    this.companyAddress = new Address();
+    this.authorityDetails = {
+      basis: null,
+      documentNumber: null,
       date: null,
     };
-    this.position = null;
-    this.organizationData = {
+    this.organizationInfo = {
+      bin: null,
       organizationName: null,
+      kbe: null,
+      resident: new Value(),
+      taxResidentCountry: new Value(),
       economySectorCode: new Value(),
       typeOfEconomicActivity: null,
+      organizationPhone: null,
+      organizationEmail: null,
+      organizationInternetResource: null,
+      organizationStartDate: null,
+      activityTypes: [
+        {
+          activityTypeName: null,
+          empoloyeeCount: null,
+        },
+      ],
     };
-    this.jurAddressIsActualAddress = true;
-    this.quests = [
+    this.isLeader = true;
+    this.beneficalOwnerQuest = [
       {
         order: 0,
         text: 'Отметка о наличии/отсутствии физического лица (лиц), которому прямо или косвенно принадлежат более 25 % долей участия в уставном капитале либо размещенных (за вычетом привилегированных и выкупленных обществом) акций юридического лица',
@@ -1545,30 +1562,6 @@ export class MemberV2 {
         answer: null,
       },
     ];
-    this.isLeader = true;
-    // this.insuredPolicyData = {
-    //   insSum: 0,
-    //   insSumWithLoad: 0,
-    //   premium: 0,
-    //   premiumWithLoad: 0,
-    //   insuredRisk: {
-    //     lifeMultiply: 0,
-    //     lifeAdditive: 0,
-    //     disabilityMultiply: 0,
-    //     disabilityAdditive: 0,
-    //     traumaTableMultiple: 0,
-    //     accidentalLifeMultiply: 0,
-    //     accidentalLifeAdditive: 0,
-    //     criticalMultiply: 0,
-    //     criticalAdditive: 0,
-    //   },
-    //   insuredCoverData: [
-    //     {
-    //       coverTypeEnum: 1,
-    //       premium: 0,
-    //     },
-    //   ],
-    // };
   }
 }