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

package/components/Panel/PanelHandler.vue

@@ -17,57 +17,187 @@
           >{{ `Запрашиваемая страховая сумма: ` }} <b>{{ `${requestedSumInsured}₸` }}</b>
         </span>
       </base-content-block>
-      <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
-      <base-btn :btn="$styles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
+      <base-content-block v-if="$dataStore.isLifetrip" class="flex flex-col gap-3">
+        <span
+          >{{ `Стоимость на страховую сумму ${insuredAmount}:` }} <b>{{ `${price}₸` }}</b></span
+        >
+      </base-content-block>
+      <div class="flex flex-col gap-3" v-if="hasConditionsAction">
+        <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
+        <base-btn :btn="$styles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
+      </div>
     </div>
   </section>
-  <section v-if="signingActions" class="relative">
-    <div>
-      <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
-          <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
-            <v-expansion-panels v-if="formStore.signUrls && formStore.signUrls.length" variant="accordion" multiple>
-              <v-expansion-panel v-for="signUrl of formStore.signUrls" :key="signUrl.iin!" class="border-[1px]" elevation="0" bg-color="#FFF">
-                <v-expansion-panel-title class="h-[80px]" :class="$styles.textTitle">{{ `${signUrl.longName} - ${signUrl.iin}` }}</v-expansion-panel-title>
-                <v-expansion-panel-text class="border-t-[1px]">
-                  <section class="flex flex-col gap-4 py-3" :class="$styles.textSimple">
-                    <base-btn :loading="loading" :text="$dataStore.t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)" />
-                    <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
-                  </section>
-                </v-expansion-panel-text>
-              </v-expansion-panel>
-            </v-expansion-panels>
-            <base-list-empty v-else />
+  <section v-if="chooseSignActions">
+    <div v-if="!isElectronicContract && !isPaperContract && !isScansDocuments && !isQr" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.sendOnPaper')" :disabled="isPaperDisabled" :loading="loading" @click="handleSignAction('paper')" />
+      <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="isElectronicDisabled" :loading="loading" @click="handleSignAction('electronic')" />
+      <base-btn :text="$dataStore.t('buttons.generatePrintedForms')" :disabled="isScansDisabled" :loading="loading" @click="handleSignAction('scans')" />
+      <base-btn v-if="!useEnv().isProduction" :text="$dataStore.t('buttons.sendEgovMob')" :disabled="isQrDisabled" :loading="loading" @click="handleSignAction('qr')" />
+      <base-btn
+        v-if="$dataStore.isPension"
+        :text="$dataStore.t('buttons.signWithSignature')"
+        :disabled="isSignatureDisabled"
+        :loading="loading"
+        @click="handleSignAction('signature')"
+      />
+      <base-btn
+        v-if="$dataStore.isPension && !useEnv().isProduction"
+        :text="$dataStore.t('buttons.signWithSignatureXML')"
+        :disabled="isQrXmlDisabled"
+        :loading="loading"
+        @click="handleSignAction('qrXml')"
+      />
+    </div>
+    <div v-if="isPaperContract" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.downloadContract')" :loading="$dataStore.isButtonsLoading" @click="generateDocument" />
+    </div>
+    <div v-if="isScansDocuments" :class="[$styles.flexColNav]">
+      <div v-if="$dataStore.isPension">
+        <div v-if="processCode == 19">
+          <div v-if="formStore.applicationData.statusCode === 'HeadManagerForm' || formStore.applicationData.statusCode === 'ContractSignedFrom'">
+            <base-btn :text="$dataStore.t('buttons.downloadContract')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('PA_Contract', '38')" />
+            <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
+              <base-file-input :label="$dataStore.t('labels.attachContract')" @input.prevent="onFileChangeScans($event, 'pa_contract')" @onClear="onClearFile('pa_contract')" />
+            </base-form-section>
+          </div>
+          <div v-else class="flex flex-col gap-2">
+            <base-btn :text="$dataStore.t('buttons.downloadStatement')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('PA_Statement', '37')" />
+            <base-btn :text="$dataStore.t('buttons.downloadAgreement')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('Agreement', '19')" />
+            <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
+              <base-file-input :label="$dataStore.t('labels.attachStatement')" @input.prevent="onFileChangeScans($event, 'pa_statement')" @onClear="onClearFile('pa_statement')" />
+              <base-file-input :label="$dataStore.t('labels.attachAgreement')" @input.prevent="onFileChangeScans($event, 'agreement')" @onClear="onClearFile('agreement')" />
+            </base-form-section>
           </div>
         </div>
