hl-core 0.0.10-beta.6 → 0.0.10-beta.60

package/components/Pages/Documents.vue

@@ -6,6 +6,67 @@
         <base-btn v-if="underDocumentsList && underDocumentsList.length" :loading="documentLoading" text="Загрузить" size="sm" class="mt-3" @click="uploadUnderFiles" />
       </base-animation>
     </base-form-section>
+    <section class="w-full px-[10px] pt-[14px]" v-if="$dataStore.isPension && formStore.hasRepresentative">
+      <base-content-block :class="[$styles.textSimple]">
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">{{ $dataStore.t('policyholdersRepresentative.informationDoc') }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="$dataStore.generatePDFDocument('All_Spokesman', '24', 'pdf')"
+          ></i>
+        </div>
+      </base-content-block>
+    </section>
+    <section
+      v-if="$dataStore.isPension && (showContract || formStore.applicationData.statusCode === 'PreparationDossierForm')"
+      class="w-full px-[10px] pt-[14px] flex flex-col gap-2"
+    >
+      <base-content-block v-if="showContract" :class="[$styles.textSimple]">
+        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('labels.statements') }}</h5>
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">Заявления на {{ processCode === 19 || processCode === 25 ? 'страхование' : 'возврат' }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="$dataStore.generatePDFDocument(processCode === 19 ? 'PA_Statement' : processCode === 25 ? 'PAJ_Statement' : 'PA_RefundStatement', '37')"
+          ></i>
+        </div>
+      </base-content-block>
+      <base-content-block v-if="showContract" :class="[$styles.textSimple]">
+        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('labels.contract') }}</h5>
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">Договор {{ processCode === 19 || processCode === 25 ? 'страхования' : 'возврата' }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="$dataStore.generatePDFDocument(processCode === 19 ? 'PA_Contract' : processCode === 25 ? 'PAJ_Contract' : 'PA_RefundAgreement', '38')"
+          ></i>
+        </div>
+      </base-content-block>
+      <base-content-block :class="[$styles.textSimple]" v-if="formStore.applicationData.statusCode !== 'StartForm' && showContract">
+        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('pension.complianceFinMonitoring') }}</h5>
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">{{ $dataStore.t('pension.complianceFinMonitoring') }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="$dataStore.generatePDFDocument('Compliance_FinMonitoring', '39')"
+          ></i>
+        </div>
+      </base-content-block>
+      <base-content-block :class="[$styles.textSimple]" v-if="formStore.applicationData.statusCode === 'PreparationDossierForm'">
+        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('pension.dossierPA') }}</h5>
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">{{ $dataStore.t('pension.dossierPA') }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="$dataStore.generatePDFDocument('PA_Dossier', '40', 'doc')"
+          ></i>
+        </div>
+      </base-content-block>
+    </section>
     <section class="w-full px-[10px] pt-[14px] flex flex-col gap-2" v-if="formStore.signedDocumentList && formStore.signedDocumentList.length">
       <base-content-block
         v-if="$dataStore.isInitiator() && !$dataStore.isPension && $dataStore.controls.hasChooseSign && formStore.applicationData.statusCode === 'ContractSignedFrom'"
@@ -17,7 +78,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 +92,123 @@
         </div>
       </base-content-block>
     </section>
