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

package/components/Layout/SettingsPanel.vue

@@ -1,16 +1,24 @@
 <template>
   <base-drawer :panel-title="$dataStore.menu.title" which-panel="settings">
     <base-panel-item>
-      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('decrease')"></v-btn>
+      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('decrease')" />
       Шрифт
-      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('increase')"></v-btn>
+      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('increase')" />
     </base-panel-item>
     <base-panel-item>
-      <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')"></v-text-field>
+      <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')" />
       <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
+    <base-panel-item v-if="$dataStore.isEFO && !isProduction" @click="changeBridge('lka')" class="cursor-pointer">
+      {{ $dataStore.t('labels.lkaLong') }}
+      <i class="mdi mdi-chevron-right text-2xl text-[#A0B3D8]"></i
+    ></base-panel-item>
+    <base-panel-item v-if="$dataStore.isLKA" @click="changeBridge('efo')" class="cursor-pointer">
+      {{ $dataStore.t('labels.efoLong') }}
+      <i class="mdi mdi-web 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"
@@ -18,23 +26,37 @@
       {{ panelItem.title }}
       <i v-if="panelItem.icon" class="mdi text-xl text-[#A0B3D8]" :class="[panelItem.icon]"></i>
     </base-panel-item>
-    <base-panel-item @click="dialog = true" class="cursor-pointer">
-      Выход
-      <i class="mdi mdi-logout text-xl text-[#A0B3D8]"></i>
+    <base-panel-item v-if="hasHistory" @click="openHistory" class="cursor-pointer">
+      {{ $dataStore.t('historyStatementsAndStatuses') }}
+      <i class="mdi mdi-history text-xl text-[#A0B3D8]"></i>
     </base-panel-item>
-
-    <base-dialog v-model="dialog" :title="$t('dialog.exit')" :subtitle="$t('dialog.dataWillClear')" actions="default" @yes="logoutUser" @no="dialog = false"> </base-dialog
-  ></base-drawer>
+    <base-panel-item @click="dialogSignOut = true" class="cursor-pointer" :class="[$libStyles.redText]">
+      {{ $dataStore.t('buttons.logout') }}
+      <i class="mdi mdi-logout text-xl"></i>
+    </base-panel-item>
+    <div v-if="$dataStore.settings.open && 'version' in pkg && pkg.version" class="absolute bottom-2 w-full flex items-center justify-center opacity-30 text-sm">
+      <p>{{ pkg.version }}</p>
+    </div>
+    <base-dialog
+      v-model="dialogSignOut"
+      :title="$dataStore.t('dialog.exit')"
+      :subtitle="$dataStore.t('dialog.dataWillClear')"
+      actions="default"
+      @yes="logoutUser"
+      @no="dialogSignOut = false"
+    />
+  </base-drawer>
 </template>
 
 <script lang="ts" setup>
-const dialog = ref(false);
+import pkg from '../../package.json';
+const dialogSignOut = ref(false);
 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 || dataStore.isAML) {
+  if (dataStore.isBridge) {
     dataStore.sendToChild(constants.postActions.font, dataStore.fontSize);
   } else {
     dataStore.sendToParent(constants.postActions.font, dataStore.fontSize);
@@ -42,7 +64,23 @@ const handleFontSize = (action: 'increase' | 'decrease') => {
 };
 
 const logoutUser = async () => {
-  dialog.value = false;
+  dialogSignOut.value = false;
   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.product);
+};
+
+const changeBridge = async (toBridge: 'efo' | 'lka') => {
+  const bridgeUrl = import.meta.env[`VITE_${toBridge.toUpperCase()}_URL`] as string;
+  if (!bridgeUrl) return;
+  window.open(`${bridgeUrl}/#/Token?token=${dataStore.accessToken}`, '_blank');
+};
 </script>

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)" />
+      </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>

package/components/Menu/MenuNav.vue

@@ -6,21 +6,21 @@
       :has-back="hasBack"
       :back-icon="backIcon"
       :has-more="hasMore"