-        <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
-          <i
-            class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
-            @click="isSendNumberOpen = false"
-          ></i>
-          <base-form-section :title="selectedClient && selectedClient.longName ? selectedClient.longName : ''">
-            <v-form ref="vForm">
-              <base-rounded-input
-                v-model="phoneNumber"
-                :maska="$maska.phone"
-                :rules="$rules.required.concat($rules.phoneFormat)"
-                :label="$dataStore.t('form.phoneNumber')"
-                placeholder="+7 7"
-              />
-            </v-form>
-            <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm"
-          /></base-form-section>
+        <div v-if="processCode == 2" class="flex flex-col gap-2">
+          <base-btn
+            :text="$dataStore.t('buttons.downloadPARefundStatement')"
+            :loading="$dataStore.isButtonsLoading"
+            @click="$dataStore.generatePDFDocument('PA_RefundStatement', '41')"
+          />
+          <base-btn
+            :text="$dataStore.t('buttons.downloadPARefundAgreement')"
+            :loading="$dataStore.isButtonsLoading"
+            @click="$dataStore.generatePDFDocument('PA_RefundAgreement', '42')"
+          />
+
+          <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
+            <base-file-input
+              :label="$dataStore.t('buttons.downloadPARefundStatement')"
+              @input.prevent="onFileChangeScans($event, 'pa_refundstatement')"
+              @onClear="onClearFile('pa_refundstatement')"
+            />
+            <base-file-input
+              :label="$dataStore.t('buttons.downloadPARefundAgreement')"
+              @input.prevent="onFileChangeScans($event, 'pa_refundagreement')"
+              @onClear="onClearFile('pa_refundagreement')"
+            />
+          </base-form-section>
         </div>
-      </base-fade-transition>
+      </div>
+      <div :class="[$styles.flexColNav]" v-else>
+        <base-btn :text="$dataStore.t('buttons.downloadStatement')" @click="downloadTemplate(constants.documentTypes.statement, 'docx')" />
+        <base-btn :text="$dataStore.t('buttons.downloadContract')" @click="downloadTemplate(constants.documentTypes.contract, 'doc')" />
+        <base-btn :text="$dataStore.t('buttons.downloadApplication')" @click="downloadTemplate(constants.documentTypes.application1, 'vnd.ms-excel')" />
+        <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
+          <base-file-input :label="$dataStore.t('labels.attachStatement')" @input.prevent="onFileChangeScans($event, 'statement')" @onClear="onClearFile('statement')" />
+          <base-file-input :label="$dataStore.t('labels.attachContract')" @input.prevent="onFileChangeScans($event, 'contract')" @onClear="onClearFile('contract')" />
+          <base-file-input :label="$dataStore.t('labels.attachApplication')" @input.prevent="onFileChangeScans($event, 'app')" @onClear="onClearFile('app')" />
+          <base-file-input :label="$dataStore.t('labels.attachPowerOfAttorney')" @input.prevent="onFileChangeScans($event, 'attorney')" @onClear="onClearFile('attorney')" />
+        </base-form-section>
+      </div>
+      <base-btn :text="$dataStore.t('buttons.sign')" :loading="$dataStore.isButtonsLoading" @click="sendFiles" />
+      <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="isScansDocuments = false" />
+    </div>
+    <div v-if="isQr" :class="[$styles.flexColNav]">
+      <base-form-section :title="''">
+        <base-loader v-if="isQrLoading" class="self-center m-5 opacity-70" />
+        <div v-if="qrUrl && !isQrLoading">
+          <base-qr :value="qrUrl" :size="200" class="ma-auto rounded" />
+          <span :class="[$styles.textSimple]" class="mt-3 text-center d-block">{{ $dataStore.t('sign.scanQrCode') }}</span>
+        </div>
+        <base-btn class="mt-10" :loading="loading" :text="$dataStore.t('sign.copyEgov')" @click="$dataStore.copyToClipboard(urlCopy)" />
+        <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="closeQrPanel" />
+      </base-form-section>
     </div>
   </section>