+    <section class="w-full px-[10px] pt-[14px]" v-if="$dataStore.isPension && formStore.hasRepresentative">
+      <base-form-section
+        v-if="!formStore.signedDocumentList.find(i => i.fileTypeCode === '16')"
+        :title="$dataStore.t('policyholdersRepresentative.powerOfAttorneyDoc')"
+        class="mt-[14px] d-flex"
+      >
+        <base-file-input :loading="$dataStore.isLoading" @input="uploadAdditionalFile($event, '16')" />
+      </base-form-section>
+      <base-form-section
+        v-if="!formStore.signedDocumentList.find(i => i.fileTypeCode === '24')"
+        :title="$dataStore.t('policyholdersRepresentative.informationDoc')"
+        class="mt-[14px] d-flex"
+      >
+        <base-file-input :loading="$dataStore.isLoading" @input="uploadAdditionalFile($event, '24')" />
+      </base-form-section>
+    </section>
+    <section v-if="requiredSign">
+      <div v-for="(member, index) in jointMembers.filter(i => memberHasDocumentsToSign(i.iin))" :key="index">
+        <base-form-section :title="`${member.firstName} ${member.lastName}`" class="mx-[10px] mt-[14px] d-flex">
+          <base-file-input
+            v-if="
+              !formStore.signedDocumentList.find(i => i.fileTypeCode === '10' && i.iin === String(member.iin).replaceAll('-', '')) &&
+              formStore.requiredDocuments.some(i => i.code === '10' && i.iin === String(member.iin).replaceAll('-', ''))
+            "
+            :label="$dataStore.t('form.bankStatement')"
+            :loading="$dataStore.isLoading"
+            @input="uploadAdditionalFile($event, '10', member.iin)"
+          />
+          <base-file-input
+            v-if="!formStore.signedDocumentList.find(i => i.fileTypeCode === '9' && i.iin === String(member.iin).replaceAll('-', '')) && member.isDisability"
+            label="Справка об инвалидности"
+            :loading="$dataStore.isLoading"
+            @input="uploadAdditionalFile($event, '9', member.iin)"
+          />
+          <base-file-input
+            v-if="
+              processCode === 25 &&
+              !formStore.signedDocumentList.find(i => i.fileTypeCode === '8' && i.iin === String(member.iin).replaceAll('-', '')) &&
+              formStore.requiredDocuments.some(i => i.code === '8' && i.iin === String(member.iin).replaceAll('-', ''))
+            "
+            :label="$dataStore.t('pension.ENPFnote')"
+            :loading="$dataStore.isLoading"
+            @input="uploadAdditionalFile($event, '8', member.iin)"
+          />
+          <base-file-input
+            v-if="
+              !formStore.signedDocumentList.find(i => i.fileTypeCode === '40' && i.iin === String(member.iin).replaceAll('-', '')) &&
+              formStore.requiredDocuments.some(i => i.code === '40' && i.iin === String(member.iin).replaceAll('-', ''))
+            "
+            :label="$dataStore.t('pension.dossierPA')"
+            :loading="$dataStore.isLoading"
+            @input="uploadAdditionalFile($event, '40', member.iin)"
+          />
+          <base-file-input
+            v-if="
+              processCode === 25 &&
+              !formStore.signedDocumentList.find(i => i.fileTypeCode === '50' && i.iin === String(member.iin).replaceAll('-', '')) &&
+              formStore.requiredDocuments.some(i => i.code === '50' && i.iin === String(member.iin).replaceAll('-', ''))
+            "
+            :label="$dataStore.t('pension.oppvPaymentCertificate')"
+            :loading="$dataStore.isLoading"
+            @input="uploadAdditionalFile($event, '50', member.iin)"
+          />
+          <base-file-input
+            v-if="
+              formStore.signedDocumentList.filter(i => i.fileTypeCode === '29' && i.iin === String(member.iin).replaceAll('-', '')).length !==
+              formStore.requiredDocuments.filter(i => i.code === '29' && i.iin === String(member.iin).replaceAll('-', '')).length
+            "
+            :label="$dataStore.t('pension.KSJagreement')"
+            :loading="$dataStore.isLoading"
+            @input.prevent="uploadAdditionalFile($event, '29', member.iin)"
+          />
+        </base-form-section>
+      </div>
+    </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"
+      />
+      <base-digital-document
+        v-if="$route.params.taskId !== '0' && slaveInsuredForm"
+        :member="slaveInsuredForm"
+        :title="$dataStore.t('policyholderForm') + ' 2'"
+        :disabled="isDigitalDocDisabled"
+        @openDigitalDocPanel="openDigitalDocPanel($event, 'Страхователя 2')"
+        @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
@@ -51,63 +229,66 @@
       </svg>
       <p class="text-xl" :class="[$styles.mutedText]">{{ $dataStore.t('labels.noDocuments') }}</p>
     </div>