-      :hide-more-on-lg="hideMoreOnLg"
+      :hide-more-on-lg="hideOnLg"
       :more-icon="moreIcon"
       @onBack="$emit('onBack')"
       @onMore="$emit('onMore')"
-    ></base-header>
+    />
     <slot key="slot-content" name="content"></slot>
     <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]">
-          <div v-for="(item, index) of $dataStore.menuItems.filter(i => (typeof i.show === 'boolean' ? i.show : true))" :key="index">
+          <div v-for="(item, index) of $dataStore.menuItems.filter(i => $dataStore.filters.show(i))" :key="index">
             <base-menu-nav-item
               :menu-item="item"
               :selected="!!selected.title && !!item.title && selected.title === item.title"
-              :disabled="typeof item.disabled === 'boolean' ? item.disabled : false"
+              :disabled="$dataStore.filters.disabled(item)"
               @click.left="pickItem(item)"
               @click.middle="openTab(item)"
             >
@@ -32,10 +32,17 @@
       <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-[10%] 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="typeof item.show === 'boolean' ? item.show : true" :text="item.title!" :btn="item.color" :disabled="item.disabled" :loading="$dataStore.isButtonsLoading" @click="item.action"> </base-btn>
+              <base-btn
+                v-if="$dataStore.filters.show(item)"
+                :text="item.title!"
+                :btn="item.color"
+                :disabled="item.disabled"
+                :loading="$dataStore.isButtonsLoading"
+                @click="item.action"
+              />
             </transition>
           </div></div
       ></base-fade-transition>
@@ -44,7 +51,7 @@
 </template>
 
 <script lang="ts">
