hl-core 0.0.9-beta.27 → 0.0.9-beta.28

package/components/Form/DynamicForm.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-form class="dynamic-form">
+    <base-form-section v-for="(section, sectionIndex) in form.sections" :key="sectionIndex" class="rounded-lg" :title="section.title">
+      <base-dynamic-input :fields="section.fields" />
+    </base-form-section>
+  </v-form>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    form: {
+      type: Object as PropType<DynamicForm>,
+      required: true,
+    },
+  },
+});
+</script>

package/components/Form/ManagerAttachment.vue

@@ -187,6 +187,15 @@ export default defineComponent({
       },
     );
 
+    onBeforeUnmount(() => {
+      if (!isReadonly.value) {
+        const areValid = !!formStore.SaleChanellPolicy.nameRu && !!formStore.RegionPolicy.nameRu && !!formStore.ManagerPolicy.nameRu && !!formStore.AgentData.fullName;
+        if (areValid) {
+          dataStore.setINSISWorkData(false);
+        }
+      }
+    });
+
     return {
       // State
       formStore,

package/components/Input/DynamicInput.vue

@@ -0,0 +1,22 @@
+<template>
+  <div v-for="(field, fieldIndex) in fields" :key="fieldIndex">
+    <base-text-input
+      v-if="field.type === 'text' || field.type === 'number'"
+      :control="field"
+      class="bg-[#fff]"
+      :class="{ 'rounded-t-lg': fieldIndex === 0 || fields[fieldIndex - 1].type !== 'text', 'rounded-b-lg': fieldIndex === fields.length - 1 }"
+    />
+    <base-switch-input v-if="field.type === 'switch'" :field="field" />
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    fields: {
+      type: Object as PropType<InputType[]>,
+      required: true,
+    },
+  },
+});
+</script>

package/components/Input/SwitchInput.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="base-switch-input p-4 bg-white rounded-lg mb-3">
+    <v-switch v-model="field.modelValue" v-bind="switchProps" />
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'asSwitchInput',
+  props: {
+    field: {
+      type: Object as PropType<SwitchInput>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const switchProps = computed(() => {
+      return {
+        label: props.field.label,
+        direction: props.field.direction,
+        disabled: props.field.disabled,
+        hideDetails: true,
+        color: '#009C73',
+      };
+    });
+    return { switchProps };
+  },
+});
+</script>
+
+<style>
+.base-switch-input .v-switch label {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  line-height: 20px !important;
+  opacity: 1 !important;
+}
+.base-switch-input .v-switch__track {
+  background: white !important;
+  border: 1.1px solid #e5e5ea;
+  height: 19px !important;
+  width: 100px !important;
+  border-radius: 16px;
+  overflow: hidden;
+}
+
+.base-switch-input .switch-block .v-input--horizontal {
+  grid-template-areas: unset !important;
+}
+
+.base-switch-input .v-switch__thumb {
+  color: white;
+  width: 20px;
+  height: 20px;
+}
+
+.base-switch-input .v-selection-control--dirty .v-switch__track {
+  background: #2aa65c !important;
+}
+
+.base-switch-input .v-switch .v-selection-control {
+  min-height: unset !important;
+}
+</style>

