hl-core 0.0.9-beta.28 → 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/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,16 @@ 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;
@@ -208,6 +234,10 @@ export default defineComponent({
 
       // Computed
       isReadonly,
+      isSaleChanellReadonly,
+      isRegionReadonly,
+      isManagerReadonly,
+      isAgentReadonly,
 
       // Functions
       openPanel,

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/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/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

@@ -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 {

package/components/Pages/MemberForm.vue

@@ -517,7 +517,7 @@
       </base-form-section>
     </v-form>
     <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :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="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="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -533,20 +533,20 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isSearchOpen" to="#panel-actions">
+    <Teleport v-if="isSearchOpen" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGBDFL')" @click="getContragentFromGBDFL" />
         <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromInsis')" @click="getContragent" />
         <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGKB')" @click="getFamilyInfo" />
       </div>
     </Teleport>
-    <Teleport v-if="isDocumentOpen" to="#panel-actions">
+    <Teleport v-if="isDocumentOpen" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')" />
       </div>
     </Teleport>
-    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
+    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-fade-transition>
           <base-rounded-input
@@ -834,8 +834,8 @@ export default {
     const searchMember = async () => {
       if (!isDisabled.value) {
         dataStore.panelAction = null;
-        dataStore.panel.title = 'Поиск контрагента';
-        dataStore.panel.open = true;
+        dataStore.rightPanel.title = 'Поиск контрагента';
+        dataStore.rightPanel.open = true;
         isSearchOpen.value = true;
         isDocumentOpen.value = false;
         isOtpPanelOpen.value = false;
@@ -852,20 +852,20 @@ export default {
     const openCustomPanel = (type: 'document' | 'otp' = 'document') => {
       dataStore.panelAction = null;
       if (type === 'document' && memberDocument.value) {
-        dataStore.panel.title = memberDocument.value.fileTypeName!;
+        dataStore.rightPanel.title = memberDocument.value.fileTypeName!;
         isDocumentOpen.value = true;
         isSearchOpen.value = false;
         isPanelOpen.value = false;
         isOtpPanelOpen.value = false;
       }
       if (type === 'otp') {
-        dataStore.panel.title = dataStore.t('form.otpCode');
+        dataStore.rightPanel.title = dataStore.t('form.otpCode');
         isOtpPanelOpen.value = true;
         isDocumentOpen.value = false;
         isSearchOpen.value = false;
         isPanelOpen.value = false;
       }
-      dataStore.panel.open = true;
+      dataStore.rightPanel.open = true;
     };
 
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
@@ -883,15 +883,15 @@ export default {
         currentPanel.value = key as keyof typeof member.value;
         isPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         let newList = list;
         if (asyncFunction) {
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, member.value);
         }
-        panelList.value = filterList(newList, key);
+        panelList.value = filterList(newList, key); 
         panelValue.value = member.value[currentPanel.value];
         isPanelLoading.value = false;
       } else {
@@ -917,7 +917,7 @@ export default {
 
     const pickPanelValue = (item: Value) => {
       if (formStore.isDisabled[whichForm.value as keyof typeof formStore.isDisabled] === false) {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isPanelOpen.value = false;
         // @ts-ignore
         member.value[currentPanel.value] = item.nameRu === null ? new Value() : item;
@@ -989,7 +989,7 @@ export default {
       familyDialog.value = false;
       selectedFamilyMember.value = {};
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
@@ -1006,20 +1006,20 @@ export default {
       }
       familyDialog.value = false;
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
     const getContragentFromGBDFL = async () => {
       if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       if (!member.value.iin || member.value.iin.length !== useMask().iin.length || !member.value.phoneNumber || member.value.phoneNumber.length !== useMask().phone.length) {
         dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'Номер телефона, ИИН' }), 5000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
@@ -1029,7 +1029,7 @@ export default {
         if (response === true) {
           member.value.gotFromInsis = true;
         }
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
       }
       isButtonLoading.value = false;
@@ -1038,20 +1038,20 @@ export default {
     const getContragent = async () => {
       if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       if (!member.value.iin || member.value.iin.length !== useMask().iin.length) {
         dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'ИИН' }), 5000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       isButtonLoading.value = true;
       await dataStore.getContragent(member.value, false);
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
@@ -1245,7 +1245,7 @@ export default {
       }
       otpSending.value = false;
       if (checked === true) {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
       }
     };
 
@@ -1255,7 +1255,7 @@ export default {
       if (response) {
         if (member.value.hasAgreement === null) member.value.hasAgreement = response.otpStatus;
         if (response.otpStatus === true) {
-          dataStore.panel.open = false;
+          dataStore.rightPanel.open = false;
         }
       }
       otpSending.value = false;
@@ -1324,7 +1324,7 @@ export default {
     };
 
     const selectMember = async (index: number, update?: boolean) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isButtonLoading.value = true;
       isChangingMember.value = true;
       //@ts-ignore
@@ -1429,9 +1429,9 @@ export default {
     };
 
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           isDocumentOpen.value = false;
           isSearchOpen.value = false;

package/components/Pages/ProductAgreement.vue

@@ -6,13 +6,6 @@
 
 <script lang="ts">
 export default defineComponent({
-  setup() {
-    const dataStore = useDataStore();
-
-    onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
-    });
-  },
+  setup() {},
 });
 </script>