-import { MenuItem } from '@/composables/classes';
+import { MenuItem } from '../../composables/classes';
 import { RouteLocationNormalized } from 'vue-router';
 
 export default defineComponent({
@@ -69,10 +76,6 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
-    hideMoreOnLg: {
-      type: Boolean,
-      default: false,
-    },
     moreIcon: {
       type: String,
       default: 'mdi-cog-outline',
@@ -84,7 +87,7 @@ export default defineComponent({
     const router = useRouter();
 
     const pickItem = async (item: MenuItem) => {
-      if (item.title !== dataStore.menu.selectedItem.title && (typeof item.disabled === 'boolean' ? !item.disabled : true)) {
+      if (item.title !== dataStore.menu.selectedItem.title && !dataStore.filters.disabled(item)) {
         if (typeof item.link === 'object') {
           if (item.link && 'name' in item.link) {
             await router.push(item.link as RouteLocationNormalized);
@@ -102,7 +105,20 @@ export default defineComponent({
       }
     };
 
-    return { pickItem, openTab };
+    const hideOnLg = computed(() => {
+      switch (router.currentRoute.value.name) {
+        case 'Insurance-Product':
+        case 'Menu':
+        case 'History':
+        case 'Main':
+        case 'taskId':
+          return false;
+        default:
+          return true;
+      }
+    });
+
+    return { pickItem, openTab, hideOnLg };
   },
 });
 </script>

package/components/Menu/MenuNavItem.vue

@@ -7,16 +7,19 @@
       $libStyles.textSimple,
       disabled ? 'cursor-not-allowed opacity-50' : '',
     ]"
-    class="h-[60px] flex items-center justify-between hover:bg-[#A0B3D8] hover:!text-white pl-4 cursor-pointer transition-all"
+    class="h-[60px] flex items-center justify-between hover:bg-[#A0B3D8] hover:!text-white pl-4 cursor-pointer transition-all group"
   >
     <span>{{ menuItem.title }}</span>
-    <i v-if="menuItem.icon" class="mdi text-xl pr-4" :class="[menuItem.icon]"></i>
+    <div class="flex items-center">
+      <i v-if="menuItem.icon" class="mdi text-xl pr-4" :class="[menuItem.icon]"></i>
+      <base-chip :chip="menuItem.chip" />
+    </div>
     <v-tooltip v-if="menuItem.description" activator="parent" location="bottom">{{ menuItem.description }}</v-tooltip>
   </div>
 </template>
 
 <script lang="ts">
-import { MenuItem } from '@/composables/classes';
+import { MenuItem } from '../../composables/classes';
 
 export default defineComponent({
   props: {

package/components/Pages/Anketa.vue

@@ -4,11 +4,11 @@
       <section :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
         <base-form-toggle
           v-model="answerToAll"
-          :title="$t('questionnaireType.answerAllNo')"
+          :title="$dataStore.t('questionnaireType.answerAllNo')"
           :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
           :has-border="false"
           @clicked="handleToggler"
-        ></base-form-toggle>
+        />
       </section>
       <v-form ref="vForm" class="max-h-[70vh] overflow-y-scroll" @submit="submitForm">
         <section
@@ -24,7 +24,7 @@
             :maska="$maska.threeDigit"
             :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
             :rules="$rules.required"
-          ></base-form-input>
+          />
         </section>
         <section
           v-if="firstQuestionList.filter(i => i.first.definedAnswers === 'Y').length"
@@ -39,13 +39,17 @@
                 class="rounded-t-lg pl-6 py-1 cursor-pointer"
                 @click="openFirstPanel(question)"
               >
-                {{ $t('questionnaireType.pleaseAnswer', { text: secondQuestionList.length }) }}
+                {{ $dataStore.t('questionnaireType.pleaseAnswer', { text: secondQuestionList.length }) }}
               </div>
             </base-fade-transition>
             <span :class="[$libStyles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between">
               {{ question.first.name }}
               <base-fade-transition>
-                <i v-if="question.first.answerName === 'Да' && secondQuestionList" class="mdi mdi-chevron-right text-2xl cursor-pointer" @click="openFirstPanel(question)"></i>
+                <i
+                  v-if="question.first.answerName === 'Да' && secondQuestionList && secondQuestionList.length"
+                  class="mdi mdi-chevron-right text-2xl cursor-pointer"
+                  @click="openFirstPanel(question)"
+                ></i>
               </base-fade-transition>
             </span>
             <div class="flex items-center justify-start gap-5 px-4 pt-4" :class="[$libStyles.textSimple]">
@@ -58,38 +62,45 @@
                 :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
                 inline
               >
-                <v-radio label="Да" value="Да"></v-radio>
-                <v-radio label="Нет" value="Нет"></v-radio>
+                <v-radio label="Да" value="Да" />
+                <v-radio label="Нет" value="Нет" />
               </v-radio-group>
             </div>
           </base-form-text-section>
         </section>
       </v-form>
-      <base-btn class="my-[14px] self-center" :loading="isButtonLoading" :disabled="formStore.isDisabled[whichSurvey]" @click="submitForm" :text="$t('buttons.save')"></base-btn>
+      <base-btn
+        class="my-[14px] self-center"
+        :loading="isButtonLoading"
+        :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+        @click="submitForm"
+        :text="$dataStore.t('buttons.save')"
+      />
     </section>
+    <v-btn
+      v-if="secondQuestionList && secondQuestionList.length && firstPanel"
+      icon="mdi mdi-close"
+      class="ml-3 !absolute z-10"
+      @click="
+        firstPanel = false;
+        secondPanel = false;
+      "
+    />
     <section
       ref="firstPanelSection"
       v-if="secondQuestionList && secondQuestionList.length && firstPanel"
-      class="flex flex-col px-[10px] py-[14px]"
+      class="flex flex-col px-[10px] pb-[14px]"
       :class="[$libStyles.scrollPage]"
     >
-      <v-btn
-        icon="mdi mdi-close"
-        variant="text"
-        size="large"
-        @click="
-          firstPanel = false;
-          secondPanel = false;
-        "
-      ></v-btn>
-      <section v-if="currentQuestion" :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
+      <section v-if="currentQuestion" :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4">
         <base-form-text-section v-for="question in currentQuestion.second" :title="question.name" :key="question.name">
           <base-form-input
             v-if="question.definedAnswers === 'N'"
             v-model="question.answerText"
             class="border-t-[1px] border-t-[#F3F6FC]"
             placeholder="Введите текст"
-          ></base-form-input>
+            :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+          />
           <span v-else class="flex items-center justify-between p-4 cursor-pointer" :class="[$libStyles.textTitle, $libStyles.greenText]" @click="openSecondPanel(question)">
             {{ question.answerName ? question.answerName : 'Выбрать вариант ответа' }}
             <i class="mdi mdi-chevron-right text-[28px]"></i>
@@ -100,7 +111,7 @@
   </base-fade-transition>
   <Teleport v-if="secondPanel" 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"></base-rounded-input>
+      <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
       <div v-if="$dataStore.questionRefs && $dataStore.questionRefs.length && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
         <base-panel-select-item
           v-for="(item, index) of $dataStore.questionRefs.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
@@ -108,16 +119,16 @@
           :text="`${item.nameRu}`"
           :selected="currentSecond!.answerId === item.ids"
           @click="closeSecondPanel(item)"
-        ></base-panel-select-item>
+        />
       </div>
-      <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
     </div>
   </Teleport>
   <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')" />
 </template>
 
 <script lang="ts">
-import { Value } from '@/composables/classes';
+import { Value } from '../../composables/classes';
 
 export default defineComponent({
   setup() {
@@ -132,14 +143,23 @@ export default defineComponent({
     const firstPanel = ref<boolean>(false);
     const secondPanel = ref<boolean>(false);
     const surveyType = ref<'health' | 'critical'>('tab' in route.query && route.query.tab === 'criticalBase' ? 'critical' : 'health');
-    const whichSurvey = computed(() => (surveyType.value === 'health' ? 'surveyByHealthBase' : 'surveyByCriticalBase'));
-    const firstQuestionList = ref<AnketaBody[]>();
+    const whichSurvey = computed(() =>
+      surveyType.value === 'health'
+        ? whichMember.value === 'insured'
+          ? 'surveyByHealthBase'
+          : 'surveyByHealthBasePolicyholder'
+        : whichMember.value === 'insured'
+        ? 'surveyByCriticalBase'
+        : 'surveyByCriticalBasePolicyholder',
+    );
+    const firstQuestionList = ref<AnketaBody[]>([]);
     const secondQuestionList = ref<AnketaSecond[]>([]);
     const currentQuestion = ref<AnketaBody>();
     const currentSecond = ref<AnketaSecond>();
     const isPanelLoading = ref<boolean>(false);
     const searchQuery = ref<string>('');
 
+    const whichMember = computed(() => ('member' in route.query && !!route.query.member ? (route.query.member as 'insured' | 'policyholder') : 'insured'));
     const scrollForm = (direction: 'up' | 'down') => {
       const scrollObject = { top: direction === 'up' ? 0 : screen.height * 10, behavior: 'smooth' };
       if (firstPanel.value) {
@@ -159,7 +179,7 @@ export default defineComponent({
             }
           });
           formStore[whichSurvey.value]!.type = surveyType.value;
-          const anketaToken = await dataStore.setSurvey(formStore[whichSurvey.value]);
+          const anketaToken = await dataStore.setSurvey(formStore[whichSurvey.value]!);
           if (typeof anketaToken === 'string') {
             formStore[whichSurvey.value]!.id = anketaToken;
           }
@@ -255,9 +275,10 @@ export default defineComponent({
       await dataStore.getQuestionList(
         surveyType.value,
         formStore.applicationData.processInstanceId,
-        formStore.applicationData.insuredApp[0].id,
+        whichMember.value === 'insured' ? formStore.applicationData.insuredApp[0].id : formStore.applicationData.clientApp.id,
         whichSurvey.value,
         surveyType.value === 'health' ? 'surveyByHealthSecond' : 'surveyByCriticalSecond',
+        whichMember.value,
       );
       firstQuestionList.value = formStore[whichSurvey.value]!.body;
       secondQuestionList.value = formStore[surveyType.value === 'health' ? 'surveyByHealthSecond' : 'surveyByCriticalSecond']!;
@@ -271,9 +292,6 @@ export default defineComponent({
           await dataStore.definedAnswers(question.first.id, whichSurvey.value);
         }),
       );
-      if (formStore.isDisabled.surveyByHealthBase) {
-        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
-      }
     };
 
     onMounted(async () => {