hl-core 0.0.7-beta.15 → 0.0.7-beta.16

package/components/Input/EmptyFormField.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="h-[60px] bg-white rounded border-b-[1px] border-b-[#f3f6fc] flex items-center pl-4" :class="[$libStyles.textTitle]">
+    <slot></slot>
+  </div>
+</template>

package/components/Input/FileInput.vue

@@ -0,0 +1,71 @@
+<template>
+  <v-file-input
+    class="file-input"
+    :disabled="disabled"
+    prepend-icon=""
+    append-inner-icon="mdi mdi-file-document"
+    @click:append-inner="$emit('input', $event)"
+    @input="$emit('input', $event)"
+    variant="solo"
+    show-size
+    multiple
+    accept=".pdf,.doc,.jpeg,.jpg,.jpg"
+    truncate-length="15"
+    clear-icon="mdi mdi-close"
+    :label="$t('labels.chooseDoc')"
+  ></v-file-input>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>
+
+<style>
+.file-input input:focus {
+  border: none !important;
+  outline: none !important;
+}
+.file-input input {
+  padding-top: 30px;
+}
+.file-input .v-field {
+  box-shadow: none;
+  font-size: 14px;
+}
+.file-input .v-label.v-field-label {
+  top: 20px;
+}
+.file-input .v-field__append-inner {
+  padding-top: 18px;
+  padding-right: 6px;
+}
+.file-input .v-field__append-inner i {
+  color: #a0b3d8 !important;
+  margin-left: 10px;
+  margin-right: 4px;
+}
+.file-input {
+  border-bottom: 1px solid #f3f6fc;
+}
+.file-input.v-input--error {
+  border-color: #ff5449;
+}
+.file-input.v-input--error .v-input__details {
+  display: block;
+}
+.file-input .v-input__details {
+  display: none;
+  background-color: white;
+  padding-top: 0 !important;
+}
+.file-input .v-field--error {
+  border-color: #ff5449;
+}
+</style>

package/components/Input/PanelInput.vue

@@ -22,6 +22,7 @@
     :append-inner-icon="appendInnerIcon ? appendInnerIcon : ''"
     :bg-color="bgColor ? bgColor : ''"
     @keyup.enter.prevent="submitted"
+    @click:control="!readonly && $emit('append')"
     @click:clear="(readonly ? false : clearable) && $emit('update:modelValue', new Value())"
     @click:append="!readonly && $emit('append-out')"
     @click:prepend="!readonly && $emit('prepend-out')"

package/components/Input/RoundedInput.vue

@@ -130,9 +130,6 @@ export default defineComponent({
   border: none !important;
   outline: none !important;
 }
-.rounded-input input {
-  padding-top: 30px;
-}
 .rounded-input .v-label.v-field-label {
   top: 20px;
 }

package/components/Layout/Drawer.vue

@@ -7,7 +7,7 @@
     :class="[$dataStore[whichPanel].overlay ? 'lg:!hidden' : '', $dataStore[whichPanel].open ? '!w-full lg:!w-[420px]' : 'lg:!w-[0px]']"
   >
     <base-header :title="panelTitle" :has-back="true" back-icon="mdi-close" class="justify-center" @onBack="closePanel"></base-header>
-    <div class="flex flex-col" id="panel-actions">
+    <div class="flex flex-col" :id="$dataStore.panelAction === null ? 'panel-actions' : ''">
       <slot></slot>
     </div>
   </v-navigation-drawer>

package/components/Layout/SettingsPanel.vue

@@ -9,7 +9,12 @@
       <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')"></v-text-field>
       <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
-    <base-panel-item v-for="panelItem of dataStore.settings.items" :key="panelItem.title!" class="cursor-pointer" @click="panelItem.action ? panelItem.action() : null">
+    <base-panel-item
+      v-for="panelItem of dataStore.settings.items.filter(i => ('show' in i ? i.show : true))"
+      :key="panelItem.title!"
+      class="cursor-pointer"
+      @click="panelItem.action ? panelItem.action() : null"
+    >
       {{ panelItem.title }}
       <i v-if="panelItem.icon" class="mdi text-xl text-[#A0B3D8]" :class="[panelItem.icon]"></i>
     </base-panel-item>

package/components/List/ListEmpty.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="border-[1px] rounded-lg h-[80px] mx-[10px] mt-[14px] flex place-content-center" :class="[$libStyles.blueBgLight, $libStyles.textTitle]">
+    <div class="flex justify-center items-center font-medium gap-2 opacity-40">
+      {{ text }}
+      <i class="text-2xl mdi" :class="[icon ? icon : 'mdi-database-off-outline']"></i>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    text: {
+      type: String,
+      default: 'Отсутствуют данные',
+    },
+    icon: {
+      type: String,
+    },
+  },
+});
+</script>

