hl-core 0.0.10-beta.3 → 0.0.10-beta.30

package/components/Pages/Documents.vue

@@ -17,7 +17,7 @@
         <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]">
+      <base-content-block v-for="document of documentListFiltered" :key="document.id" :class="[$styles.textSimple]">
         <h5 class="text-center font-medium mb-4">
           {{ document.fileTypeName }}
         </h5>
@@ -31,6 +31,40 @@
         </div>
       </base-content-block>
     </section>
+    <section v-if="hasDigitalDocuments">
+      <base-digital-document
+        v-if="$route.params.taskId !== '0'"
+        :member="policyholderForm"
+        :title="$dataStore.t('policyholderForm')"
+        :disabled="isDigitalDocDisabled"
+        @openDigitalDocPanel="openDigitalDocPanel($event, 'Страхователя')"
+        @openPanel="openPanel"
+      />
+      <div v-if="insuredFiltered.length !== 0">
+        <base-digital-document
+          v-for="(member, index) in insuredFiltered"
+          :key="index"
+          :member="member"
+          :number="index + 1"
+          :title="$dataStore.t('insuredForm')"
+          :disabled="isDigitalDocDisabled"
+          @openDigitalDocPanel="openDigitalDocPanel($event, 'Застрахованного')"
+          @openPanel="openPanel"
+        />
+      </div>
+      <div v-if="beneficiaryFiltered.length !== 0">
+        <base-digital-document
+          v-for="(member, index) in beneficiaryFiltered"
+          :key="index"
+          :member="member"
+          :number="index + 1"
+          :title="$dataStore.t('beneficiaryForm')"
+          :disabled="isDigitalDocDisabled"
+          @openDigitalDocPanel="openDigitalDocPanel($event, 'Выгодоприобретателя')"
+          @openPanel="openPanel"
+        />
+      </div>
+    </section>
     <div v-if="noDocuments" 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
@@ -97,7 +131,7 @@
         </div>
       </base-content-block>
     </section>
-    <Teleport v-if="$dataStore.panelAction === null" to="#right-panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <base-fade-transition>
         <div :class="[$styles.flexColNav]">
           <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
@@ -108,6 +142,46 @@
         </div>
       </base-fade-transition>
     </Teleport>
+    <Teleport v-if="isDigitalDocOpen" to="#right-panel-actions">
+      <div :class="[$styles.flexColNav]">
+        <base-form-section class="!mt-0">
+          <v-expansion-panels :flat="true">
+            <v-expansion-panel class="digital-doc-info !rounded-[8px]">
+              <v-expansion-panel-title class="!text-[12px]"> Как получить цифровой документ: </v-expansion-panel-title>
+              <v-expansion-panel-text class="text-[12px] text-[#464f60]">
+                1. Выберите тип документа.<br /><br />
+                2. Через приложение eGov mobile и другие приложения: <br />
+                • Откройте раздел "Цифровые документы". <br />
+                • Выберите нужный документ и откройте доступ. <br />
+                • Введите 6-значный код в поле «Код подтверждения». <br />
+                • Нажмите "Получить документ".<br /><br />
+                3. Через SMS: <br />
+                • Нажмите "Отправить код". <br />
+                • Введите полученный SMS-код. <br />
+                • Нажмите "Получить документ".<br />
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+        </base-form-section>
+        <div class="p-4 d-flex flex-col gap-0.5" :class="[$styles.blueBgLight, $styles.rounded]">
+          <base-rounded-select v-model="documentType" class="document-type-select" :items="documentItems" :label="$dataStore.t('form.documentType')" hide-details />
+          <div class="digital-document-otp flex flex-col">
+            <base-otp-input
+              v-model="otpCode"
+              @keyup.enter.prevent="otpCode.length === useMask().otpSixDigit.length && getCode()"
+              @input="otpCode.length === useMask().otpSixDigit.length && getDigitalDocument()"
+            />
+            <base-animation>
+              <span v-if="!documentLoading" class="text-center cursor-pointer" :class="[$styles.mutedText]" @click="getCode"
+                >Не получили код? <span class="underline underline-offset-2">Отправить код заново</span></span
+              >
+            </base-animation>
+          </div>
+        </div>
+        <base-btn :disabled="documentLoading" :loading="documentLoading" :btn="$styles.greenLightBtn" text="Отправить SMS-код" @click="getCode" />
+        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Получить документ" @click="getDigitalDocument" />
+      </div>
+    </Teleport>
     <base-dialog
       v-model="deletionDialog"
       :title="$dataStore.t('dialog.confirmDelete')"
@@ -122,18 +196,40 @@
 
 <script lang="ts">
 import { DocumentItem } from '../../composables/classes';
+import type { IDocument } from '../../composables/classes';
 import { uuid } from 'vue-uuid';