package/components/Input/TextInput.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="base-text-input flex justify-between items-center pr-4 mb-[1px] bg-[#fff]">
+    <v-text-field v-model="control.modelValue" v-bind="textFieldProps" v-maska="mask">
+      <div v-if="hasSuffix" class="absolute top-[27px] left-[18px] flex items-center justify-center">
+        <p class="opacity-0 inline-block mr-[2px]">{{ control.modelValue }}</p>
+        <span>{{ suffix }}</span>
+      </div>
+    </v-text-field>
+    <v-icon v-if="control.iconName" :icon="`mdi cursor-pointer ${iconsList[control.iconName]}`" color="#A0B3D8" @click="onClickIcon" />
+    <vue-date-picker v-if="control.maska === 'date'" v-model="control.modelValue" v-bind="datePickerProps" @update:modelValue="$emit('update:modelValue', $event)">
+      <template #trigger>
+        <v-icon icon="mdi mdi-calendar-blank-outline cursor-pointer" color="#a0b3d8" />
+      </template>
+    </vue-date-picker>
+  </div>
+</template>
+
+<script lang="ts">
+const iconsList: { [key: string]: string } = {
+  arrowRight: 'mdi-chevron-right',
+  search: 'mdi-magnify',
+  sms: 'mdi-message-text',
+  clear: 'mdi-close',
+};
+
+const suffixList: { [key: string]: string } = {
+  kzt: '₸',
+  usd: '$',
+  percent: '%',
+};
+
+export default defineComponent({
+  props: {
+    control: {
+      type: Object as PropType<InputType>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const mask = computed(() => (props.control.maska ? useMask()[props.control.maska] : ''));
+
+    const textFieldProps = computed(() => {
+      return {
+        label: props.control.label,
+        placeholder: props.control.placeholder,
+        disabled: props.control.disabled,
+        maxLength: props.control.maxLength,
+        readonly: props.control.readonly || props.control.iconName === 'arrowRight',
+      };
+    });
+
+    const datePickerProps = computed(() => {
+      return {
+        locale: 'ru',
+        flow: ['calendar'],
+        modelType: 'dd.MM.yyyy',
+        enableTimePicker: false,
+        altPosition: () => ({ top: 0, left: -275 }),
+        clearable: false,
+        disabled: props.control.disabled,
+        readonly: props.control.readonly,
+        selectText: 'Выбрать',
+        cancelText: 'Закрыть',
+        offset: '-50',
+        class: 'max-w-max z-[10]',
+        closeOnScroll: true,
+        transitions: false,
+      };
+    });
+
+    const hasSuffix = computed(() => {
+      return props.control.suffix && props.control.type === 'number' && props.control.modelValue;
+    });
+
+    const suffix = computed(() => {
+      return hasSuffix.value ? suffixList[props.control.suffix!] : '';
+    });
+
+    const onClickIcon = () => {};
+
+    return {
+      // State
+      datePickerProps,
+      textFieldProps,
+      hasSuffix,
+      mask,
+      suffix,
+      iconsList,
+
+      // Functions
+      onClickIcon,
+    };
+  },
+});
+</script>
+<style>
+.base-text-input .v-field__append-inner i {
+  color: #a0b3d8 !important;
+  margin-left: 10px;
+  margin-right: 4px;
+}
+.base-text-input .v-field__append-inner {
+  margin-top: 12px;
+  cursor: pointer;
+  padding-right: 6px;
+}
+.base-text-input .v-field__outline,
+.base-text-input .v-field__overlay,
+.base-text-input .v-field__loader {
+  display: none !important;
+}
+
+.base-text-input .v-input__prepend {
+  padding-top: 0;
+  display: flex;
+  align-items: center;
+}
+.base-text-input .v-field__append-inner {
+  display: flex;
+  padding: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.base-text-input .v-file-input {
+  padding: 0px;
+}
+.base-text-input .v-messages,
+.base-text-input .v-messages__message,
+.base-text-input .v-input__details {
+  min-height: unset !important;
+}
+.base-text-input .v-messages__message {
+  transition: all 0.5s;
+  margin-bottom: 10px;
+}
+.base-text-input .v-input__details {
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
+}
+.base-text-input .dp__action_buttons button {
+  padding: 6px 9px;
+  height: unset;
+}
+.base-text-input .dp__action_select {
+  background: #a0b3d8;
+  color: white;
+}
+.base-text-input .dp__action_select:hover {
+  background: #97acd6;
+}
+.base-text-input .dp__active_date,
+.base-text-input .dp__overlay_cell_active {
+  background: #a0b3d8;
+}
+</style>

package/components/Layout/SettingsPanel.vue

@@ -71,13 +71,11 @@ const logoutUser = async () => {
   await dataStore.logoutUser();
 };
 
-const isProduction = import.meta.env.VITE_MODE === 'production';
-
 const hasHistory = computed(() => {
   return !dataStore.isLKA;
 });
 
 const openHistory = async () => {
-  dataStore.sendToParent(constants.postActions.toStatementHistory, dataStore.isBridge || dataStore.isDSO ? '' : dataStore.product);
+  dataStore.sendToParent(constants.postActions.toStatementHistory, dataStore.isBridge || dataStore.isDSO || dataStore.isUU ? '' : dataStore.product);
 };
 </script>

package/components/Pages/Anketa.vue

@@ -114,7 +114,7 @@
     </section>
     <base-btn
       v-if="currentQuestion && currentQuestion.second && currentQuestion.second.length && firstPanel"
-      class="!absolute z-10 my-[14px] self-center w-[96%] bottom-0"
+      class="!absolute z-10 my-[14px] self-center w-[96%] bottom-[-40px]"
       :text="$dataStore.t('buttons.save')"
       @click="submitSecondaryForm"
     />

package/components/Pages/MemberForm.vue

@@ -629,7 +629,7 @@ export default {
     const isFromGBD = computed(() => !!member.value.gosPersonData);
     const showSaveButton = computed(() => {
       const generalCondition = !isDisabled.value && !!isTask.value && !!dataStore.isInitiator();
-      const perMemberCondtion = () => {
+      const perMemberCondition = () => {
         switch (whichForm.value) {
           case formStore.policyholderFormKey:
             return true;
@@ -642,7 +642,7 @@ export default {
             return false;
         }
       };
-      return generalCondition && perMemberCondtion();
+      return generalCondition && perMemberCondition();
     });
 
     const hasGBDFL = computed(() => {
@@ -741,7 +741,7 @@ export default {
 
     const birthDateRule = computed(() => {
       const baseDateRule = dataStore.rules.required.concat(dataStore.rules.birthDate);
-      const byMemverAndProductRule = () => {
+      const byMemberAndProductRule = () => {
         if (whichForm.value === formStore.policyholderFormKey) {
           if (dataStore.isGons || dataStore.isBolashak || dataStore.isBaiterek) {
             return dataStore.rules.age18ByDate;
@@ -757,7 +757,7 @@ export default {
         }
         return [];
       };
-      return baseDateRule.concat(byMemverAndProductRule());
+      return baseDateRule.concat(byMemberAndProductRule());
     });
     const ageRule = computed(() => {
       const baseAgeRule = dataStore.rules.numbers;

package/composables/constants.ts

@@ -16,7 +16,7 @@ export const constants = Object.freeze({
     checkcontragent: 1,
     checkcontract: 2,
   },
-  extractedProducts: ['dso'],
+  extractedProducts: ['dso', 'uu'],
   editableStatuses: [Statuses.StartForm, Statuses.EditBeneficiaryForm, Statuses.EditForm],
   documentsLinkVisibleStatuses: [
     Statuses.DocumentsSignedFrom,

package/composables/index.ts

@@ -2,6 +2,7 @@ import { useDisplay } from 'vuetify';
 import jwt_decode from 'jwt-decode';
 import { XMLParser } from 'fast-xml-parser';
 import { AxiosError } from 'axios';
+import { FieldTypes } from '../types/form';
 
 export const getBaseCredentials = () => {
   return {
@@ -284,3 +285,68 @@ export const getLastDayOfMonth = (year: number, month: number) => {
   const date = new Date();
   return new Date(year, month + 1, 0, (date.getTimezoneOffset() / 60) * -1).toISOString();
 };
+
+export const FieldBase = ({
+  label = '',
+  placeholder = '',
+  readonly = false,
+  disabled = false,
+  modelValue = null,
+  iconName = null,
+  rules = [],
+  maxLength = null,
+  clearable = true,
+  hint = undefined,
+  suffix = null,
+  maska = null,
+}: InputBase): InputBase =>
+  ({
+    label,
+    placeholder,
+    readonly,
+    disabled,
+    modelValue,
+    iconName,
+    rules,
+    maxLength,
+    clearable,
+    hint,
+    suffix,
+    maska,
+  } as InputBase);
+
+export const TextInput = ({ ...rest }: Partial<TextInput>): TextInput => {
+  return {
+    ...FieldBase(rest),
+    type: FieldTypes.TEXT,
+  };
+};
+
+export const SwitchInput = ({ ...rest }: Partial<SwitchInput>): SwitchInput => {
+  return {
+    ...FieldBase(rest),
+    type: FieldTypes.SWITCH,
+    direction: 'horizontal',
+    trueValue: null,
+    falseValue: null,
+    labeling: false,
+  };
+};
+
+export const NumberInput = ({ ...rest }: Partial<NumberInput>): NumberInput => {
+  return {
+    ...FieldBase(rest),
+    type: FieldTypes.NUMBER,
+  };
+};
+
+export const dynamic = <T>(obj: T, key: keyof T) => {
+  return computed({
+    get: () => {
+      return obj[key];
+    },
+    set: (val: any) => {
+      obj[key] = val;
+    },
+  });
+};

package/locales/ru.json

@@ -641,6 +641,7 @@
     "reset": "Сбросить",
     "toExcel": "Экспорт в Excel",
     "condition": "Условие",
+    "sum": "Сумма",
     "bet": "Ставка",
     "statistics": "Статистика",
     "progressBar": "Шкала прогресса",
@@ -768,6 +769,7 @@
     "job": "Профессия",
     "jobPosition": "Должность",
     "jobPlace": "Место работы",
+    "jobDesk": "Занимаемая должность и точная описание служебных обязанностей",
     "placeRegistration": "Место жительство или регистрации",
     "placePermanent": "Постоянный адрес проживания",
     "sameAddress": "Совпадает ли адрес с адресом Страхователя?",
@@ -808,7 +810,29 @@
     "agent": "Агент",
     "insurancePay": "Страховая выплата подлежит осуществлению",
     "firstNameLat": "Имя (На латинице)",
-    "lastNameLat": "Фамилия (На латинице)"
+    "lastNameLat": "Фамилия (На латинице)",
+    "phDocuments": "Документы Страхователя",
+    "insDocuments": "Документы Застрахованного / Выгодоприобретателя",
+    "insuredBeneficiaryData": "Сведения о Застрахованном / Выгодоприобретателе",
+    "identyDocument": "Документ подтверждающий личность",
+    "bankStatement": "Справка из банка",
+    "benefDoc": "Документ подтверждающий личность Бенефициарного собственника",
+    "insActBasis": "Страхователь действует на основании (Устав. доверенность, приказ и тп)",
+    "insActBasisKz": "Сақтанушы (Жарғы, сенімхат, бұйрық және т.б.) негізінде әрекет етеді",
+    "insurerAuthority": "Полномочия Страхователя",
+    "docNumber": "Номер документа",
+    "docDate": "Дата",
+    "docType": "Вид документа",
+    "issuingAuthority": "Орган выдачи",
+    "validUntil": "Действует до",
+    "validFrom": "Выдан от",
+    "identityDocument": "Документ удостоверяющий личность",
+    "toggleContactPerson": "Отметка о наличии (отсутсвии) Контактного лица Застрахованного",
+    "contactPersonData": "Сведения о Контактном лице Застрахованного",
+    "registrationPlaceOfContactPerson": "Место жительства или регистрации Контактного лица Застрахованного",
+    "identityCardOfContactPerson": "Документ удостоверяющий личность Контактного лица Застрахованного",
+    "recipientDocs": "Документы Получателя",
+    "recipientData": "Сведения о Получателе"
   },
   "bankDetailsForm": {
     "title": "Банковские реквизиты",
@@ -839,6 +863,11 @@
     "documentsBeneficialOwner": "Документы Бенефициарного собственника",
     "coveragePeriod": "Период покрытия",
     "form": {
+      "calculation": "Расчеты",
+      "paymentAmount": "Размер выплаты",
+      "paymentPeriod": "Количество платежей",
+      "paymentDate": "Дата первой выплаты",
+      "recipient": "Получатель (в случае смерти Застрахованного)",
       "nameOrganization": "Наименование организации",
       "listSpecies": "Перечень видов",
       "numberWorkers": "Кол-во работников",
@@ -882,6 +911,9 @@
       "recalculationSection": "Раздел переменных для перерасчета"
     }
   },
+  "uu": {
+    "title": "Процесс урегулирования убытков"
+  },
   "dso": {
     "project": "ДСО",
     "generalInfo": "Общая информация",
@@ -892,6 +924,10 @@
     "consumption": "Расход",
     "remainder": "Остаток",
     "loans": "Займы",
+    "loanNumber":"Номер займа",
+    "rewardAmount":"Сумма вознаграждения",
+    "loanType":"Тип займа",
+    "writeOff":"Списание из ВС",
     "paymentJournal": "Журнал оплат",
     "startDate": "Дата начала",
     "loanAmount": "Сумма займа",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.9-beta.27",
+  "version": "0.0.9-beta.28",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",

package/store/data.store.ts

@@ -49,6 +49,7 @@ export const useDataStore = defineStore('data', {
     isCheckContract: state => state.product === 'checkcontract',
     isCheckContragent: state => state.product === 'checkcontragent',
     isDSO: state => state.product === 'dso',
+    isUU: state => state.product === 'uu',
     isEveryFormDisabled: state => Object.values(state.formStore.isDisabled).every(i => i === true),
     hasClientAnketa: state => state.formStore.additionalInsuranceTerms.find(i => i.coverTypeCode === 10),
     isClientAnketaCondition: state =>
@@ -1102,7 +1103,7 @@ export const useDataStore = defineStore('data', {
         this.isLoading = false;
       }
     },
-    async setINSISWorkData() {
+    async setINSISWorkData(loading: boolean = true) {
       if (!this.formStore.applicationData.insisWorkDataApp) return;
       const data: InsisWorkDataApp = {
         id: this.formStore.applicationData.insisWorkDataApp.id,
@@ -1121,7 +1122,7 @@ export const useDataStore = defineStore('data', {
         insuranceProgramType: this.formStore.applicationData.insisWorkDataApp.insuranceProgramType,
       };
       try {
-        this.isLoading = true;
+        this.isLoading = loading;
         await this.api.setINSISWorkData(data);
       } catch (err) {
         ErrorHandler(err);

package/store/extractStore.ts

@@ -0,0 +1,17 @@
+import type { PiniaCustomStateProperties, StoreActions, StoreGeneric, StoreGetters, StoreState } from 'pinia';
+import type { ToRefs } from 'vue';
+import { isReactive, isRef, toRaw, toRef } from 'vue';
+type Extracted<SS> = ToRefs<StoreState<SS> & StoreGetters<SS> & PiniaCustomStateProperties<StoreState<SS>>> & StoreActions<SS>;
+export function extractStore<SS extends StoreGeneric>(store: SS): Extracted<SS> {
+  const rawStore = toRaw(store);
+  const refs: Record<string, unknown> = {};
+
+  for (const [key, value] of Object.entries(rawStore)) {
+    if (isRef(value) || isReactive(value)) {
+      refs[key] = toRef(store, key);
+    } else if (typeof value === 'function') {
+      refs[key] = value;
+    }
+  }
+  return refs as Extracted<SS>;
+}

package/types/form.ts

@@ -0,0 +1,73 @@
+export {};
+
+export enum FieldTypes {
+  TEXT = 'text',
+  NUMBER = 'number',
+  SWITCH = 'switch',
+  EMAIL = 'email',
+  PASSWORD = 'password',
+  FILE = 'file',
+}
+
+declare global {
+  type InputType = TextInput | NumberInput | FileInput | SwitchInput;
+  type FormMasks = 'numbers' | 'iin' | 'otp' | 'phone' | 'date' | 'post' | 'threeDigit' | 'iik';
+  type FormIcons = 'arrowRight' | 'search' | 'sms' | null;
+  type Suffix = 'kzt' | 'usd' | 'percent' | null;
+
+  export interface DynamicForm {
+    formRef: any;
+    sections: SectionType[];
+    fieldOrder?: string[];
+  }
+
+  type InputBase = {
+    modelValue?: any;
+    clearable?: boolean;
+    label?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    arrowRight?: boolean;
+    maxLength?: number | null;
+    rules?: ValidationRule[];
+    iconName?: FormIcons;
+    value?: number;
+    suffix?: Suffix | null;
+    hint?: string | undefined;
+    maska?: FormMasks | null;
+  };
+
+  type FormControl<T extends InputType> = T & {
+    valid: boolean;
+    dirty: boolean;
+    touched: boolean;
+  };
+
+  type FileInput = InputBase & {
+    type: FieldTypes.FILE;
+  };
+
+  type TextInput = InputBase & {
+    type: FieldTypes.TEXT;
+  };
+
+  type SwitchInput = InputBase & {
+    type: FieldTypes.SWITCH;
+    labeling: boolean | null;
+    direction: 'horizontal' | 'vertical';
+    falseValue: boolean | string | null;
+    trueValue: boolean | string | null;
+  };
+
+  type NumberInput = InputBase & {
+    type: FieldTypes.NUMBER;
+  };
+
+  type ValidationRule = (value: string) => boolean | string;
+
+  type SectionType = {
+    title?: string;
+    fields: InputType[];
+  };
+}

package/types/index.ts

@@ -23,7 +23,8 @@ declare global {
     | 'checkcontract'
     | 'checkcontragent'
     | 'daskamkorlyk'
-    | 'dso';
+    | 'dso'
+    | 'uu';
   type MemberKeys = keyof ReturnType<typeof useFormStore>;
   type MemberFormTypes = 'policyholderForm' | 'insuredForm' | 'beneficiaryForm' | 'beneficialOwnerForm' | 'policyholdersRepresentativeForm' | 'productConditionsForm';
   type SingleMember = 'policyholderForm' | 'policyholdersRepresentativeForm';