package/components/Menu/MenuNav.vue

@@ -12,7 +12,7 @@
       @onMore="$emit('onMore')"
     ></base-header>
     <slot key="slot-content" name="content"></slot>
-    <section key="main" class="px-2 pt-[14px] flex flex-col gap-[10px]">
+    <section key="main" :class="[$libStyles.flexColNav]">
       <slot name="start"></slot>
       <base-fade-transition>
         <div v-if="$dataStore.menuItems && $dataStore.menuItems.length" class="flex flex-col gap-[10px]">
@@ -31,27 +31,10 @@
       <slot name="end"></slot>
       <slot name="actions"></slot>
       <base-fade-transition>
-        <div
-          v-if="$dataStore.buttons && $dataStore.buttons.length"
-          class="flex flex-col gap-[10px] justify-self-end absolute bottom-5 lg:bottom-[30%] w-full pr-4"
-        >
+        <div v-if="$dataStore.buttons && $dataStore.buttons.length" class="flex flex-col gap-[10px] justify-self-end absolute bottom-5 lg:bottom-[30%] w-full pr-4">
           <div v-for="(item, index) of $dataStore.buttons" :key="index">
-            <transition
-              enter-active-class="animate__animated animate__fadeIn animate__faster"
-              leave-active-class="animate__animated animate__fadeOut animate__faster"
-            >
-              <base-btn
-                v-if="
-                  'show' in item && typeof item.show === 'boolean'
-                    ? item.show
-                    : true
-                "
-                :text="item.title!"
-                :btn="item.color"
-                :disabled="!!item.disabled"
-                @click="item.action"
-              >
-              </base-btn>
+            <transition enter-active-class="animate__animated animate__fadeIn animate__faster" leave-active-class="animate__animated animate__fadeOut animate__faster">
+              <base-btn v-if="'show' in item ? item.show : true" :text="item.title!" :btn="item.color" :disabled="item.disabled" @click="item.action"> </base-btn>
             </transition>
           </div></div
       ></base-fade-transition>
@@ -94,22 +77,21 @@ export default defineComponent({
       default: 'mdi-cog-outline',
     },
   },