-    <section v-if="$dataStore.isPension && showContract" class="w-full px-[10px] pt-[14px] flex flex-col gap-2">
-      <base-content-block :class="[$styles.textSimple]">
-        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('labels.statements') }}</h5>
-        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">Заявления на {{ processCode == 19 ? 'страхование' : 'возврат' }}</span>
-          <i
-            class="transition-all cursor-pointer mdi mdi-paperclip pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
-            :class="[$styles.greenTextHover]"
-            @click="$dataStore.generatePDFDocument(processCode == 19 ? 'PA_Statement' : 'PA_RefundStatement', '37')"
-          ></i>
-        </div>
-      </base-content-block>
-      <base-content-block :class="[$styles.textSimple]">
-        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('labels.contract') }}</h5>
-        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">Договор {{ processCode == 19 ? 'страхования' : 'возврата' }}</span>
-          <i
-            class="transition-all cursor-pointer mdi mdi-paperclip pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
-            :class="[$styles.greenTextHover]"
-            @click="$dataStore.generatePDFDocument(processCode == 19 ? 'PA_Contract' : 'PA_RefundAgreement', '38')"
-          ></i>
-        </div>
-      </base-content-block>
-      <base-content-block :class="[$styles.textSimple]" v-if="formStore.applicationData.statusCode !== 'StartForm' && processCode == 19">
-        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('pension.complianceFinMonitoring') }}</h5>
-        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">{{ $dataStore.t('pension.complianceFinMonitoring') }}</span>
-          <i
-            class="transition-all cursor-pointer mdi mdi-paperclip pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
-            :class="[$styles.greenTextHover]"
-            @click="$dataStore.generatePDFDocument('Compliance_FinMonitoring', '39')"
-          ></i>
-        </div>
-      </base-content-block>
-      <base-content-block :class="[$styles.textSimple]" v-if="formStore.applicationData.statusCode === 'PreparationDossierForm' && processCode == 19">
-        <h5 class="text-center font-medium mb-4">{{ $dataStore.t('pension.dossierPA') }}</h5>
-        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">{{ $dataStore.t('pension.dossierPA') }}</span>
-          <i
-            class="transition-all cursor-pointer mdi mdi-paperclip pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
-            :class="[$styles.greenTextHover]"
-            @click="$dataStore.generatePDFDocument('PA_Dossier', '40', 'doc')"
-          ></i>
-        </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')" />
-          <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')" />
+          <base-animation>
+            <base-btn
+              v-if="currentDocument.fileName && currentDocument.fileName.includes('.') ? currentDocument.fileName.endsWith('.pdf') : true"
+              :disabled="documentLoading"
+              :loading="documentLoading"
+              text="Открыть"
+              @click="getDoc('view')"
+            />
+          </base-animation>
+          <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getDoc('download')" />
           <base-animation>
             <base-btn v-if="canDeleteFiles" :disabled="documentLoading" :loading="documentLoading" text="Удалить" @click="deletionDialog = true" />
           </base-animation>
         </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 /><br />
+                4. При ошибке нажмите <a href="javascript:void(0);" class="text-blue-600" @click="$dataStore.updateDigitalDocumentsProfile(currentIin)">обновить профиль</a><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')"
@@ -121,20 +302,49 @@
 </template>
 
 <script lang="ts">
-import { DocumentItem } from '../../composables/classes';
+import { DocumentItem, Value } from '../../composables/classes';
+import type { IDocument, Member } from '../../composables/classes';
 import { uuid } from 'vue-uuid';
-import type { FileActions } from '../../types';
+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 requiredSign = computed(
+      () =>
+        !isDisabled.value &&
+        dataStore.isPension &&
+        formStore.applicationData &&
+        (formStore.applicationData.statusCode === 'StartForm' ||
+          formStore.applicationData.statusCode === 'EditForm' ||
+          formStore.applicationData.statusCode === 'PreparationDossierForm'),
+    );
+    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', '3', '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;
@@ -172,12 +382,10 @@ export default defineComponent({
       }),
     );
     const showContract = computed(
-      () =>
-        formStore.applicationData &&
-        (formStore.applicationData.statusCode === 'Completed' || formStore.applicationData.statusCode === 'PreparationDossierForm' || dataStore.isActuary()),
+      () => formStore.applicationData && (dataStore.isAdmin() || dataStore.isSupport() || (dataStore.isActuary() && formStore.applicationData.statusCode === 'ActuaryForm')),
     );
     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(
@@ -190,16 +398,34 @@ 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) {
+        const canDeleteInPension = dataStore.isTask() && dataStore.isInitiator();
+        const canDeletePaperInPension = canDeleteInPension && currentDocument.value.signed === true && currentDocument.value.signedType === 2;
+        if (canDeleteInPension && dataStore.isProcessEditable(formStore.applicationData.statusCode))
+          return formStore.requiredDocuments.some(i => i.code === currentDocument.value.fileTypeCode);
+        if (formStore.applicationData.statusCode === 'AttachAppContractForm')
+          return canDeletePaperInPension && (currentDocument.value.fileTypeCode === '5' || currentDocument.value.fileTypeCode === '19');
+        if (formStore.applicationData.statusCode === 'ContractSignedFrom') return canDeletePaperInPension && currentDocument.value.fileTypeCode === '6';
       }
