hl-core 0.0.9-beta.9 → 0.0.10-beta.1

package/components/Pages/ContragentForm.vue

@@ -1,6 +1,6 @@
 <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"
@@ -112,7 +112,7 @@
             <base-panel-input
               v-model="member.registrationCity"
               :value="member.registrationCity?.nameRu"
-              :label="$dataStore.t('form.City')"
+              :label="member.registrationRegionType.nameRu === 'поселок' ? $dataStore.t('form.village') : $dataStore.t('form.City')"
               :readonly="disabled"
               :clearable="!disabled"
               :rules="$rules.objectRequired"
@@ -261,7 +261,7 @@
       </base-form-section>
     </v-form>
     <base-btn v-if="showSaveButton && !disabled" :loading="isButtonLoading" :text="$dataStore.t('buttons.save')" @click="submitForm" />
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="relative flex flex-col items-center">
         <i
           v-if="type === 'panel'"
@@ -274,7 +274,7 @@
           <base-panel-select-item
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery ?? '', 'i')))"
             :key="index"
-            :text="(item.nameRu as string)"
+            :text="String(item.nameRu)"
             :selected="item.nameRu === panelValue.nameRu"
             @click="pickPanelValue(item)"
           />
@@ -344,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;
@@ -363,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;
@@ -463,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,32 +1,128 @@
 <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]">
+    <base-form-section v-if="isUnderwriterDocuments" title="Загрузить документы для Андеррайтинга" class="mx-[10px] mt-[14px]">
+      <base-file-input :readonly="isDisabled || documentLoading" @input.prevent="onUnderFiles($event)" @onClear="onClearUnderFiles()" />
+      <base-animation>
+        <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] 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'"
+        :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="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
+          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 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">
+      <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="canDeleteFiles" :disabled="documentLoading" :loading="documentLoading" text="Удалить" @click="deletionDialog = true" />
+          </base-animation>
+        </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">
 import { DocumentItem } from '../../composables/classes';
+import { uuid } from 'vue-uuid';
 
 export default defineComponent({
   setup() {
@@ -34,11 +130,37 @@ 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: '',
     });
+    const underDocumentsList = ref<
+      {
+        file: File;
+        fileName: string;
+        identifier: string;
+        fileTypeId: string;
+        fileTypeCode: string;
+        fileTypeName: string;
+        processInstanceId: string;
+      }[]
+    >([]);
+
     const object_list = computed(() => Object.values(formStore.signedDocumentList));
     const unSignedList = computed(() => document_list.value.filter((doc: DocumentItem) => doc.signed === false || doc.signed === null));
     const document_list = computed(() =>
@@ -48,12 +170,97 @@ export default defineComponent({
         }
       }),
     );
+    const showContract = computed(
+      () =>
+        formStore.applicationData &&
+        (formStore.applicationData.statusCode === 'Completed' || formStore.applicationData.statusCode === 'PreparationDossierForm' || dataStore.isActuary()),
+    );
+    const noDocuments = computed(() => {
+      if (dataStore.isPension) return !showContract.value;
+      return !formStore.signedDocumentList || !formStore.signedDocumentList.length;
+    });
+    const isUnderwriterDocuments = computed(
+      () =>
+        (dataStore.isBaiterek || dataStore.isBolashak || dataStore.isLiferenta || dataStore.isKazyna || dataStore.isAmulet || dataStore.isGons) &&
+        dataStore.isInitiator() &&
+        formStore.applicationData &&
+        (formStore.applicationData.statusCode === 'StartForm' || formStore.applicationData.statusCode === 'EditForm'),
+    );
+    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);
+      }
+      if (dataStore.isPension) return baseCondition;
+      return false;
+    });
 
     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;
+        }
+      }
+    };
+
+    const onUnderFiles = async (event: InputEvent) => {
+      if (event.target || event.dataTransfer) {
+        const files = event.target ? (event.target as HTMLInputElement).files : (event.dataTransfer as DataTransfer).files;
+        if (files !== null) {
+          const underDocumentType = dataStore.dicFileTypeList.find(i => i.code === '46');
+          Object.values(files).map(file => {
+            const uuidV4 = uuid.v4();
+            underDocumentsList.value.push({
+              file: file,
+              identifier: `${uuidV4}${file.name.substring(file.name.lastIndexOf('.'))}`,
+              processInstanceId: String(formStore.applicationData.processInstanceId),
+              fileTypeId: underDocumentType ? String(underDocumentType.id) : '',
+              fileTypeCode: underDocumentType ? String(underDocumentType.code) : '',
+              fileTypeName: underDocumentType ? String(underDocumentType.nameRu) : '',
+              fileName: file.name ? file.name : underDocumentType ? String(underDocumentType.nameRu) : '',
+            });
+          });
+        }
+      }
+    };
+
+    const onClearUnderFiles = () => {
+      underDocumentsList.value = [];
+    };
+
+    const uploadUnderFiles = async () => {
+      if (underDocumentsList.value) {
+        documentLoading.value = true;
+        await Promise.allSettled(
+          Object.values(underDocumentsList.value).map(async value => {
+            const formData = new FormData();
+            formData.append('file', value.file);
+            formData.append('fileData', JSON.stringify([{ ...value, file: undefined }]));
+            await dataStore.uploadFiles(formData, false);
+          }),
+        );
+        onClearUnderFiles();
+        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        documentLoading.value = false;
+      }
     };
 
     watch(
@@ -81,6 +288,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 +310,7 @@ export default defineComponent({
     onInit();
 
     onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
+      dataStore.rightPanel.open = false;
     });
 
     return {
@@ -98,10 +318,26 @@ export default defineComponent({
       formStore,
       documentLoading,
       DocumentItem,
+      signedContract,
+      deletionDialog,
+      processCode,
+      underDocumentsList,
+
+      // Computed
+      isDisabled,
+      showContract,
+      noDocuments,
+      canDeleteFiles,
+      isUnderwriterDocuments,
 
       // Functions
-      openPanel,
       getFile,
+      openPanel,
+      deleteFile,
+      onFileChange,
+      onUnderFiles,
+      uploadUnderFiles,
+      onClearUnderFiles,
     };
   },
 });

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>