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

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,28 +1,124 @@
 <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-for="document of formStore.signedDocumentList" :key="document.id" :class="[$styles.textSimple]">
-      <h5 class="text-center font-medium mb-4">
-        {{ document.fileTypeName }}
-      </h5>
-      <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-        <span class="ml-2">{{ document.fileName }}</span>
-        <i
-          class="transition-all cursor-pointer mdi mdi-dots-vertical pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
-          :class="[$styles.greenTextHover]"
-          @click="openPanel(document)"
-        ></i>
-      </div>
-    </base-content-block>
+  <section :class="[$styles.scrollPage]">
+    <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.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 }}
+        </h5>
+        <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
+          <span class="ml-2">{{ document.fileName }}</span>
+          <i
+            class="transition-all cursor-pointer mdi mdi-dots-vertical pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
+            :class="[$styles.greenTextHover]"
+            @click="openPanel(document)"
+          ></i>
+        </div>
+      </base-content-block>
+    </section>
+    <div
+      v-if="(!formStore.signedDocumentList || !formStore.signedDocumentList.length) && !$dataStore.isPension"
+      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>
+    <section class="w-full px-[10px] pt-[14px] flex flex-col gap-2" v-if="$dataStore.isPension">
+      <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 == 1 ? 'страхование' : 'возврат' }}</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 == 1 ? '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 == 1 ? 'страхования' : 'возврата' }}</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 == 1 ? 'PA_Contract' : 'PA_RefundAgreement', '38')"
+          ></i>
+        </div>
+      </base-content-block>
+      <base-content-block :class="[$styles.textSimple]" v-if="formStore.applicationData.statusCode !== 'StartForm' && processCode == 1">
+        <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 == 1">
+        <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">
+      <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-btn
+            v-if="$dataStore.isPension && $dataStore.isProcessEditable(formStore.applicationData.statusCode)"
+            :disabled="documentLoading"
+            :loading="documentLoading"
+            text="Удалить"
+            @click="deletionDialog = true"
+          />
+        </div>
+      </base-fade-transition>
+    </Teleport>
+    <base-dialog
+      v-model="deletionDialog"
+      :title="$dataStore.t('dialog.confirmDelete')"
+      :subtitle="$dataStore.t('dialog.deleteFile')"
+      :confirm="$dataStore.t('confirm.delete')"
+      :icon="{ mdi: 'delete-outline', color: '#FD2D39' }"
+      @yes="deleteFile"
+      @no="deletionDialog = false"
+    />
   </section>
-  <base-list-empty v-else />
-  <Teleport v-if="$dataStore.panelAction === null" to="#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')" />
-      </div>
-    </base-fade-transition>
-  </Teleport>
 </template>
 
 <script lang="ts">
@@ -34,7 +130,21 @@ export default defineComponent({
     const formStore = useFormStore();
     const currentDocument = ref<DocumentItem>(new DocumentItem());
     const documentLoading = ref<boolean>(false);
-
+    const deletionDialog = 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 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 +160,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(
@@ -81,6 +210,20 @@ export default defineComponent({
       }
     };
 
+    const deleteFile = async () => {
+      if (currentDocument.value) {
+        const data = {
+          id: currentDocument.value.id,
+          processInstanceId: currentDocument.value.processInstanceId,
+        };
+        await dataStore.deleteFile(data);
+        deletionDialog.value = false;
+        dataStore.rightPanel.open = false;
+        dataStore.panelAction = null;
+        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+      }
+    };
+
     const onInit = async () => {
       await dataStore.getDicFileTypeList();
       await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
@@ -89,8 +232,7 @@ export default defineComponent({
     onInit();
 
     onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
+      dataStore.rightPanel.open = false;
     });
 
     return {
@@ -98,10 +240,18 @@ export default defineComponent({
       formStore,
       documentLoading,
       DocumentItem,
+      signedContract,
+      deletionDialog,
+      processCode,
+
+      // Computed
+      isDisabled,
 
       // Functions
       openPanel,
       getFile,
+      onFileChange,
+      deleteFile,
     };
   },
 });

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>