hl-core 0.0.10-beta.6 → 0.0.10-beta.61

package/components/Dialog/Dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="true">
+  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="persistent">
     <v-card class="self-center w-full sm:w-4/4 md:w-2/3 lg:w-[35%] xl:w-[500px] rounded-lg !p-[36px]">
       <div class="flex sm:flex-row flex-col place-items-center sm:place-items-start">
         <div class="h-20 w-20 place-items-start pt-1">
@@ -44,6 +44,10 @@ export default defineComponent({
       type: Boolean as PropType<boolean | null>,
       default: false,
     },
+    persistent: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
     title: {
       type: String,
       default() {

package/components/Dialog/FamilyDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-list lines="two" v-if="formStore.birthInfos && formStore.birthInfos.length" class="w-full !py-0">
+  <v-list lines="two" v-if="(formStore.birthInfos && formStore.birthInfos.length) || $dataStore.isGons" class="w-full !py-0">
     <v-list-item
       @click="$emit('reset')"
       :append-icon="selected && Object.keys(selected).length === 0 ? `mdi-radiobox-marked ${$styles.greenText}` : 'mdi-radiobox-blank text-[#636363]'"
@@ -10,7 +10,11 @@
       v-for="familyMember of formStore.birthInfos"
       :key="familyMember.childIIN"
       @click="$emit('selectFamilyMember', familyMember)"
-      :append-icon="familyMember && selected && selected.childIIN === familyMember.childIIN ? `mdi-radiobox-marked ${$styles.greenText}` : 'mdi-radiobox-blank text-[#636363]'"
+      :append-icon="
+        familyMember && selected && typeof selected === 'object' && selected.childIIN === familyMember.childIIN
+          ? `mdi-radiobox-marked ${$styles.greenText}`
+          : 'mdi-radiobox-blank text-[#636363]'
+      "
     >
       <v-list-item-title :class="[$styles.greenText, $styles.textTitle]">{{
         `${familyMember.childSurName} ${familyMember.childName} ${familyMember.childPatronymic ? familyMember.childPatronymic : ''}`
@@ -20,6 +24,13 @@
         >{{ ` ${$reformatIin(familyMember.childIIN!)}` }}</v-list-item-subtitle
       >
     </v-list-item>
+    <v-list-item
+      v-if="$dataStore.isGons"
+      @click="$emit('addChild')"
+      :append-icon="selected && selected === $dataStore.t('form.addBeneficiary') ? `mdi-radiobox-marked ${$styles.greenText}` : 'mdi-radiobox-blank text-[#636363]'"
+    >
+      <v-list-item-title :class="[$styles.greenText, $styles.textTitle]">{{ $dataStore.t('form.addBeneficiary') }}</v-list-item-title>
+    </v-list-item>
   </v-list>
   <base-list-empty class="w-full" v-else />
 </template>
@@ -30,10 +41,10 @@ import type { Api } from '../../types';
 export default defineComponent({
   props: {
     selected: {
-      type: Object as PropType<Api.GKB.BirthInfo>,
+      type: [Object, String] as PropType<Api.GKB.BirthInfo | string>,
     },
   },
-  emits: ['selectFamilyMember', 'reset'],
+  emits: ['selectFamilyMember', 'reset', 'addChild'],
   setup() {
     const formStore = useFormStore();
     return {

package/components/Form/DigitalDocument.vue

@@ -0,0 +1,52 @@
+<template>
+  <section v-if="member && member.iin" class="mb-2">
+    <base-form-section :title="`${title} ${number === 0 ? '' : number}`" class="mx-[10px] mt-[14px] d-flex">
+      <base-form-input v-model="member.iin" :label="$dataStore.t('form.iin')" :readonly="true" />
+      <base-form-input v-model.trim="member.longName" :label="$dataStore.t('labels.userFullName')" :readonly="true" />
+      <base-panel-input
+        v-if="!!member.digitalDocument"
+        v-model="member.digitalDocument.fileName"
+        label="Цифровой документ"
+        :readonly="disabled"
+        :clearable="!disabled"
+        append-inner-icon="mdi mdi-chevron-right"
+        @click="$emit('openPanel', member.digitalDocument)"
+      />
+      <base-content-block
+        v-if="!disabled && !member.digitalDocument"
+        class="d-flex align-center justify-between !py-3.5 !pr-5"
+        :class="[$styles.whiteBg]"
+        @click="$emit('openDigitalDocPanel', member.iin)"
+      >
+        <p :class="[$styles.greyText]">Получить цифровой документ</p>
+        <div class="cursor-pointer">
+          <i class="mdi mdi-file-document text-xl" :class="[$styles.blueText]"></i>
+        </div>
+      </base-content-block>
+    </base-form-section>
+  </section>
+</template>
+
+<script setup lang="ts">
+import type { Base } from '../../types';
+
+defineEmits(['openDigitalDocPanel', 'openPanel']);
+defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  member: {
+    type: Object as PropType<Base.Document.Digital>,
+    default: null,
+  },
+  number: {
+    type: Number,
+    default: 0,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>

package/components/Form/FormSource.vue

@@ -0,0 +1,30 @@
+<template>
+  <base-panel-input
+    class="source-form-input"
+    v-model="formStore.Source"
+    :value="formStore.Source?.nameRu"
+    :readonly="true"
+    :clearable="false"
+    :label="$dataStore.t('form.source')"
+  />
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  setup(props) {
+    const formStore = useFormStore();
+
+    return {
+      // State
+      formStore,
+    };
+  },
+});
+</script>
+
+<style scoped>
+.source-form-input {
+  border-radius: 4px;
+  border: 1px solid #e5e7eb;
+}
+</style>

package/components/Form/ManagerAttachment.vue

@@ -55,6 +55,18 @@
               append-inner-icon="mdi mdi-chevron-right"
               @append="openPanel('AgentData', $dataStore.t('form.agent'))"
             />
+            <base-panel-input
+              v-if="isExecutorShown"
+              class="pl-1 pt-1"
+              v-model="formStore.ExecutorGPH"
+              :value="formStore.ExecutorGPH?.nameRu"
+              :readonly="isExecutorReadonly"
+              :clearable="!isExecutorReadonly"
+              :label="$dataStore.t('form.executor')"
+              :rules="$rules.objectRequired"
+              append-inner-icon="mdi mdi-chevron-right"
+              @append="openPanel('ExecutorGPH', $dataStore.t('form.executor'))"
+            />
           </v-form>
         </v-expansion-panel-text>
       </v-expansion-panel>
@@ -71,7 +83,7 @@
         />
         <div v-if="isPanelLoading === false" class="w-full">
           <div v-if="currentDictName === 'AgentData'" class="w-full flex flex-col gap-2 p-2">
-            <div v-for="(agent, index) of $dataStore[currentDictName]" :key="index">
+            <div v-for="(agent, index) of agentDataFiltered" :key="index">
               <div
                 class="flex justify-between p-4 items-center cursor-pointer"
                 :class="[$styles.rounded, $styles.blueBgLight, $styles.blueBgLightHover]"
@@ -90,7 +102,10 @@
               </div>
             </div>
           </div>
-          <div v-if="currentDictName === 'ManagerPolicy' || currentDictName === 'RegionPolicy' || currentDictName === 'SaleChanellPolicy'" class="w-full flex flex-col gap-2 p-2">
+          <div
+            v-if="currentDictName === 'ManagerPolicy' || currentDictName === 'RegionPolicy' || currentDictName === 'SaleChanellPolicy' || currentDictName === 'ExecutorGPH'"
+            class="w-full flex flex-col gap-2 p-2"
+          >
             <div v-for="(item, index) in $dataStore[currentDictName].filter(i => (i.nameRu as string).toLowerCase().includes(searchQuery.toLowerCase()))" :key="index">
               <base-panel-select-item :key="index" :text="item.nameRu ?? ''" :selected="item.ids === (panelValue as Value).ids" @click="pickPanelValue(item)" />
             </div>
@@ -120,7 +135,7 @@ export default defineComponent({
     },
   },
   setup(props) {
-    type ManagerAttachmentFiels = 'SaleChanellPolicy' | 'RegionPolicy' | 'ManagerPolicy' | 'AgentData';
+    type ManagerAttachmentFiels = 'SaleChanellPolicy' | 'RegionPolicy' | 'ManagerPolicy' | 'AgentData' | 'ExecutorGPH';
     type FieldTypes = Value | AgentData;
     const route = useRoute();
     const dataStore = useDataStore();
@@ -139,37 +154,63 @@ export default defineComponent({
         (route.params.taskId !== '0' && (!dataStore.isProcessEditable(formStore.applicationData.statusCode) || !dataStore.isTask())),
     );
     const isSaleChanellReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isTravelAgent()) return true;
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+      }
       return isReadonly.value;
     });
     const isRegionReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && (dataStore.isServiceManager() || dataStore.isAgent());
+      if (!isReadonly.value) {
+        if (dataStore.isTravelAgent()) return true;
+        if (dataStore.isGons) return !dataStore.isServiceManager() && !dataStore.isAgent();
+      }
       return isReadonly.value;
     });
     const isManagerReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isTravelAgent()) return true;
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+      }
       return isReadonly.value;
     });
     const isAgentReadonly = computed(() => {
-      if (dataStore.isGons || dataStore.isPension) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isTravelAgent()) return true;
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+        if (dataStore.isPension) return true;
+      }
+      return isReadonly.value;
+    });
+    const isExecutorReadonly = computed(() => {
+      if (!isReadonly.value) {
+        if (dataStore.isPension) return dataStore.isExecutor() || !dataStore.isInitiator();
+      }
       return isReadonly.value;
     });
     const isSaleChanellShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
     const isRegionShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager() || dataStore.isAgent();
       return true;
     });
     const isManagerShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
     const isAgentShown = computed(() => {
-      if (dataStore.isGons || dataStore.isPension) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
+    const agentDataFiltered = computed(() => {
+      if (formStore.RegionPolicy?.nameRu && searchQuery.value === 'Без агента') {
+        return dataStore.AgentData.filter(i => String(i.officeId) === String(formStore.RegionPolicy.ids));
+      } else {
+        return dataStore.AgentData;
+      }
+    });
+    const isExecutorShown = dataStore.isPension;
     const openPanel = async (currentDict: ManagerAttachmentFiels, title: string) => {
       searchQuery.value = '';
       if (dataStore.isTask() && !props.disabled) {
@@ -182,6 +223,10 @@ export default defineComponent({
           isPanelLoading.value = true;
           await dataStore.filterManagerByRegion(formStore.RegionPolicy.ids as string);
         }
+        if (currentDict === 'ExecutorGPH' && formStore.RegionPolicy.ids) {
+          isPanelLoading.value = true;
+          await dataStore.filterExecutorByRegion(formStore.RegionPolicy.ids as string);
+        }
 
         isPanelOpen.value = true;
         panelValue.value = formStore[currentDict];
@@ -266,10 +311,14 @@ export default defineComponent({
       isRegionReadonly,
       isManagerReadonly,
       isAgentReadonly,
+      isExecutorReadonly,
       isSaleChanellShown,
       isRegionShown,
       isManagerShown,
       isAgentShown,
+      isExecutorShown,
+      agentDataFiltered,
+
       // Functions
       openPanel,
       searchAgent,

package/components/Form/ProductConditionsBlock.vue

@@ -75,12 +75,18 @@ export default defineComponent({
     const dataStore = useDataStore();
     const formStore = useFormStore();
 
-    const amount = computed(() =>
-      formStore.productConditionsForm && formStore.productConditionsForm.requestedSumInsured ? formStore.productConditionsForm.requestedSumInsured : null,
-    );
-    const premium = computed(() =>
-      formStore.productConditionsForm && formStore.productConditionsForm.insurancePremiumPerMonth ? formStore.productConditionsForm.insurancePremiumPerMonth : null,
-    );
+    const amount = computed(() => {
+      if (dataStore.isGons && formStore.productConditionsForm && formStore.productConditionsForm.currency.code === 'USD') {
+        return formStore.productConditionsForm.requestedSumInsuredInDollar;
+      }
+      return formStore.productConditionsForm && formStore.productConditionsForm.requestedSumInsured ? formStore.productConditionsForm.requestedSumInsured : null;
+    });
+    const premium = computed(() => {
+      if (dataStore.isGons && formStore.productConditionsForm && formStore.productConditionsForm.currency.code === 'USD') {
+        return formStore.productConditionsForm.insurancePremiumPerMonthInDollar;
+      }
+      return formStore.productConditionsForm && formStore.productConditionsForm.insurancePremiumPerMonth ? formStore.productConditionsForm.insurancePremiumPerMonth : null;
+    });
     const policyNumber = computed(() => (formStore.applicationData && formStore.applicationData.policyAppDto ? formStore.applicationData.policyAppDto.policyNumber : null));
     const contractDate = computed(() =>
       formStore.applicationData && formStore.applicationData.policyAppDto && formStore.applicationData.policyAppDto.contractDate

package/components/Input/Datepicker.vue

@@ -13,6 +13,7 @@
     :enable-time-picker="false"
     :six-weeks="true"
     :min-date="minDate"
+    :max-date="maxDate"
     cancel-text="Отменить"
     select-text="Выбрать"
   >
@@ -43,6 +44,10 @@ export default defineComponent({
       type: Date,
       required: false,
     },
+    maxDate: {
+      type: Date,
+      required: false,
+    },
   },
 });
 </script>

package/components/Input/FileInput.vue

@@ -8,7 +8,7 @@
     variant="solo"
     show-size
     multiple
-    accept=".pdf,.doc,.docx,.jpeg,.jpg,.jpg,.xlsx,.xls"
+    accept=".pdf,.doc,.docx,.jpeg,.jpg,.jpg,.xlsx,.xls,.xlsm"
     truncate-length="15"
     clear-icon="mdi mdi-close"
     :label="label"

package/components/Input/FormInput.vue

@@ -39,6 +39,9 @@
         v-if="appendInnerIcon.includes('mdi-calendar-blank-outline') && !props.readonly"
         :model-value="modelValue"
         :min-date="minDate"
+        :max-date="maxDate"
+        :min="minDate"
+        :max="maxDate"
         @update:modelValue="$emit('update:modelValue', $event)"
       />
     </template>
@@ -120,6 +123,10 @@ export default defineComponent({
       type: Date,
       default: undefined,
     },
+    maxDate: {
+      type: Date,
+      default: undefined,
+    },
     prependIcon: {
       type: String,
     },

package/components/Input/OtpInput.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-otp-input v-model="modelValue" class="base-otp-input" base-color="#A0B3D8" color="#FFF" />
+</template>
+
+<script setup lang="ts">
+const modelValue = defineModel<string>();
+</script>
+
+<style>
+.base-otp-input .v-otp-input__field {
+  font-size: 16px;
+}
+.base-otp-input .v-field {
+  width: 50px;
+  height: 60px;
+  border-radius: 8px;
+}
+.base-otp-input .v-otp-input__content {
+  gap: 24px;
+}
+.base-otp-input .v-otp-input__divider {
+  margin: 0 4px;
+  color: #b8b8b8;
+}
+</style>

package/components/Input/RoundedInput.vue

@@ -138,6 +138,8 @@ export default defineComponent({
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
+  padding-top: 6px;
+  padding-bottom: 4px;
 }
 .rounded-input .v-field--error {
   border-color: #ff5449;

package/components/Input/RoundedSelect.vue

@@ -150,6 +150,8 @@ export default defineComponent({
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
+  padding-top: 6px;
+  padding-bottom: 4px;
 }
 .rounded-select .v-field--error {
   border-color: #ff5449;

package/components/Input/TextAreaField.vue

@@ -0,0 +1,71 @@
+<template>
+  <v-textarea
+    class="form-input"
+    :label="label"
+    :model-value="modelValue"
+    :disabled="disabled"
+    :variant="variant"
+    :readonly="props.readonly"
+    :color="color"
+    :rows="rows"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    auto-grow
+  ></v-textarea>
+</template>
+
+<script lang="ts">
+import type { InputVariants } from '../../types';
+
+export default defineComponent({
+  props: {
+    modelValue: {
+      required: false,
+    },
+    label: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    variant: {
+      type: String as PropType<InputVariants>,
+      default: 'solo',
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    color: {
+      type: String,
+      default: '#009c73',
+    },
+    rows: {
+      type: Number,
+      default: 5,
+    },
+  },
+  emits: ['update:modelValue'],
+
+  setup(props, { emit }) {
+    return {
+      props,
+    };
+  },
+});
+</script>
+
+<style>
+.form-input input:focus {
+  border: none !important;
+  outline: none !important;
+}
+.form-input .v-field {
+  box-shadow: none;
+  font-size: 14px;
+}
+.form-input .v-label.v-field-label {
+  top: 20px;
+}
+</style>

package/components/Menu/MenuNav.vue

@@ -15,7 +15,7 @@
       @onMore="$emit('onMore')"
     />
     <slot key="slot-content" name="content"></slot>
-    <section key="main" :class="[$styles.flexColNav]">
+    <section key="main" class="max-h-[90dvh] overflow-y-scroll" :class="[$styles.flexColNav]">
       <slot name="start"></slot>
       <base-fade-transition>
         <div v-if="$dataStore.menuItems && $dataStore.menuItems.length" class="flex flex-col gap-[10px]">
@@ -38,6 +38,7 @@
         <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">
+              <!-- @vue-ignore -->
               <base-btn
                 v-if="$dataStore.filters.show(item)"
                 :text="item.title!"