-      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 slaveInsuredForm = computed(() => formStore.slaveInsuredForm as Base.Document.Digital);
+    const documentListFiltered = computed(() => formStore.signedDocumentList.filter(i => !['1', '2', '3', '4'].includes(String(i.fileTypeCode))));
+    const jointMembers = ref<Member[]>([formStore.insuredForm[0]]);
+
     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) => {
@@ -209,7 +435,7 @@ export default defineComponent({
           if (files[0].size >= 20_000_000) {
             return dataStore.showToaster('error', dataStore.t('toaster.fileOnlyBelow20mb'), 6000);
           }
-          if (files[0].type !== 'application/pdf') {
+          if (files[0].type !== constants.fileTypes.pdf) {
             return dataStore.showToaster('error', dataStore.t('toaster.onlyPDF'), 6000);
           }
           signedContract.fileName = files[0].name;
@@ -264,6 +490,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,
       () => {
@@ -280,11 +517,11 @@ export default defineComponent({
       },
     );
 
-    const getFile = async (type: FileActions) => {
+    const getDoc = async (type: FileActions) => {
       if (currentDocument.value) {
         documentLoading.value = true;
         const fileExtension = currentDocument.value.fileName!.match(/\.([0-9a-z]+)(?:[\?#]|$)/i)![1];
-        await dataStore.getFile(currentDocument.value, type, fileExtension);
+        await dataStore.getDoc(currentDocument.value, type, fileExtension);
         documentLoading.value = false;
       }
     };
@@ -294,18 +531,154 @@ 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 === '3' ||
+            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 === '3' || 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 (processCode === 25 && formStore.slaveInsuredForm.iin !== null && formStore.slaveInsuredForm.id !== 0) {
+          clearDigitalDocuments([formStore.slaveInsuredForm as Base.Document.Digital]);
+          setDigitalDocuments([formStore.slaveInsuredForm 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 memberHasDocumentsToSign = (iin: string | null) => {
+      if (!iin) return false;
+      // TODO reformat logic
+      return (
+        formStore.signedDocumentList.filter(i => formStore.requiredDocuments.find(j => j.code === i.fileTypeCode) && i.iin === iin.replaceAll('-', '')).length !==
+        formStore.requiredDocuments.filter(i => i.iin === iin.replaceAll('-', '')).length
+      );
+    };
+
+    const uploadAdditionalFile = async (event: InputEvent, code: string, iin?: string | null) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length && files[0]) {
+          if (files[0].type !== constants.fileTypes.pdf && files[0].type !== constants.fileTypes.docx && files[0].type !== constants.fileTypes.doc) {
+            return dataStore.showToaster('error', dataStore.t('toaster.onlyWithFormat', { format: 'PDF, Word' }), 6000);
+          }
+          if (files[0].size >= 10_000_000) {
+            return dataStore.showToaster('error', dataStore.t('toaster.fileOnlyBelow10mb'), 6000);
+          }
+          const file = Object.assign(files[0]);
+          const formData = new FormData();
+          const information: any = [];
+          const uuidV4 = uuid.v4();
+          formData.append('file', file);
+          const ext = file.name.substring(file.name.lastIndexOf('.'));
+          const selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === code);
+          information.push({
+            identifier: `${uuidV4}${ext}`,
+            iin: iin ? iin.replaceAll('-', '') : null,
+            processInstanceId: formStore.applicationData.processInstanceId,
+            fileTypeCode: selectedDocument ? selectedDocument.code : null,
+            fileTypeId: selectedDocument ? selectedDocument.id : null,
+            fileName: file.name,
+          });
+          formData.append('fileData', JSON.stringify(information));
+          dataStore.isLoading = true;
+          await dataStore.uploadFiles(formData, false);
+          await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        }
+        dataStore.isLoading = false;
       }
     };
 
     const onInit = async () => {
       await dataStore.getDicFileTypeList();
       await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+      if (hasDigitalDocuments.value) getDigitalDocs();
+      if (processCode === 25) jointMembers.value.push(slaveInsuredForm.value as Member);
     };
 
     onInit();
@@ -316,30 +689,79 @@ export default defineComponent({
 
     return {
       // State
+      otpCode,
       formStore,
-      documentLoading,
+      currentIin,
+      processCode,
+      isPanelOpen,
+      jointMembers,
       DocumentItem,
+      documentType,
+      documentItems,
       signedContract,
       deletionDialog,
-      processCode,
+      currentDocument,
+      documentLoading,
+      isDigitalDocOpen,
       underDocumentsList,
 
       // Computed
       isDisabled,
+      requiredSign,
       showContract,
       noDocuments,
       canDeleteFiles,
+      insuredFiltered,
+      policyholderForm,
+      slaveInsuredForm,
+      beneficiaryFiltered,
+      hasDigitalDocuments,
+      documentListFiltered,
+      isDigitalDocDisabled,
       isUnderwriterDocuments,
 
       // Functions
-      getFile,
+      getCode,
+      getDoc,
       openPanel,
       deleteFile,
+      getDigitalDocument,
       onFileChange,
       onUnderFiles,
+      openDigitalDocPanel,
       uploadUnderFiles,
       onClearUnderFiles,
+      uploadAdditionalFile,
+      memberHasDocumentsToSign,
     };
   },
 });
 </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>