hl-core 0.0.8-beta.1 → 0.0.8-beta.11

package/api/index.ts

@@ -13,7 +13,7 @@ export class ApiClass {
 
   private async axiosCall<T>(config: AxiosRequestConfig): Promise<T> {
     const dataStore = useDataStore();
-    if ((dataStore.isEFO && !this.baseURL) || (!dataStore.isEFO && (!this.baseURL || !this.productUrl))) {
+    if (((dataStore.isEFO || dataStore.isAML) && !this.baseURL) || (!dataStore.isEFO && !dataStore.isAML && (!this.baseURL || !this.productUrl))) {
       console.error('No Axios baseURL or productURL');
     }
     const { data } = await useAxios(this.baseURL).request<T>(config);
@@ -137,35 +137,42 @@ export class ApiClass {
     });
   }
 
+  async getCurrencies(): Promise<{ eur: number; usd: number }> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Currency/GetExchange',
+    });
+  }
+
   async getContragent(queryData: any) {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName${queryData.middleName}`,
+      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName=${queryData.middleName}`,
     });
   }
 
   async getQuestionList(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaFirst> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Baiterek/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+      url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
     });
   }
 
   async getQuestionListSecond(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaSecond[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Baiterek/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+      url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
     });
   }
 
   async definedAnswers(filter: string) {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=${filter}`,
+      url: `/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=${filter}`,
     });
   }
 
-  async setSurvey(surveyData: AnketaFirst) {
+  async setSurvey(surveyData: AnketaFirst): Promise<string> {
     return this.axiosCall({
       method: Methods.POST,
       data: surveyData,
@@ -227,7 +234,7 @@ export class ApiClass {
     });
   }
 
-  async getDicFileTypeList() {
+  async getDicFileTypeList(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Arm/api/Dictionary/GetDictionaryItems/DicFileType',
@@ -498,7 +505,7 @@ export class ApiClass {
   }
 
   async getProcessTariff(code: number | string = 5) {
-    return this.axiosCall({ url: `/arm/api/Dictionary/ProcessTariff/${code}` });
+    return this.axiosCall({ url: `/Arm/api/Dictionary/ProcessTariff/${code}` });
   }
 
   async setConfirmation(data: any) {
@@ -519,30 +526,37 @@ export class ApiClass {
   async sendUnderwritingCouncilTask(data: any) {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/arm/api/UnderwritingCouncil/SendTask',
+      url: '/Arm/api/UnderwritingCouncil/SendTask',
       data: data,
     });
   }
 
+  async getDictionaryItems(dictName: string): Promise<Value[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/ContragentInsis/DictionaryItems/${dictName}`,
+    });
+  }
+
   async filterManagerByRegion(dictName: string, filterName: string) {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/ContragentInsis/DictionaryItems/${dictName}?filter=${filterName}`,
+      url: `/Ekk/api/ContragentInsis/DictionaryItems/${dictName}?filter=${filterName}`,
     });
   }
 
   async setINSISWorkData(data: any) {
     return this.axiosCall({
       method: Methods.POST,
-      url: `/arm/api/Bpm/SetInsisWorkData`,
+      url: `/Arm/api/Bpm/SetInsisWorkData`,
       data: data,
     });
   }
 
-  async searchAgentByName(name: string) {
+  async searchAgentByName(name: string): Promise<AgentData[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/ContragentInsis/AgentByName?fullName=${name}`,
+      url: `/Ekk/api/ContragentInsis/AgentByName?fullName=${name}`,
     });
   }
 }

package/api/interceptors.ts