+  <section v-if="choosePayActions">
+    <div v-if="!isEpayPay && !isOfflinePay" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.payEpay')" :loading="loading" @click="handlePayAction('epay')" />
+      <base-btn :text="$dataStore.t('buttons.payOffline')" :loading="loading" @click="handlePayAction('offline')" />
+    </div>
+    <div v-if="isOfflinePay" :class="[$styles.flexColNav]">
+      <base-form-section class="!gap-3 p-3" :title="''">
+        <v-form ref="vForm">
+          <base-form-input v-model="email" :rules="$rules.required.concat($rules.email)" :label="$dataStore.t('form.email')" />
+        </v-form>
+        <base-panel-item class="cursor-pointer bg-white border-b-0 rounded" @click="downloadTemplate(constants.documentTypes.invoicePayment, 'pdf')">
+          Счет на оплату.pdf
+          <i class="mdi mdi-download text-2xl text-[#A0B3D8]"></i
+        ></base-panel-item>
+      </base-form-section>
+      <base-btn :text="$dataStore.t('buttons.send')" :loading="$dataStore.isButtonsLoading" @click="sendInvoiceToEmail" />
+    </div>
+  </section>
+  <section v-if="signingActions" class="relative">
+    <base-fade-transition>
+      <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
+        <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
+          <v-expansion-panels v-if="formStore.signUrls && formStore.signUrls.length" variant="accordion" multiple>
+            <v-expansion-panel v-for="signUrl of formStore.signUrls" :key="signUrl.iin!" class="border-[1px]" elevation="0" bg-color="#FFF">
+              <v-expansion-panel-title class="h-[80px]" :class="$styles.textTitle">
+                {{ `${signUrl.longName} - ${signUrl.iin}` }}
+              </v-expansion-panel-title>
+              <v-expansion-panel-text class="border-t-[1px]">
+                <section class="flex flex-col gap-4 py-3" :class="$styles.textSimple">
+                  <base-btn :loading="loading" :text="$dataStore.t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)" />
+                  <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
+                  <base-btn :loading="loading" :text="$dataStore.t('sign.convertQr')" @click="convertQr(signUrl.uri)" />
+                </section>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+          <base-list-empty v-else />
+        </div>
+      </div>
+      <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
+        <i class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3" @click="isSendNumberOpen = false"></i>
+        <base-form-section :title="selectedClient && selectedClient.longName ? selectedClient.longName : ''">
+          <v-form ref="vForm">
+            <base-rounded-input
+              v-model="phoneNumber"
+              :maska="$maska.phone"
+              :rules="$rules.required.concat($rules.phoneFormat)"
+              :label="$dataStore.t('form.phoneNumber')"
+              placeholder="+7 7"
+            />
+          </v-form>
+          <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm" />
+        </base-form-section>
+      </div>
+    </base-fade-transition>
+    <base-btn
+      v-if="$dataStore.isPension"
+      :text="$dataStore.t('buttons.cancel')"
+      :btn="$styles.whiteBtn"
+      @click="
+        $dataStore.panelAction = constants.actions.chooseSign;
+        isElectronicContract = false;
+      "
+    />
+  </section>
   <section v-if="payingActions" class="relative">
     <div>
       <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
-          <base-btn :loading="loading" :text="$dataStore.t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)" />
-          <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
-        </div>
+        <base-form-section v-if="!isSendNumberOpen" class="!p-3 m-[10px]">
+          <div class="flex flex-col gap-3">
+            <base-btn :loading="loading" :text="$dataStore.t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)" />
+            <base-btn :loading="loading" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
+            <base-btn :loading="loading" :text="$dataStore.t('sign.convertQr')" @click="convertQr(formStore.epayLink)" />
+            <base-btn v-if="!useEnv().isProduction" :loading="loading" :btn="$styles.greenBtn" :text="$dataStore.t('payment.halykLink')" @click="convertQr(formStore.epayLink, 'halyk_pay_link_template')" />
+          </div>
+        </base-form-section>
         <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
           <i
             class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