-  emits: ['update:modelValue', 'onLink', 'onBack', 'onMore', 'clicked'],
+  emits: ['onLink', 'onBack', 'onMore', 'clicked'],
   setup(props, { emit }) {
     const dataStore = useDataStore();
     const router = useRouter();
 
-    const pickItem = (item: MenuItem) => {
+    const pickItem = async (item: MenuItem) => {
       if (item.title !== dataStore.menu.selectedItem.title) {
-        emit('update:modelValue', item);
         if (typeof item.link === 'object') {
           if (item.link && 'name' in item.link) {
-            router.push(item.link as RouteLocationNormalized);
+            await router.push(item.link as RouteLocationNormalized);
           } else {
             dataStore.showToaster('warning', 'Отсутствует ссылка для перехода');
           }
         } else {
-          item.link ? emit('onLink', item) : emit('clicked', item);
+          emit('onLink', item);
         }
       }
     };

package/components/Panel/PanelSelectItem.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="flex justify-between px-4 items-center cursor-pointer h-[60px]" :class="[$libStyles.rounded, $libStyles.blueBgLight, $libStyles.blueBgLightHover]">
+    <span :class="[$libStyles.textSimple]">{{ text }}</span>
+    <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    text: {
+      type: [String, Number],
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>

package/composables/classes.ts

@@ -13,9 +13,9 @@ class MenuItemConfig {
   initial?: any | null;
   icon?: string | null;
   action?: Function | void;
-  disabled?: typeof computed;
+  disabled?: ComputedRef;
   color?: string;
-  show?: typeof computed;
+  show?: ComputedRef;
 
   constructor(
     id: any = null,
@@ -27,9 +27,9 @@ class MenuItemConfig {
     initial?: any | null,
     icon?: string | null,
     action?: Function | void,
-    disabled?: typeof computed,
+    disabled?: ComputedRef,
     color?: string,
-    show?: typeof computed,
+    show?: ComputedRef,
   ) {
     this.id = id;
     this.title = title;
@@ -267,10 +267,10 @@ class Person {
     if (date) {
       const age = Math.abs(new Date(Date.now() - new Date(date).getTime()).getUTCFullYear() - 1970);
       if (new Date(date) < new Date(Date.now()) && age > 0) {
-        return age;
+        return age.toString();
       }
     } else {
-      return '';
+      return null;
     }
   }
 }
@@ -355,7 +355,28 @@ export class Contragent extends Person {
   }
 }
 
-class Form extends Person {
+export class Member extends Person {
+  verifyType: any;
+  verifyDate: any;
+  postIndex: string | null;
+  isPdl: boolean;
+  migrationCard: string | null;
+  migrationCardIssueDate: string | null;
+  migrationCardExpireDate: string | null;
+  confirmDocType: string | null;
+  confirmDocNumber: string | null;
+  confirmDocIssueDate: string | null;
+  confirmDocExpireDate: string | null;
+  notaryLongName: string | null;
+  notaryLicenseNumber: string | null;
+  notaryLicenseDate: string | null;
+  notaryLicenseIssuer: string | null;
+  jurLongName: string | null;
+  fullNameRod: string | null;
+  confirmDocTypeKz: string | null;
+  confirmDocTypeRod: string | null;
+  isNotary: boolean;
+  insurancePay: Value;
   job: string | null;
   jobPosition: string | null;
   jobPlace: string | null;
@@ -398,6 +419,8 @@ class Form extends Person {
   gotFromInsis: boolean | null;
   gosPersonData: any;
   hasAgreement: boolean | null;
+  otpTokenId: string | null;
+  otpCode: string | null;
   constructor(
     id = 0,
     type = 1,
@@ -447,8 +470,43 @@ class Form extends Person {
     isDisability = new Value(),
     disabilityGroupId = new Value(),
     percentageOfPayoutAmount = null,
+    migrationCard = null,
+    migrationCardIssueDate = null,
+    migrationCardExpireDate = null,
+    confirmDocType = null,
+    confirmDocNumber = null,
+    confirmDocIssueDate = null,
+    confirmDocExpireDate = null,
+    notaryLongName = null,
+    notaryLicenseNumber = null,
+    notaryLicenseDate = null,
+    notaryLicenseIssuer = null,
+    jurLongName = null,
+    fullNameRod = null,
+    confirmDocTypeKz = null,
+    confirmDocTypeRod = null,
+    isNotary = false,
   ) {
     super(id, type, iin, longName, lastName, firstName, middleName, birthDate, gender, genderName, birthPlace, age);
+    this.postIndex = null;
+    this.isPdl = false;
+    this.migrationCard = migrationCard;
+    this.migrationCardIssueDate = migrationCardIssueDate;
+    this.migrationCardExpireDate = migrationCardExpireDate;
+    this.confirmDocType = confirmDocType;
+    this.confirmDocNumber = confirmDocNumber;
+    this.confirmDocIssueDate = confirmDocIssueDate;
+    this.confirmDocExpireDate = confirmDocExpireDate;
+    this.notaryLongName = notaryLongName;
+    this.notaryLicenseNumber = notaryLicenseNumber;
+    this.notaryLicenseDate = notaryLicenseDate;
+    this.notaryLicenseIssuer = notaryLicenseIssuer;
+    this.jurLongName = jurLongName;
+    this.fullNameRod = fullNameRod;
+    this.confirmDocTypeKz = confirmDocTypeKz;
+    this.confirmDocTypeRod = confirmDocTypeRod;
+    this.isNotary = isNotary;
+    this.insurancePay = new Value();
     this.job = job;
     this.jobPosition = jobPosition;
     this.jobPlace = jobPlace;
@@ -477,6 +535,8 @@ class Form extends Person {
     this.phoneNumber = phoneNumber;
     this.homePhone = homePhone;
     this.email = email;
+    this.otpTokenId = null;
+    this.otpCode = null;
     this.address = address;
     this.familyStatus = familyStatus;
     this.isTerror = isTerror;
@@ -534,6 +594,23 @@ class Form extends Person {
     this.gotFromInsis = true;
     this.gosPersonData = null;
     this.hasAgreement = null;
+    this.insurancePay = new Value();
+    this.migrationCard = null;
+    this.migrationCardIssueDate = null;
+    this.migrationCardExpireDate = null;
+    this.confirmDocType = null;
+    this.confirmDocNumber = null;
+    this.confirmDocIssueDate = null;
+    this.confirmDocExpireDate = null;
+    this.notaryLongName = null;
+    this.notaryLicenseNumber = null;
+    this.notaryLicenseDate = null;
+    this.notaryLicenseIssuer = null;
+    this.jurLongName = null;
+    this.fullNameRod = null;
+    this.confirmDocTypeKz = null;
+    this.confirmDocTypeRod = null;
+    this.isNotary = false;
   }
 
   getPattern(pattern: string) {
@@ -561,105 +638,33 @@ class Form extends Person {
   }
 }
 
-export class PolicyholderForm extends Form {
+export class PolicyholderForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class InsuredForm extends Form {
+export class InsuredForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class BeneficiaryForm extends Form {
-  insurancePay: Value;
+export class BeneficiaryForm extends Member {
   constructor(...args: any) {
     super(...args);
-    this.insurancePay = new Value();
   }
 }
 
-export class BeneficialOwnerForm extends Form {
+export class BeneficialOwnerForm extends Member {
   constructor(...args: any) {
     super(...args);
   }
 }
 
-export class PolicyholdersRepresentativeForm extends Form {
-  migrationCard: string | null;
-  migrationCardIssueDate: string | null;
-  migrationCardExpireDate: string | null;
-  confirmDocType: string | null;
-  confirmDocNumber: string | null;
-  confirmDocIssueDate: string | null;
-  confirmDocExpireDate: string | null;
-  notaryLongName: string | null;
-  notaryLicenseNumber: string | null;
-  notaryLicenseDate: string | null;
-  notaryLicenseIssuer: string | null;
-  jurLongName: string | null;
-  fullNameRod: string | null;
-  confirmDocTypeKz: string | null;
-  confirmDocTypeRod: string | null;
-  isNotary: boolean | null;
-  constructor(
-    migrationCard = null,
-    migrationCardIssueDate = null,
-    migrationCardExpireDate = null,
-    confirmDocType = null,
-    confirmDocNumber = null,
-    confirmDocIssueDate = null,
-    confirmDocExpireDate = null,
-    notaryLongName = null,
-    notaryLicenseNumber = null,
-    notaryLicenseDate = null,
-    notaryLicenseIssuer = null,
-    jurLongName = null,
-    fullNameRod = null,
-    confirmDocTypeKz = null,
-    confirmDocTypeRod = null,
-    isNotary = false,
-    ...args: any
-  ) {
+export class PolicyholdersRepresentativeForm extends Member {
+  constructor(...args: any) {
     super(...args);
-    this.migrationCard = migrationCard;
-    this.migrationCardIssueDate = migrationCardIssueDate;
-    this.migrationCardExpireDate = migrationCardExpireDate;
-    this.confirmDocType = confirmDocType;
-    this.confirmDocNumber = confirmDocNumber;
-    this.confirmDocIssueDate = confirmDocIssueDate;
-    this.confirmDocExpireDate = confirmDocExpireDate;
-    this.notaryLongName = notaryLongName;
-    this.notaryLicenseNumber = notaryLicenseNumber;
-    this.notaryLicenseDate = notaryLicenseDate;
-    this.notaryLicenseIssuer = notaryLicenseIssuer;
-    this.jurLongName = jurLongName;
-    this.fullNameRod = fullNameRod;
-    this.confirmDocTypeKz = confirmDocTypeKz;
-    this.confirmDocTypeRod = confirmDocTypeRod;
-    this.isNotary = isNotary;
-  }
-
-  resetMember(clearIinAndPhone = true) {
-    super.resetForm(clearIinAndPhone);
-    this.migrationCard = null;
-    this.migrationCardIssueDate = null;
-    this.migrationCardExpireDate = null;
-    this.confirmDocType = null;
-    this.confirmDocNumber = null;
-    this.confirmDocIssueDate = null;
-    this.confirmDocExpireDate = null;
-    this.notaryLongName = null;
-    this.notaryLicenseNumber = null;
-    this.notaryLicenseDate = null;
-    this.notaryLicenseIssuer = null;
-    this.jurLongName = null;
-    this.fullNameRod = null;
-    this.confirmDocTypeKz = null;
-    this.confirmDocTypeRod = null;
-    this.isNotary = false;
   }
 }
 
@@ -754,8 +759,16 @@ export class ProductConditions {
 }
 
 export class DataStoreClass {
+  // IMP Контроллер фич
   controls: {
+    // Проверка на роль при авторизации
     onAuth: boolean;
+    // Подтягивание с ГБДФЛ
+    hasGBDFL: boolean;
+    // Подтягивание с ИНСИС
+    hasInsis: boolean;
+    // Калькулятор без ввода данных
+    hasCalculator: boolean;
   };
   hasLayoutMargins: boolean;
   readonly product: string | null;
@@ -819,6 +832,7 @@ export class DataStoreClass {
   processIndexRate: any[];
   processPaymentPeriod: any[];
   additionalInsuranceTerms: any[];
+  additionalInsuranceTermsWithout: any[];
   taskList: any[];
   processHistory: any[];
   contragentList: any[];
@@ -851,11 +865,15 @@ export class DataStoreClass {
   constructor() {
     this.controls = {
       onAuth: false,
+      hasGBDFL: true,
+      hasInsis: true,
+      hasCalculator: false,
     };
     this.hasLayoutMargins = true;
     this.processIndexRate = [];
     this.processPaymentPeriod = [];
     this.additionalInsuranceTerms = [];
+    this.additionalInsuranceTermsWithout = [];
     this.definedAnswersId = {
       surveyByHealthBase: {},
       surveyByCriticalBase: {},
@@ -1040,7 +1058,6 @@ export class FormStoreClass {
   questionnaireByCritical: any[];
   canBeClaimed: boolean | null;
   applicationTaskId: string | null;
-  otpTokenId: string | null;
   constructor(procuctConditionsTitle?: string) {
     this.birthInfos = [];
     this.SaleChanellPolicy = new Value();
@@ -1093,6 +1110,5 @@ export class FormStoreClass {
     this.questionnaireByCritical = [];
     this.canBeClaimed = null;
     this.applicationTaskId = null;
-    this.otpTokenId = null;
   }
 }

package/composables/index.ts

@@ -8,10 +8,11 @@ export const useDisplayInfo = useDisplay;
 export const capitalize = (word: string): string => (word ? word.charAt(0).toUpperCase() + word.slice(1).toLowerCase() : word);
 
 const xmlParser = new XMLParser({
-  // numberParseOptions: {
-  //   leadingZeros: true,
-  //   skipLike: /[0-9]+/,
-  // },
+  numberParseOptions: {
+    hex: false,
+    leadingZeros: true,
+    skipLike: /[0-9]+/,
+  },
 });
 
 export const formatDate = (date: string) => {
@@ -137,11 +138,11 @@ export const ESBDMessage = (ESBDObject: any, initialPoint: any) => {
   return result;
 };
 
-export const ErrorHandler = (err: unknown) => {
+export const ErrorHandler = (err: unknown, errorText?: string) => {
   console.log(err);
   if (err instanceof AxiosError) {
     if ('response' in err && err.response && err.response.data) {
-      useDataStore().showToaster('error', err.response.data);
+      useDataStore().showToaster('error', errorText ? errorText : err.response.data, 10000);
     }
   }
   return false;

package/layouts/default.vue

@@ -4,7 +4,6 @@
     <section class="flex h-full" :class="$libStyles.blueBgLight">
       <base-menu-nav
         v-if="$dataStore.showNav"
-        v-model="$dataStore.menu.selectedItem"
         :selected="$dataStore.menu.selectedItem"
         :title="$dataStore.menu.title ?? 'Страховые продукты'"
         :has-back="$dataStore.menu.hasBack ?? false"
@@ -12,11 +11,12 @@
         :has-more="'hasMore' in $route.meta && $route.meta.hasMore ? !!$route.meta.hasMore : false"
         :hide-more-on-lg="true"
         :class="{
+          // @ts-ignore
           '!hidden': !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
         }"
-        @onBack="$dataStore.menu.onBack"
+        @onBack="onBack"
         @onMore="openSettings"
-        @onLink="$dataStore.menu.onLink"
+        @onLink="onLink"
       >
         <template #end>
           <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70"></base-loader>
@@ -29,11 +29,21 @@
 </template>
 
 <script setup lang="ts">
+import { MenuItem } from '@/composables/classes';
 const dataStore = useDataStore();
 
 const openSettings = async () => {
   dataStore.settings.open = true;
 };
+
+const onLink = async (item: MenuItem) => {
+  if (dataStore.menu.onLink) await dataStore.menu.onLink(item);
+  dataStore.menu.selectedItem = item;
+};
+
+const onBack = async (item: MenuItem) => {
+  if (dataStore.menu.onBack) await dataStore.menu.onBack(item);
+};
 </script>
 <style>
 .mainpage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.15",
+  "version": "0.0.7-beta.16",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -23,14 +23,15 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^0.3.2",
-    "nuxt": "^3.3.3",
+    "@nuxt/devtools": "^0.4.1",
+    "@nuxt/types": "^2.16.3",
+    "nuxt": "3.4.1",
     "prettier": "^2.8.4",
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@mdi/font": "^7.1.96",
-    "@nuxtjs/tailwindcss": "^6.6.5",
+    "@mdi/font": "^7.2.96",
+    "@nuxtjs/tailwindcss": "^6.6.6",
     "@pinia/nuxt": "^0.4.8",
     "animate.css": "^4.1.1",
     "axios": "^1.3.5",
@@ -40,6 +41,7 @@
     "pinia": "^2.0.34",
     "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
-    "vuetify": "^3.1.13"
+    "vue-uuid": "^3.0.0",
+    "vuetify": "^3.1.15"
   }
 }