@@ -21,7 +21,7 @@ export default function (axios: AxiosInstance) {
       if (error.response.status === 401) {
         dataStore.$reset();
         localStorage.clear();
-        if (dataStore.isEFO) {
+        if (dataStore.isEFO || dataStore.isAML) {
           router.push({ name: 'Auth', query: { error: 401 } });
         } else {
           dataStore.sendToParent(constants.postActions.Error401, 401);

package/components/Dialog/Dialog.vue

@@ -9,7 +9,7 @@
         <slot v-if="!subtitle" name="subtitle"></slot>
         {{ subtitle }}
       </v-card-subtitle>
-      <v-card-actions class="gap-[16px]">
+      <v-card-actions class="gap-[16px] m-2">
         <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.yes')" :btn="$libStyles.blueBtn" @click="$emit('yes')"></base-btn>
         <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.no')" :btn="$libStyles.blueBtn" @click="$emit('no')" />
         <slot v-if="actions !== 'default'" name="actions"></slot>

package/components/Form/FormBlock.vue

@@ -1,54 +1,68 @@
 <template>
-  <div class="pt-3 rounded-lg border-[1px]" :class="[$libStyles.whiteBg]">
+  <div class="pt-3 rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
     <div class="ml-5">
       <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ title }}</p>
       <p v-if="!!subtitle" :class="[$libStyles.greyText, $libStyles.textSimple]">{{ subtitle }}</p>
     </div>
-    <div class="ml-5 mt-6 grid grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 auto-rows-fr items-center">
+    <div
+      class="ml-5 mt-6 grid auto-rows-fr items-center"
+      :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2 mb-6' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 ']"
+    >
       <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.fullName') }}</span>
       <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.iin') }}</span>
-      <span :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('form.gender') }}</span>
-      <span :class="[$libStyles.textSimple]" class="font-medium"> {{ $t('form.birthDate') }} </span>
-      <span :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('form.Country') }} </span>
-      <span :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('code') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('form.gender') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium"> {{ $t('form.birthDate') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('form.Country') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('code') }}</span>
     </div>
-    <div v-if="isMultiple" class="ml-5 flex flex-col">
-      <div v-for="(each, index) of member" :key="index" class="grid grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 auto-rows-fr items-center relative">
+    <div v-if="isMultiple" class="ml-5 flex flex-col" :class="[isShort ? 'mb-6' : '']">
+      <div
+        v-for="(each, index) of member"
+        :key="index"
+        class="grid auto-rows-fr items-center relative"
+        :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7']"
+      >
         <span :class="[getMemberInfo(each).fullName === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(each).fullName }}</span>
         <span :class="[getMemberInfo(each).iin === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(each).iin }}</span>
-        <span :class="[getMemberInfo(each).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ getMemberInfo(each).gender }} </span>
-        <span :class="[getMemberInfo(each).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(each).birthDate }} </span>
-        <span :class="[getMemberInfo(each).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(each).birthPlace }} </span>
-        <span :class="[getMemberInfo(each).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(each).sectorCode }} </span>
+        <span v-if="!isShort" :class="[getMemberInfo(each).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ getMemberInfo(each).gender }} </span>
+        <span v-if="!isShort" :class="[getMemberInfo(each).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(each).birthDate }} </span>
+        <span v-if="!isShort" :class="[getMemberInfo(each).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(each).birthPlace }} </span>
+        <span v-if="!isShort" :class="[getMemberInfo(each).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(each).sectorCode }} </span>
         <div
-          class="rounded-br-lg transition-all h-[70px] w-[60px] place-self-end cursor-pointer"
-          :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover]"
-          @click="$emit('onMore', { whichForm, index })"
+          v-if="!isShort"
+          class="rounded-br-lg transition-all h-[70px] w-[60px] place-self-end"
+          :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
+          @click="!disabled && $emit('onMore', { whichForm, index })"
         >
           <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
         </div>
       </div>
     </div>
-    <div v-else class="ml-5 grid grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 auto-rows-fr items-center relative">
+    <div
+      v-else
+      class="ml-5 grid auto-rows-fr items-center relative"
+      :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7']"
+    >
       <span :class="[getMemberInfo(member).fullName === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(member).fullName }}</span>
       <span :class="[getMemberInfo(member).iin === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(member).iin }}</span>
-      <span :class="[getMemberInfo(member).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ getMemberInfo(member).gender }} </span>
-      <span :class="[getMemberInfo(member).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(member).birthDate }} </span>
-      <span :class="[getMemberInfo(member).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).birthPlace }} </span>
-      <span :class="[getMemberInfo(member).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).sectorCode }} </span>
+      <span v-if="!isShort" :class="[getMemberInfo(member).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ getMemberInfo(member).gender }} </span>
+      <span v-if="!isShort" :class="[getMemberInfo(member).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(member).birthDate }} </span>
+      <span v-if="!isShort" :class="[getMemberInfo(member).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).birthPlace }} </span>
+      <span v-if="!isShort" :class="[getMemberInfo(member).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).sectorCode }} </span>
       <div
-        class="rounded-br-lg transition-all h-[70px] w-[60px] place-self-end cursor-pointer"
-        :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover]"
-        @click="$emit('onMore', { whichForm })"
+        v-if="!isShort"
+        class="rounded-br-lg transition-all h-[70px] w-[60px] place-self-end"
+        :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
+        @click="!disabled && $emit('onMore', { whichForm })"
       >
         <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
       </div>
     </div>
     <div