+import type { Base, FileActions } from '../../types';
 
 export default defineComponent({
   setup() {
+    type DigitalDocNames = 'Удостоверение личности' | 'Паспорт' | 'Вид на жительство иностранного гражданина';
+    type DigitalDocTypes = 'IdentityCard' | 'Passport' | 'Vnzh';
+
+    const route = useRoute();
     const dataStore = useDataStore();
     const formStore = useFormStore();
     const currentDocument = ref<DocumentItem>(new DocumentItem());
     const documentLoading = ref<boolean>(false);
     const deletionDialog = ref<boolean>(false);
+    const isPanelOpen = ref<boolean>(false);
+    const isDigitalDocOpen = ref<boolean>(false);
     const isDisabled = computed(() => !dataStore.isTask());
     const contractDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Договор страхования' || i.nameRu === 'Договор'));
     const processCode = formStore.applicationData.processCode;
+
+    const hasDigitalDocuments = computed(() => dataStore.isEfoParent && !dataStore.isGns && !dataStore.isLifeBusiness && !!formStore.applicationData);
+    const isDigitalDocDisabled = computed(
+      () => !dataStore.isTask() || route.params.taskId === '0' || !dataStore.isInitiator() || !dataStore.isProcessEditable(formStore.applicationData.statusCode),
+    );
+    const documentType = ref<DigitalDocNames | null>(null);
+    const otpCode = ref<string>('');
+    const currentIin = ref<string>('');
+    const deleteFilesId = ['1', '2', '4', '46'];
+    const documentItems: Array<{ title: DigitalDocNames; value: DigitalDocTypes }> = [
+      { title: 'Удостоверение личности', value: 'IdentityCard' },
+      { title: 'Паспорт', value: 'Passport' },
+      { title: 'Вид на жительство иностранного гражданина', value: 'Vnzh' },
+    ];
     const signedContract = reactive<{
       processInstanceId: string | number;
       fileTypeId: string | number | null;
@@ -176,7 +272,7 @@ export default defineComponent({
         (formStore.applicationData.statusCode === 'Completed' || formStore.applicationData.statusCode === 'PreparationDossierForm' || dataStore.isActuary()),
     );
     const noDocuments = computed(() => {
-      if (dataStore.isPension) return !showContract.value;
+      if (dataStore.isPension && (!formStore.signedDocumentList || !formStore.signedDocumentList.length)) return !showContract.value;
       return !formStore.signedDocumentList || !formStore.signedDocumentList.length;
     });
     const isUnderwriterDocuments = computed(
@@ -189,16 +285,24 @@ export default defineComponent({
     const canDeleteFiles = computed(() => {
       const baseCondition = dataStore.isTask() && dataStore.isInitiator() && dataStore.isProcessEditable(formStore.applicationData.statusCode);
       if (dataStore.isBaiterek || dataStore.isBolashak || dataStore.isLiferenta || dataStore.isKazyna || dataStore.isAmulet || dataStore.isGons) {
-        return baseCondition && (currentDocument.value ? currentDocument.value.fileTypeCode === '46' : false);
+        return baseCondition && (currentDocument.value ? deleteFilesId.includes(String(currentDocument.value.fileTypeCode)) : false);
       }
       if (dataStore.isPension) return baseCondition;
       return false;
     });
 
+    const policyholderForm = computed(() => formStore.policyholderForm as Base.Document.Digital);
+    const insuredFiltered = computed(() => formStore.insuredForm.filter(i => i.iin !== formStore.policyholderForm.iin) as Base.Document.Digital[]);
+    const beneficiaryFiltered = computed(() => formStore.beneficiaryForm.filter(i => i.iin !== formStore.policyholderForm.iin) as Base.Document.Digital[]);
+    const documentListFiltered = computed(() => formStore.signedDocumentList.filter(i => !['1', '2', '4'].includes(String(i.fileTypeCode))));
+
     const openPanel = async (document: DocumentItem) => {
       dataStore.rightPanel.title = document.fileTypeName!;
       currentDocument.value = document;
       dataStore.rightPanel.open = true;
+      isDigitalDocOpen.value = false;
+      isPanelOpen.value = true;
+      dataStore.panelAction = null;
     };
 
     const onFileChange = async (event: InputEvent) => {
@@ -263,6 +367,17 @@ export default defineComponent({
       }
     };
 
+    const openDigitalDocPanel = async (iin: string, title: string) => {
+      isPanelOpen.value = false;
+      isDigitalDocOpen.value = true;
+      dataStore.panelAction = null;
+      dataStore.rightPanel.open = true;
+      dataStore.rightPanel.title = `Получить ЦД ${title}`;
+      documentType.value = null;
+      otpCode.value = '';
+      currentIin.value = iin;
+    };
+
     watch(
       () => document_list.value,
       () => {
@@ -293,18 +408,99 @@ export default defineComponent({
         const data = {
           id: currentDocument.value.id,
           processInstanceId: currentDocument.value.processInstanceId,
+          iin: currentDocument.value.iin ?? '',
         };
         await dataStore.deleteFile(data);
         deletionDialog.value = false;
         dataStore.rightPanel.open = false;
         dataStore.panelAction = null;
         await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        if (hasDigitalDocuments.value && (currentDocument.value.fileTypeCode === '1' || currentDocument.value.fileTypeCode === '2' || currentDocument.value.fileTypeCode === '4')) {
+          getDigitalDocs();
+        }
+      }
+    };
+
+    const getCode = async () => {
+      if (!documentType.value) {
+        dataStore.showToaster('error', 'Выберите тип документа', 3000);
+        return;
+      }
+      documentLoading.value = true;
+      const response = await dataStore.getOnlineAccess(currentIin.value, String(documentType.value));
+      if (response) {
+        dataStore.showToaster('success', dataStore.t('toaster.successOtp'), 3000);
+      }
+      documentLoading.value = false;
+    };
+
+    const getDigitalDocument = async () => {
+      if (!documentType.value) {
+        dataStore.showToaster('error', 'Выберите тип документа', 3000);
+        return;
+      }
+      if (!otpCode.value) {
+        dataStore.showToaster('error', 'Введите код подтверждения', 3000);
+        return;
+      }
+      documentLoading.value = true;
+      const response = await dataStore.getDigitalDocuments(currentIin.value, String(formStore.applicationData.processInstanceId), otpCode.value);
+      if (response) {
+        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        getDigitalDocs();
+        isDigitalDocOpen.value = false;
+        dataStore.panelAction = null;
+        dataStore.rightPanel.open = false;
+        documentType.value = null;
+        otpCode.value = '';
+      }
+      documentLoading.value = false;
+    };
+
+    const findCommonDocs = (members: Base.Document.Digital[]) => {
+      let commonDocs: IDocument[] = [];
+      for (let member of members) {
+        const matchingDoc = formStore.signedDocumentList.find(
+          doc => doc.iin === String(member.iin).replaceAll('-', '') && (doc.fileTypeCode === '1' || doc.fileTypeCode === '2' || doc.fileTypeCode === '4'),
+        );
+        if (matchingDoc) commonDocs.push(matchingDoc);
+      }
+      return commonDocs;
+    };
+
+    const setDigitalDocuments = (members: Base.Document.Digital[]) => {
+      const commonDocs = findCommonDocs(members);
+      if (commonDocs.length !== 0) {
+        for (let member of members) {
+          const matchingDoc = commonDocs.find(doc => doc.iin === String(member.iin).replaceAll('-', ''));
+          if (matchingDoc) member.digitalDocument = matchingDoc;
+        }
+      }
+    };
+
+    const clearDigitalDocuments = (members: Base.Document.Digital[]) => {
+      for (let member of members) member.digitalDocument = null;
+    };
+
+    const getDigitalDocs = () => {
+      if (route.params.taskId !== '0') {
+        clearDigitalDocuments([formStore.policyholderForm as Base.Document.Digital]);
+        setDigitalDocuments([formStore.policyholderForm as Base.Document.Digital]);
+        if (insuredFiltered.value.length !== 0) {
+          clearDigitalDocuments(insuredFiltered.value);
+          setDigitalDocuments(insuredFiltered.value);
+        }
+        if (beneficiaryFiltered.value.length !== 0) {
+          clearDigitalDocuments(beneficiaryFiltered.value);
+          setDigitalDocuments(beneficiaryFiltered.value);
+        }
       }
     };
 
     const onInit = async () => {
       await dataStore.getDicFileTypeList();
       await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+      if (hasDigitalDocuments.value) getDigitalDocs();
     };
 
     onInit();
@@ -315,12 +511,17 @@ export default defineComponent({
 
     return {
       // State
+      otpCode,
       formStore,
-      documentLoading,
+      processCode,
+      isPanelOpen,
       DocumentItem,
+      documentType,
+      documentItems,
       signedContract,
       deletionDialog,
-      processCode,
+      documentLoading,
+      isDigitalDocOpen,
       underDocumentsList,
 
       // Computed
@@ -328,17 +529,54 @@ export default defineComponent({
       showContract,
       noDocuments,
       canDeleteFiles,
+      insuredFiltered,
+      policyholderForm,
+      beneficiaryFiltered,
+      hasDigitalDocuments,
+      documentListFiltered,
+      isDigitalDocDisabled,
       isUnderwriterDocuments,
 
       // Functions
+      getCode,
       getFile,
       openPanel,
       deleteFile,
+      getDigitalDocument,
       onFileChange,
       onUnderFiles,
+      openDigitalDocPanel,
       uploadUnderFiles,
       onClearUnderFiles,
     };
   },
 });
 </script>
+
+<style>
+.document-type-select .v-field {
+  border: none !important;
+  border-radius: 4px;
+  height: 56px;
+}
+.digital-document-otp .base-otp-input .v-otp-input__content {
+  gap: 8px;
+  padding-right: 0px !important;
+  padding-left: 0px !important;
+}
+.digital-doc-info .v-expansion-panel-text__wrapper {
+  padding: 8px 14px !important;
+}
+.digital-doc-info .v-expansion-panel-title {
+  max-height: 40px !important;
+  min-height: 39px !important;
+  padding: 0px 14px !important;
+  color: #464f60 !important;
+}
+.document-type-select .v-field-label--floating {
+  top: 5px !important;
+}
+.document-type-select .v-field__input {
+  padding-top: 21px;
+}
+</style>