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

package/components/Complex/MessageBlock.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="text-left p-6" :class="[color, $styles.rounded, $styles.textTitle]">
-    <v-icon :icon="icon" class="mr-4"></v-icon>
+    <v-icon :icon="icon" class="mr-4" />
     {{ text }}
   </div>
 </template>

package/components/Complex/Page.vue

@@ -33,7 +33,7 @@ export default defineComponent({
     },
     moreIcon: {
       type: String,
-      default: 'mdi-cog-outline',
+      default: 'mdi-dots-vertical',
     },
     title: {
       type: String,

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

@@ -8,8 +8,8 @@
         class="pl-1"
         v-model="formStore.SaleChanellPolicy"
         :value="formStore.SaleChanellPolicy?.nameRu"
-        :readonly="isReadonly"
-        :clearable="!isReadonly"
+        :readonly="isSaleChanellReadonly"
+        :clearable="!isSaleChanellReadonly"
         :label="$dataStore.t('form.salesChanell')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
@@ -19,8 +19,8 @@
         class="pl-1"
         v-model="formStore.RegionPolicy"
         :value="formStore.RegionPolicy?.nameRu"
-        :readonly="isReadonly"
-        :clearable="!isReadonly"
+        :readonly="isRegionReadonly"
+        :clearable="!isRegionReadonly"
         :label="$dataStore.t('form.Region')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
@@ -30,8 +30,8 @@
         class="pl-1"
         v-model="formStore.ManagerPolicy"
         :value="formStore.ManagerPolicy?.nameRu"
-        :readonly="isReadonly"
-        :clearable="!isReadonly"
+        :readonly="isManagerReadonly"
+        :clearable="!isManagerReadonly"
         :label="$dataStore.t('form.manager')"
         :rules="$rules.objectRequired"
         append-inner-icon="mdi mdi-chevron-right"
@@ -41,15 +41,15 @@
         class="pl-1"
         v-model="formStore.AgentData"
         :value="formStore.AgentData?.fullName"
-        :readonly="isReadonly"
-        :clearable="!isReadonly"
+        :readonly="isAgentReadonly"
+        :clearable="!isAgentReadonly"
         :label="$dataStore.t('form.agent')"
         :rules="$rules.agentDataRequired"
         append-inner-icon="mdi mdi-chevron-right"
         @append="openPanel('AgentData', $dataStore.t('form.agent'))"
       />
     </v-form>
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input
           v-model.trim="searchQuery"
@@ -127,13 +127,29 @@ export default defineComponent({
         !dataStore.isInitiator() ||
         (route.params.taskId !== '0' && (!dataStore.isProcessEditable(formStore.applicationData.statusCode) || !dataStore.isTask())),
     );
+    const isSaleChanellReadonly = computed(() => {
+      if (dataStore.isGons) return isReadonly.value || !dataStore.isServiceManager();
+      return isReadonly.value;
+    });
+    const isRegionReadonly = computed(() => {
+      if (dataStore.isGons) return isReadonly.value || !dataStore.isServiceManager();
+      return isReadonly.value;
+    });
+    const isManagerReadonly = computed(() => {
+      if (dataStore.isGons) return isReadonly.value || !dataStore.isServiceManager();
+      return isReadonly.value;
+    });
+    const isAgentReadonly = computed(() => {
+      if (dataStore.isGons) return isReadonly.value || !dataStore.isAgent();
+      return isReadonly.value;
+    });
 
     const openPanel = async (currentDict: ManagerAttachmentFiels, title: string) => {
       searchQuery.value = '';
       if (dataStore.isTask() && !props.disabled) {
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
         currentDictName.value = currentDict;
 
         if (currentDict === 'ManagerPolicy' && formStore.RegionPolicy.ids) {
@@ -161,7 +177,7 @@ export default defineComponent({
       // @ts-ignore
       formStore[currentDictName.value] = answer;
       isPanelOpen.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       searchQuery.value = '';
     };
 
@@ -187,6 +203,25 @@ export default defineComponent({
       },
     );
 
+    watch(
+      () => dataStore.rightPanel.open,
+      () => {
+        if (dataStore.rightPanel.open === false) {
+          isPanelOpen.value = false;
+        }
+      },
+      { immediate: true },
+    );
+
+    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,
@@ -199,6 +234,10 @@ export default defineComponent({
 
       // Computed
       isReadonly,
+      isSaleChanellReadonly,
+      isRegionReadonly,
+      isManagerReadonly,
+      isAgentReadonly,
 
       // Functions
       openPanel,

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/FileInput.vue

@@ -11,7 +11,7 @@
     accept=".pdf,.doc,.jpeg,.jpg,.jpg,.xlsx,.xls"
     truncate-length="15"
     clear-icon="mdi mdi-close"
-    :label="$dataStore.t('labels.chooseDoc')"
+    :label="label"
     @click:append-inner="$emit('append-inner', $event)"
   />
 </template>
@@ -26,7 +26,13 @@ export default defineComponent({
     icon: {
       type: String,
       default: 'mdi-file-document',
-    }
+    },
+    label: {
+      type: String,
+      default() {
+        return useDataStore().t('labels.chooseDoc');
+      },
+    },
   },
   emits: ['input', 'append-inner'],
 });

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/Drawer.vue

@@ -2,9 +2,14 @@
   <v-navigation-drawer
     v-model="$dataStore[whichPanel].open"
     :temporary="$dataStore[whichPanel].overlay"
-    location="right"
-    class="sm:!w-[400px] lg:!relative !right-0"
-    :class="[$dataStore[whichPanel].overlay ? 'lg:!hidden' : '', $dataStore[whichPanel].open ? '!w-full lg:!w-[420px]' : 'lg:!w-[0px]']"
+    :location="side"
+    class="sm:!w-[400px]"
+    :class="[
+      $dataStore[whichPanel].overlay ? 'lg:!hidden' : '',
+      $dataStore[whichPanel].open ? '!w-full lg:!w-1/4' : 'lg:!w-[0px]',
+      side === 'left' ? '!left-0 !absolute' : '!right-0',
+      side === 'right' && $dataStore[whichPanel].open ? 'lg:!relative' : '',
+    ]"
     :disable-resize-watcher="true"
     :disable-route-watcher="true"
   >
@@ -12,6 +17,9 @@
     <div v-if="$dataStore.panelAction === null" class="flex flex-col" id="panel-actions">
       <slot></slot>
     </div>
+    <div v-if="side === 'right'" class="flex flex-col" id="right-panel-actions">
+      <slot></slot>
+    </div>
     <base-panel-handler v-else @task="$emit('task', $event)" />
     <slot name="panel"></slot>
   </v-navigation-drawer>
@@ -29,6 +37,10 @@ export default defineComponent({
       type: String as PropType<PanelTypes>,
       default: 'panel',
     },
+    side: {
+      type: String as PropType<'left' | 'right'>,
+      default: 'left',
+    },
   },
   emits: ['task'],
   setup(props) {

package/components/Layout/Header.vue

@@ -33,7 +33,7 @@ export default defineComponent({
     },
     moreIcon: {
       type: String,
-      default: 'mdi-cog-outline',
+      default: 'mdi-dots-vertical',
     },
     title: {
       type: String,

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/Menu/MenuNav.vue

@@ -6,7 +6,7 @@
       :has-back="hasBack"
       :back-icon="backIcon"
       :has-more="hasMore"
-      :hide-more-on-lg="hideOnLg"
+      :hide-more-on-lg="false"
       :more-icon="moreIcon"
       @onBack="$emit('onBack')"
       @onMore="$emit('onMore')"
@@ -78,7 +78,7 @@ export default defineComponent({
     },
     moreIcon: {
       type: String,
-      default: 'mdi-cog-outline',
+      default: 'mdi-dots-vertical',
     },
   },
   emits: ['onLink', 'onBack', 'onMore', 'clicked'],

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"
     />
@@ -148,7 +148,7 @@
       </v-form>
     </section>
   </base-fade-transition>
-  <Teleport v-if="secondPanel" to="#panel-actions">
+  <Teleport v-if="secondPanel" to="#right-panel-actions">
     <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
       <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">
@@ -304,8 +304,8 @@ export default defineComponent({
       await dataStore.getQuestionRefs(question.id);
       secondPanel.value = true;
       dataStore.panelAction = null;
-      dataStore.panel.open = true;
-      dataStore.panel.title = question.name;
+      dataStore.rightPanel.open = true;
+      dataStore.rightPanel.title = question.name;
       isPanelLoading.value = false;
     };
 
@@ -316,7 +316,7 @@ export default defineComponent({
       }
       secondPanel.value = false;
       dataStore.panelAction = null;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       dataStore.questionRefs = [];
     };
 
@@ -376,9 +376,9 @@ export default defineComponent({
     });
 
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           secondPanel.value = false;
           dataStore.panelAction = null;
         }

package/components/Pages/ContragentForm.vue

@@ -261,7 +261,7 @@
       </base-form-section>
     </v-form>
     <base-btn v-if="showSaveButton && !disabled" :loading="isButtonLoading" :text="$dataStore.t('buttons.save')" @click="submitForm" />
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="relative flex flex-col items-center">
         <i
           v-if="type === 'panel'"
@@ -344,8 +344,8 @@ export default defineComponent({
       isPanelOpen.value = true;
       dataStore.panelAction = null;
       if (props.type === 'default') {
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
       }
 
       let newList = list;
@@ -363,7 +363,7 @@ export default defineComponent({
 
     const pickPanelValue = (item: Value) => {
       if (props.type === 'default') {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
       }
       showForm.value = true;
       isPanelOpen.value = false;
@@ -463,9 +463,9 @@ export default defineComponent({
     );
 
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           dataStore.panelAction = null;
         }

package/components/Pages/Documents.vue

@@ -25,7 +25,7 @@
     </base-content-block>
   </section>
   <base-list-empty v-else />
-  <Teleport v-if="$dataStore.panelAction === null" to="#panel-actions">
+  <Teleport v-if="$dataStore.panelAction === null" to="#right-panel-actions">
     <base-fade-transition>
       <div :class="[$styles.flexColNav]">
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
@@ -73,10 +73,9 @@ export default defineComponent({
     );
 
     const openPanel = async (document: DocumentItem) => {
-      dataStore.panelAction = null;
-      dataStore.panel.title = document.fileTypeName!;
+      dataStore.rightPanel.title = document.fileTypeName!;
       currentDocument.value = document;
-      dataStore.panel.open = true;
+      dataStore.rightPanel.open = true;
     };
 
     const onFileChange = async (event: InputEvent) => {
@@ -132,8 +131,7 @@ export default defineComponent({
     onInit();
 
     onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
+      dataStore.rightPanel.open = false;
     });
 
     return {