-      v-if="isMultiple && more"
-      :class="[$libStyles.blueBg, $libStyles.whiteText, $libStyles.textSimple]"
-      class="cursor-pointer rounded-b-lg h-[36px] flex items-center font-medium justify-center"
-      @click="memberStore.addMember(whichForm)"
+      v-if="isMultiple && more && !isShort"
+      :class="[$libStyles.blueBg, $libStyles.whiteText, $libStyles.textSimple, disabled ? $libStyles.disabled : 'cursor-pointer']"
+      class="rounded-b-lg h-[36px] flex items-center font-medium justify-center"
+      @click="!disabled && memberStore.addMember(whichForm)"
     >
       {{ $t('buttons.add') }}
     </div>
@@ -76,6 +90,14 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String as PropType<'short' | 'default'>,
+      default: 'default',
+    },
   },
   emits: ['onMore', 'addMember'],
   setup(props) {
@@ -86,6 +108,8 @@ export default defineComponent({
     const isMultiple = ref(multipleMembers.includes(props.whichForm));
     const member: Member = formStore[props.whichForm as MemberKeys];
 
+    const isShort = computed(() => props.type === 'short');
+
     const getMemberInfo = (memberData: Member) => {
       return {
         fullName: computed(() => (memberData && memberData.getFullNameShorted() ? memberData.getFullNameShorted() : null)).value,
@@ -105,6 +129,7 @@ export default defineComponent({
       isMultiple,
 
       // Computed
+      isShort,
 
       // Functions
       getMemberInfo,

package/components/Form/ManagerAttachment.vue

@@ -0,0 +1,196 @@
+<template>
+  <div class="rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
+    <div class="mt-3 ml-5">
+      <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ $t('form.attachManager') }}</p>
+    </div>
+    <v-form ref="vForm" class="flex flex-col mt-1">
+      <base-panel-input
+        class="pl-1"
+        v-model="formStore.SaleChanellPolicy"
+        :value="formStore.SaleChanellPolicy.nameRu"
+        :readonly="isReadonly"
+        :clearable="!isReadonly"
+        :label="$t('form.salesChanell')"
+        :rules="$rules.objectRequired"
+        append-inner-icon="mdi mdi-chevron-right"
+        @append="openPanel('SaleChanellPolicy', $t('form.salesChanell'))"
+      ></base-panel-input>
+      <base-panel-input
+        class="pl-1"
+        v-model="formStore.RegionPolicy"
+        :value="formStore.RegionPolicy.nameRu"
+        :readonly="isReadonly"
+        :clearable="!isReadonly"
+        :label="$t('form.Region')"
+        :rules="$rules.objectRequired"
+        append-inner-icon="mdi mdi-chevron-right"
+        @append="openPanel('RegionPolicy', $t('form.Region'))"
+      ></base-panel-input>
+      <base-panel-input
+        class="pl-1"
+        v-model="formStore.ManagerPolicy"
+        :value="formStore.ManagerPolicy.nameRu"
+        :readonly="isReadonly"
+        :clearable="!isReadonly"
+        :label="$t('form.manager')"
+        :rules="$rules.objectRequired"
+        append-inner-icon="mdi mdi-chevron-right"
+        @append="openPanel('ManagerPolicy', $t('form.manager'))"
+      ></base-panel-input>
+      <base-panel-input
+        class="pl-1"
+        v-model="formStore.AgentData"
+        :value="formStore.AgentData.fullName"
+        :readonly="isReadonly"
+        :clearable="!isReadonly"
+        :label="$t('form.agent')"
+        :rules="$rules.agentDataRequired"
+        append-inner-icon="mdi mdi-chevron-right"
+        @append="openPanel('AgentData', $t('form.agent'))"
+      ></base-panel-input>
+    </v-form>
+    <Teleport v-if="isPanelOpen" to="#panel-actions">
+      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+        <base-rounded-input
+          v-model="searchQuery"
+          :label="$t('labels.search')"
+          class="w-full p-2"
+          :hide-details="true"
+          :append-inner-icon="currentDictName === 'AgentData' ? 'mdi mdi-magnify' : ''"
+          @append="searchAgent"
+        ></base-rounded-input>
+        <div v-if="dictList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
+          <div v-for="(item, index) in dictList" :key="item.id">
+            <base-panel-select-item
+              :key="index"
+              :text="currentDictName === 'AgentData' ? item.fullName : (item.nameRu as string)"
+              :selected="currentDictName === 'AgentData' ? item.fullName === panelValue.fullName : item.nameRu === panelValue.nameRu"
+              @click="pickPanelValue(item)"
+            ></base-panel-select-item>
+          </div>
+        </div>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      </div>
+    </Teleport>
+  </div>
+</template>
+
+<script lang="ts">
+import { Value } from '@/composables/classes';
+
+export default defineComponent({
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const route = useRoute();
+    const dataStore = useDataStore();
+    const formStore = useFormStore();
+    const isPanelOpen = ref<boolean>(false);
+    const isPanelLoading = ref<boolean>(false);
+    const panelValue = ref<Value & AgentData>(new Value());
+    const searchQuery = ref<string>('');
+    const currentDictName = ref<string>();
+
+    const dictList = computed(() => {
+      if (!currentDictName.value) {
+        return [];
+      }
+      if (currentDictName.value === 'AgentData') {
+        return dataStore[currentDictName.value];
+      } else {
+        // @ts-ignore
+        return dataStore[currentDictName.value].filter((item: Value) => {
+          // @ts-ignore
+          return item.nameRu ? item.nameRu.toLowerCase().includes(searchQuery.value.toLowerCase()) : item.fullName.toLowerCase().includes(searchQuery.value.toLowerCase());
+        });
+      }
+    });
+    const isReadonly = computed(
+      () =>
+        props.disabled ||
+        route.params.taskId === '0' ||
+        (route.params.taskId !== '0' && (!dataStore.isProcessEditable(formStore.applicationData.statusCode) || !dataStore.isTask())),
+    );
+
+    const openPanel = async (currentDict: string, title: string) => {
+      searchQuery.value = '';
+      if (dataStore.isTask() && !props.disabled) {
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+        currentDictName.value = currentDict;
+
+        if (currentDict === 'ManagerPolicy') {
+          isPanelLoading.value = true;
+          await dataStore.filterManagerByRegion(formStore.RegionPolicy?.ids);
+        }
+
+        isPanelOpen.value = true;
+        panelValue.value = formStore[currentDict as keyof typeof formStore];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const searchAgent = async () => {
+      if (searchQuery.value) {
+        isPanelLoading.value = true;
+        await dataStore.searchAgentByName(searchQuery.value);
+        isPanelLoading.value = false;
+      }
+    };
+
+    const pickPanelValue = (answer: any) => {
+      // @ts-ignore
+      formStore[currentDictName.value] = answer;
+      isPanelOpen.value = false;
+      dataStore.panel.open = false;
+      searchQuery.value = '';
+    };
+
+    watch(searchQuery, () => {
+      if (searchQuery.value === null) {
+        searchQuery.value = '';
+      }
+    });
+
+    watch(
+      () => formStore.RegionPolicy,
+      (val, oldVal) => {
+        if (val.ids !== oldVal.ids) {
+          formStore.ManagerPolicy = new Value();
+        }
+      },
+    );
+
+    return {
+      // State
+      formStore,
+      isPanelOpen,
+      isPanelLoading,
+      panelValue,
+      searchQuery,
+      Value,
+      currentDictName,
+
+      // Computed
+      dictList,
+      isReadonly,
+
+      // Functions
+      openPanel,
+      searchAgent,
+      pickPanelValue,
+    };
+  },
+});
+</script>

package/components/Form/ProductConditionsBlock.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pt-3 pl-5 rounded-lg border-[1px]" :class="[$libStyles.whiteBg]">
+  <div class="pt-3 pl-5 rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
     <div>
       <p :class="[$libStyles.textTitle, $libStyles.greenText]">
         {{ $t('productConditions') }}
@@ -20,9 +20,9 @@
         {{ paymentPeriod }}
       </span>
       <div
-        class="rounded-br-lg transition-all h-[70px] w-[60px] relative place-self-end cursor-pointer"
-        :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover]"
-        @click="$emit('onMore', { whichForm: 'productConditions' })"
+        class="rounded-br-lg transition-all h-[70px] w-[60px] relative place-self-end"
+        :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
+        @click="!disabled && $emit('onMore', { whichForm: 'productConditions' })"
       >
         <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
       </div>
@@ -37,6 +37,10 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   setup() {
     const formStore = useFormStore();

package/components/Input/Datepicker.vue

@@ -0,0 +1,41 @@
+<template>
+  <vue-date-picker
+    :model-value="modelValue"
+    :clearable="false"
+    :disabled="disabled"
+    :reaonly="readonly"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    locale="ru"
+    model-type="dd.MM.yyyy"
+    position="left"
+    menu-class-name="!left-[30vw] md:!left-[70vw] lg:!left-[75vw]"
+    teleport=".v-form"
+    :offset="-50"
+    :close-on-scroll="true"
+    :enable-time-picker="false"
+    cancel-text="Отменить"
+    select-text="Выбрать"
+  >
+    <template #trigger>
+      <v-icon icon="mdi mdi-calendar-blank-outline cursor-pointer"></v-icon>
+    </template>
+  </vue-date-picker>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    modelValue: {
+      required: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>

package/components/Input/FormInput.vue

@@ -19,15 +19,19 @@
     :prepend-icon="prependIcon ? prependIcon : ''"
     :append-icon="appendIcon ? appendIcon : ''"
     :prepend-inner-icon="prependInnerIcon ? prependInnerIcon : ''"
-    :append-inner-icon="appendInnerIcon ? appendInnerIcon : ''"
     :bg-color="bgColor ? bgColor : ''"
+    :suffix="suffix"
+    @input="$emit('input', $event)"
     @keyup.enter.prevent="submitted"
     @click:append="!props.readonly && $emit('append-out')"
     @click:prepend="!props.readonly && $emit('prepend-out')"
-    @click:append-inner="!props.readonly && $emit('append')"
     @click:prepend-inner="!props.readonly && $emit('prepend')"
     @update:modelValue="$emit('update:modelValue', $event)"
   >
+    <template v-if="appendInnerIcon && appendInnerIcon.length" v-slot:append-inner>
+      <v-icon v-if="appendInnerIcon !== 'mdi mdi-calendar-blank-outline'" :icon="appendInnerIcon" @click="!props.readonly && $emit('append')"></v-icon>
+      <base-datepicker v-else :model-value="modelValue" @update:modelValue="$emit('update:modelValue', $event)"></base-datepicker>
+    </template>
     <template v-if="loading" #loader>
       <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
     </template>
@@ -65,6 +69,10 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    suffix: {
+      type: String,
+      default: '',
+    },
     messages: {
       type: [String, Array<string>],
     },
@@ -112,7 +120,7 @@ export default defineComponent({
       type: String,
     },
   },
-  emits: ['update:modelValue', 'submitted', 'prepend', 'append', 'prepend-out', 'append-out'],
+  emits: ['update:modelValue', 'submitted', 'prepend', 'append', 'prepend-out', 'append-out', 'input'],
 
   setup(props, { emit }) {
     const submitted = (event: any) => {
@@ -168,4 +176,8 @@ export default defineComponent({
 .form-input .v-field--error {
   border-color: #ff5449;
 }
+.form-input .v-text-field__suffix {
+  padding-top: 30px;
+  font-size: 16px !important;
+}
 </style>

package/components/Layout/SettingsPanel.vue

@@ -10,7 +10,7 @@
       <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
     <base-panel-item
-      v-for="panelItem of dataStore.settings.items.filter(i => (typeof i.show === 'boolean' ? i.show : true))"
+      v-for="panelItem of dataStore.settings.items.filter(i => $dataStore.filters.show(i))"
       :key="panelItem.title!"
       class="cursor-pointer"
       @click="panelItem.action ? panelItem.action() : null"
@@ -34,7 +34,7 @@ const dataStore = useDataStore();
 const handleFontSize = (action: 'increase' | 'decrease') => {
   if (action === 'increase' && dataStore.fontSize < 24) dataStore.fontSize += 2;
   if (action === 'decrease' && dataStore.fontSize > 14) dataStore.fontSize -= 2;
-  if (dataStore.isEFO) {
+  if (dataStore.isEFO || dataStore.isAML) {
     dataStore.sendToChild(constants.postActions.font, dataStore.fontSize);
   } else {
     dataStore.sendToParent(constants.postActions.font, dataStore.fontSize);

package/components/Menu/MenuHover.vue

@@ -0,0 +1,30 @@
+<template>
+  <v-menu v-if="items.length" :activator="activator" location="bottom center" :offset="top" transition="scale-transition">
+    <base-form-text-section class="p-4 border-[1px] flex flex-col gap-3 elevation-3 w-[250px]">
+      <div v-for="item of items.filter(i => $dataStore.filters.show(i))" :key="item.id">
+        <base-menu-nav-item :class="[$libStyles.textSimple]" :menu-item="item" @click="$emit(item.id)"></base-menu-nav-item>
+      </div>
+    </base-form-text-section>
+  </v-menu>
+</template>
+
+<script lang="ts">
+import { MenuItem } from '@/composables/classes';
+
+export default defineComponent({
+  props: {
+    items: {
+      type: Array as PropType<MenuItem[]>,
+      default: [],
+    },
+    activator: {
+      type: String,
+      default: 'parent',
+    },
+    top: {
+      type: Number,
+      default: 10,
+    },
+  },
+});
+</script>