@@ -99,20 +229,33 @@
             :maska="$maska.date"
             :rules="$rules.required"
             :label="$dataStore.t('form.date')"
-            append-inner-icon="mdi mdi-calendar-blank-outline" />
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          />
           <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)" />
           <base-empty-form-field v-if="affiliationDocument" class="justify-between">
             {{ `${affiliationDocument.fileTypeName} - ${affiliationDocument.fileName}` }}
-            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i></base-empty-form-field
-        ></base-content-block>
+            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i
+          ></base-empty-form-field>
+        </base-content-block>
       </v-form>
       <base-btn :text="buttonText" :loading="loading" @click="submitForm" />
     </div>
   </section>
+  <v-dialog v-model="isQrDialog" width="auto">
+    <v-card>
+      <v-card-text class="!p-4">
+        <base-qr :value="qrUrl" class="rounded" :size="300" />
+      </v-card-text>
+    </v-card>
+  </v-dialog>
 </template>
 
 <script lang="ts">
-import { DocumentItem } from '../../composables/classes';
+import { DocumentItem, Value } from '../../composables/classes';
+import { HubConnectionBuilder } from '@microsoft/signalr';
+import { uuid } from 'vue-uuid';
+import type { Api, SignUrlType } from '../../types';
+
 export default defineComponent({
   emits: ['task'],
   setup(props, { emit }) {
@@ -121,11 +264,26 @@ export default defineComponent({
     const formStore = useFormStore();
     const actionCause = ref<string>('');
     const loading = ref<boolean>(false);
+    const isPaperContract = ref<boolean>(false);
+    const isScansDocuments = ref<boolean>(false);
+    const isQr = ref<boolean>(false);
+    const isElectronicContract = ref<boolean>(true);
+    const qrUrl = ref<string>('');
+    const connection = ref<any>(null);
+    const isQrLoading = ref<boolean>(false);
+    const urlCopy = ref<string>('');
+    const isEpayPay = ref<boolean>(false);
+    const isOfflinePay = ref<boolean>(false);
+    const isQrDialog = ref<boolean>(false);
+    const email = ref<string>('');
+
     const vForm = ref<any>();
     const isSendNumberOpen = ref<boolean>(false);
     const phoneNumber = ref<string | null>(formStore.policyholderForm.phoneNumber ?? '');
     const selectedClient = ref<SignUrlType>();
     const documentDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Решение АС'));
+    const pensionForm = formStore.applicationData?.pensionApp ?? undefined;
+    const consentGiven = computed(() => !!formStore.signedDocumentList.find(i => i.fileTypeCode === '43' && i.signed === true));
     const affiliationDocument = computed(() => formStore.signedDocumentList.find((file: DocumentItem) => file.fileTypeName === 'Решение АС'));
     const affiliationData = ref<{
       processInstanceId: string | number;
@@ -138,6 +296,9 @@ export default defineComponent({
       fileTypeCode: documentDict.value ? documentDict.value.code : '',
     });
     const affiliationFormData = ref(new FormData());
+    const scansFormData = ref(new FormData());
+    const scansFiles = ref<any[]>([]);
+    const processCode = formStore.applicationData.processCode;
 
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
@@ -167,6 +328,92 @@ export default defineComponent({
       }
     };
 
+    const onFileChangeScans = async (
+      event: InputEvent,
+      type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement',
+    ) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length) {
+          if (files[0].type !== 'application/pdf') {
+            return dataStore.showToaster('error', dataStore.t('toaster.onlyPDF'), 6000);
+          }
+          const doc = await selectedDocument(type);
+          const data = {
+            processInstanceId: formStore.applicationData.processInstanceId,
+            fileTypeCode: doc ? doc.code : null,
+            fileTypeId: doc ? doc.id : null,
+            fileName: files[0].name,
+          };
+          scansFiles.value.push({
+            file: files[0],
+            fileData: JSON.stringify([data]),
+          });
+        }
+      }
+    };
+
+    const onClearFile = async (
+      type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement',
+    ) => {
+      const doc = await selectedDocument(type);
+      const result = scansFiles.value.filter(i => JSON.parse(i.fileData)[0].fileTypeCode !== doc.code);
+      scansFiles.value = result;
+    };
+
+    const selectedDocument = (type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement') => {
+      let selectedDocument: any;
+      if (type === 'statement') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '32');
+      }
+      if (type === 'pa_statement') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '37');
+      }
+      if (type === 'pa_refundstatement') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '41');
+      }
+      if (type === 'contract') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '6');
+      }
+      if (type === 'pa_contract') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '38');
+      }
+      if (type === 'pa_refundagreement') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '42');
+      }
+      if (type === 'app') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '33');
+      }
+      if (type === 'attorney') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '34');
+      }
+      if (type === 'agreement') {
+        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '19');
+      }
+      return selectedDocument;
+    };
+
+    const sendFiles = async () => {
+      if (
+        dataStore.isPension
+          ? formStore.applicationData.statusCode === 'ContractSignedFrom'
+            ? scansFiles.value.length !== 1
+            : scansFiles.value.length !== 2
+          : scansFiles.value.length !== 4
+      ) {
+        dataStore.showToaster('warning', dataStore.t('toaster.notAllDocumentsAttached'));
+        return;
+      }
+      for (const item of scansFiles.value) {
+        scansFormData.value.append('file', item.file);
+        scansFormData.value.append('fileData', item.fileData);
+        await dataStore.uploadFiles(scansFormData.value);
+        scansFormData.value = new FormData();
+      }
+      closePanel();
+      dataStore.showToaster('success', dataStore.t('toaster.successOperation'));
+      await dataStore.handleTask(dataStore.isPension ? constants.actions.accept : constants.actions.signed, route.params.taskId as string, 'scans');
+    };
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -199,7 +446,13 @@ export default defineComponent({
 
     const handleTask = async () => {
       loading.value = true;
-      if (dataStore.isAML || dataStore.isCheckContract || dataStore.isCheckContragent) {
+      // Пока не нужно, на всякий оставить
+      // if (needRecalculation.value) {
+      //   dataStore.showToaster('info', dataStore.t('toaster.needToRecalculate'));
+      //   loading.value = false;
+      //   return;
+      // }
+      if (dataStore.isAML || dataStore.isCheckContract || dataStore.isCheckContragent || dataStore.isDas || dataStore.isPrePension || dataStore.isUU) {
         emit('task', [dataStore.panelAction, route.params.taskId as string, actionCause.value]);
       } else {
         await dataStore.handleTask(dataStore.panelAction, route.params.taskId as string, actionCause.value);
@@ -207,8 +460,24 @@ export default defineComponent({
       loading.value = false;
     };
 
+    const onInit = async () => {
+      if (dataStore.controls.hasChooseSign) {
+        if (dataStore.isGons || dataStore.isLifeBusiness || dataStore.isPension || dataStore.isGns) {
+          isElectronicContract.value = false;
+        }
+      }
+      if (dataStore.isPension) {
+        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+      }
+    };
+
+    onMounted(async () => {
+      await onInit();
+    });
+
     const buttonText = computed(() => {
       switch (dataStore.panelAction) {
+        case constants.actions.cancel:
         case constants.actions.reject:
         case constants.actions.rejectclient:
           return dataStore.t('buttons.rejectStatement');
@@ -224,6 +493,8 @@ export default defineComponent({
           return dataStore.t('buttons.register');
         case constants.actions.affiliate:
           return dataStore.t('buttons.send');
+        default:
+          return dataStore.t('buttons.send');
       }
     });
 
@@ -231,28 +502,296 @@ export default defineComponent({
       () => dataStore.panelAction,
       val => {
         if (!!val) {
-          dataStore.panel.title = buttonText.value!;
+          dataStore.panel.title = buttonText.value;
           dataStore.panel.open = true;
         }
       },
       { immediate: true },
     );
+
+    const needRecalculation = computed(
+      () =>
+        dataStore.isGons &&
+        formStore.applicationData.statusCode === 'UnderwriterForm' &&
+        dataStore.panelAction === constants.actions.accept &&
+        formStore.productConditionsForm.isRecalculated === false,
+    );
     const sendingActions = computed(
-      () => dataStore.panelAction === constants.actions.reject || dataStore.panelAction === constants.actions.return || dataStore.panelAction === constants.actions.rejectclient,
+      () =>
+        dataStore.panelAction === constants.actions.reject ||
+        dataStore.panelAction === constants.actions.cancel ||
+        dataStore.panelAction === constants.actions.return ||
+        dataStore.panelAction === constants.actions.rejectclient,
     );
     const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept);
     const signingActions = computed(() => dataStore.panelAction === constants.actions.sign);
     const payingActions = computed(() => dataStore.panelAction === constants.actions.pay);
     const affiliateActions = computed(() => dataStore.panelAction === constants.actions.affiliate);
+    const chooseSignActions = computed(() => dataStore.controls.hasChooseSign && dataStore.panelAction === constants.actions.chooseSign);
+    const choosePayActions = computed(() => dataStore.controls.hasChoosePay && dataStore.panelAction === constants.actions.choosePay);
+
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
     const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
-    const requestedSumInsured = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured));
+    const requestedSumInsured = computed(() => {
+      if ((dataStore.isLifeBusiness || dataStore.isGns) && formStore.productConditionsForm.requestedSumInsured === null) {
+        return dataStore.getNumberWithSpaces(formStore.applicationData.policyAppDto!.mainInsSum);
+      }
+      return dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured);
+    });
+    const price = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.calculatorForm.price));
+    const insuredAmount = computed(() => formStore.productConditionsForm.calculatorForm.amount!.nameRu! + dataStore.currency);
     const hasConditionsInfo = computed(() => {
+      if (dataStore.isLifetrip || dataStore.isDas || dataStore.isUU || dataStore.isPrePension) {
+        return false;
+      }
       if (dataStore.isFinCenter()) {
         return false;
       }
       return true;
     });
+    const hasConditionsAction = computed(() => {
+      if (dataStore.isPrePension) {
+        return false;
+      }
+      return true;
+    });
+    const isPaperDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const isElectronicDisabled = computed(() => {
+      if (dataStore.isGons || dataStore.isLifeBusiness || dataStore.isGns || dataStore.isPension) {
+        return true;
+      }
+      return false;
+    });
+    const isScansDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      if ((!consentGiven.value || formStore.applicationData.statusCode === 'HeadManagerForm') && dataStore.isPension && processCode !== 2) {
+        return true;
+      }
+      return false;
+    });
+    const isQrDisabled = computed(() => {
+      if (consentGiven.value && dataStore.isPension && processCode !== 2) {
+        return false;
+      }
+      return true;
+    });
+    const isQrXmlDisabled = computed(() => {
+      if (!consentGiven.value && dataStore.isPension && processCode !== 2) {
+        return false;
+      }
+      if (dataStore.isLifeBusiness || dataStore.isGns) {
+        return false;
+      }
+      return true;
+    });
+    const isSignatureDisabled = computed(() => {
+      if ((!consentGiven.value || formStore.applicationData.statusCode === 'HeadManagerForm') && dataStore.isPension && processCode !== 2) {
+        return false;
+      }
+      return true;
+    });
+    const downloadTemplate = async (documentType: number, fileType: string) => {
+      await dataStore.downloadTemplate(documentType, fileType, formStore.applicationData.processInstanceId);
+    };
+
+    const handleSignAction = async (type: 'paper' | 'electronic' | 'scans' | 'qr' | 'qrXml' | 'signature') => {
+      loading.value = true;
+      if (type === 'electronic') {
+        await dataStore.signDocument();
+        isElectronicContract.value = true;
+        dataStore.panelAction = constants.actions.sign;
+      }
+      if (type === 'paper') {
+        isPaperContract.value = true;
+      }
+      if (type === 'scans') {
+        isScansDocuments.value = true;
+      }
+      if (type === 'qr') {
+        const result = (await dataStore.signDocument('qr')) as any;
+        if (result && result.data) {
+          const groupId = result.data[0].signatureDocumentGroupId;
+          await generateQR(groupId);
+          isQr.value = true;
+        }
+      }
+      if (type === 'qrXml') {
+        const result = (await dataStore.signDocument('qrXml')) as any;
+        if (result && result.data) {
+          const id = result.data;
+          await generateQR(id, 'xml');
+          isQr.value = true;
+        }
+      }
+      if (type === 'signature') {
+        await dataStore.signDocument('signature');
+      }
+      loading.value = false;
+    };
+
+    const handlePayAction = async (type: 'epay' | 'offline') => {
+      loading.value = true;
+      if (type === 'epay') {
+        await payEpay();
+      }
+      if (type === 'offline') {
+        const result = await dataStore.sendTask(route.params.taskId as string, constants.actions.payed, 'offline');
+        if (result) {
+          isOfflinePay.value = true;
+        }
+      }
+      loading.value = false;
+    };
+
+    const generateQR = async (groupId: string, type: string = 'cms') => {
+      const confName = type === 'cms' ? 'qrGenUrl' : 'qrXmlGenUrl';
+      const uuidV4 = uuid.v4();
+      const linkToCopy = ref<string>(`${getStrValuePerEnv(confName)}/${uuidV4}/${groupId}`);
+      const qrValue = `mobileSign:${linkToCopy.value}`;
+      qrUrl.value = qrValue;
+      if (dataStore.isLifeBusiness || dataStore.isGns) {
+        //для юр лиц
+        urlCopy.value = `https://egovbusiness.page.link/?link=${linkToCopy.value}?mgovSign&amp;apn=kz.mobile.mgov.business&amp;isi=1597880144&amp;ibi=kz.mobile.mgov.business`;
+      } else {
+        //для физ лиц
+        urlCopy.value = `https://mgovsign.page.link/?link=${linkToCopy.value}?mgovSign&amp;apn=kz.mobile.mgov&amp;isi=1476128386&amp;ibi=kz.egov.mobile`;
+      }
+
+      await startConnection(uuidV4, groupId);
+    };
+
+    const startConnection = async (uuid: string, groupId?: string) => {
+      connection.value = new HubConnectionBuilder()
+        .withUrl(`${getStrValuePerEnv('qrHubUrl')}/${uuid}`)
+        .withAutomaticReconnect()
+        .build();
+      try {
+        await connection.value.start();
+        console.log('SignalR connection started.');
+        connection.value.on('QR', async (message: any) => {
+          if (message === 'Opened') {
+            isQrLoading.value = true;
+          } else if (message === 'Signed') {
+            isQrLoading.value = false;
+            if (dataStore.isPension) {
+              dataStore.showToaster('info', dataStore.t('pension.signInProcess'));
+            } else {
+              dataStore.showToaster('success', dataStore.t('sign.successQrSigned'));
+            }
+            qrUrl.value = '';
+            isQr.value = false;
+            dataStore.panel.open = false;
+            dataStore.panelAction = null;
+            await stopConnection();
+          } else {
+            console.log('message from SignalR', message);
+            if (message.signed === true) {
+              isQrLoading.value = false;
+              qrUrl.value = '';
+              isQr.value = false;
+              dataStore.panel.open = false;
+              dataStore.panelAction = null;
+              if (message.signature) {
+                console.log('signature from SignalR', message.signature);
+                const data = new FormData();
+                data.append('processInstanceId', String(dataStore.formStore.applicationData.processInstanceId));
+                data.append('xmlData', message.signature);
+                data.append('name', 'PAEnpf_Agreement');
+                data.append('format', 'xml');
+                data.append('EdsXmlId', groupId ?? '');
+                await dataStore.api.uploadXml(data);
+                await dataStore.getSignedDocList(dataStore.formStore.applicationData.processInstanceId);
+                dataStore.showToaster('success', dataStore.t('pension.consentGiven'), 3000);
+              }
+              await stopConnection();
+            } else {
+              if (message.error) {
+                dataStore.showToaster('error', message.error, 3000);
+              }
+            }
+          }
+        });
+      } catch (err) {
+        console.error('Error starting SignalR connection:', err);
+      }
+    };
+
+    const closeQrPanel = async () => {
+      isQr.value = false;
+      isQrLoading.value = false;
+      await stopConnection();
+    };
+
+    const stopConnection = async () => {
+      if (connection.value) {
+        await connection.value.stop();
+        console.log('SignalR connection stopped.');
+      }
+    };
+
+    const generateDocument = async () => {
+      dataStore.panel.open = false;
+      dataStore.panelAction = null;
+      await dataStore.generateDocument();
+    };
+
+    const convertQr = async (url: string | null, template?: Api.GenerateShortLink.Templates) => {
+      if (url) {
+        const shortedUrl = await dataStore.generateShortLink(url, template);
+        qrUrl.value = typeof shortedUrl === 'string' && !!shortedUrl ? shortedUrl : url;
+        isQrDialog.value = true;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.noUrl'));
+      }
+    };
+
+    const sendInvoiceToEmail = async () => {
+      await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
+        if (v.valid) {
+          await dataStore.sendInvoiceToEmail(formStore.applicationData.processInstanceId, email.value);
+          email.value = '';
+        }
+      });
+    };
+
+    const payEpay = async () => {
+      const invoiceData = await dataStore.getInvoiceData(formStore.applicationData.processInstanceId);
+      if (invoiceData === false || invoiceData.status === 3 || invoiceData.status === 0) {
+        if (invoiceData === false || invoiceData.status === 3) {
+          const created = await dataStore.createInvoice();
+          if (created) {
+            const ePayData = await dataStore.sendToEpay();
+            if (!ePayData) return;
+            formStore.epayLink = dataStore.sanitize(ePayData.link);
+          }
+        }
+        if (!!invoiceData && invoiceData.status === 0) {
+          const ePayData = await dataStore.sendToEpay();
+          if (!ePayData) return;
+          formStore.epayLink = dataStore.sanitize(ePayData.link);
+        }
+      } else {
+        if (invoiceData.paymentLink) {
+          formStore.epayLink = dataStore.sanitize(invoiceData.paymentLink);
+        } else {
+          dataStore.showToaster('error', dataStore.t('toaster.noUrl'));
+        }
+      }
+      if (!formStore.epayLink) {
+        dataStore.showToaster('error', dataStore.t('toaster.noUrl'));
+        return;
+      }
+      loading.value = false;
+      isEpayPay.value = true;
+      dataStore.panelAction = constants.actions.pay;
+    };
 
     return {
       // State
@@ -263,6 +802,18 @@ export default defineComponent({
       isSendNumberOpen,
       phoneNumber,
       selectedClient,
+      isPaperContract,
+      isScansDocuments,
+      isQr,
+      qrUrl,
+      scansFiles,
+      isQrLoading,
+      urlCopy,
+      isEpayPay,
+      isOfflinePay,
+      processCode,
+      isQrDialog,
+      email,
 
       // Functions
       closePanel,
@@ -271,6 +822,16 @@ export default defineComponent({
       openSmsPanel,
       openEpayPanel,
       onFileChange,
+      downloadTemplate,
+      onFileChangeScans,
+      sendFiles,
+      onClearFile,
+      closeQrPanel,
+      handlePayAction,
+      payEpay,
+      convertQr,
+      sendInvoiceToEmail,
+      hasConditionsAction,
 
       // Computed
       buttonText,
@@ -279,11 +840,25 @@ export default defineComponent({
       payingActions,
       acceptAction,
       affiliateActions,
+      chooseSignActions,
       paymentPeriod,
       insurancePremiumPerMonth,
       requestedSumInsured,
       affiliationDocument,
       hasConditionsInfo,
+      price,
+      insuredAmount,
+      isElectronicContract,
+      handleSignAction,
+      generateDocument,
+      isPaperDisabled,
+      isElectronicDisabled,
+      isScansDisabled,
+      isQrDisabled,
+      isQrXmlDisabled,
+      isSignatureDisabled,
+      choosePayActions,
+      consentGiven,
     };
   },
 });
@@ -293,16 +868,19 @@ export default defineComponent({
 .v-expansion-panel-title__overlay {
   background: #ffffff;
 }
+
 .v-expansion-panel-title {
   height: 70px !important;
   padding: 10px 20px !important;
 }
+
 .v-expansion-panels--variant-accordion > :last-child {
   border-top-left-radius: 0.5rem !important;
   border-top-right-radius: 0.5rem !important;
   border-top-left-radius: 0.5rem !important;
   border-radius: 0.5rem !important;
 }
+
 .v-expansion-panel-text__wrapper {
   padding: 10px 20px !important;
 }