hl-core 0.0.7-beta.0 → 0.0.7-beta.2

package/api/index.ts

@@ -0,0 +1,288 @@
+import { useAxios } from '@/composables/axios';
+import { AxiosRequestConfig } from 'axios';
+
+enum Methods {
+  GET = 'GET',
+  POST = 'POST',
+}
+
+export class ApiClass {
+  baseURL: string | undefined;
+  constructor(baseURL: string | undefined) {
+    this.baseURL = baseURL;
+  }
+
+  private async axiosCall(config: AxiosRequestConfig) {
+    const { data } = await useAxios(this.baseURL as string).request(config);
+    return data;
+  }
+
+  async loginUser(data: {
+    login: string;
+    password: string;
+    numAttempt: number;
+  }) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: '/identity/api/Account/login',
+      data: data,
+    });
+  }
+
+  async getNewAccessToken({
+    refreshToken,
+    accessToken,
+  }: {
+    refreshToken: string;
+    accessToken: string;
+  }) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: '/identity/api/Account/refresh',
+      headers: {
+        'X-Refresh-Token': refreshToken,
+        'X-Access-Token': accessToken,
+      },
+    });
+  }
+
+  // Страна
+  async getCountries() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Country',
+    });
+  }
+
+  // Страна гражданства
+  async getCitizenshipCountries() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500012',
+    });
+  }
+
+  // Страна налогового резидетства
+  async getTaxCountries() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500014',
+    });
+  }
+
+  // Область
+  async getStates() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/State',
+    });
+  }
+
+  // Регион
+  async getRegions() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Region',
+    });
+  }
+
+  // Город
+  async getCities() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/CityVillage',
+    });
+  }
+
+  // Вид населенного пункта
+  async getLocalityTypes() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/LocalityType',
+    });
+  }
+
+  // Тип документа
+  async getDocumentTypes() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/DocumentTypePhys',
+    });
+  }
+
+  // Кем выдано
+  async getDocumentIssuers() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/DocIssuer',
+    });
+  }
+
+  // Признак резидентства
+  async getResidents() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500011',
+    });
+  }
+
+  // Код сектора экономики
+  async getSectorCode() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500003',
+    });
+  }
+
+  // Семейное положение
+  async getFamilyStatuses() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicFamilyStatus',
+    });
+  }
+
+  // Степень родства
+  async getRelationTypes() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Contragentinsis/DictionaryItems/Relation',
+    });
+  }
+
+  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}`,
+    });
+  }
+
+  async getContragentById(id: any) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Contragent?PersonId=${id}`,
+    });
+  }
+
+  async saveContragent(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: `/Ekk/api/Contragentinsis/SaveContragent`,
+      data: data,
+    });
+  }
+
+  async getFile(id: any) {
+    return await this.axiosCall({
+      method: Methods.GET,
+      url: `/Arm/api/File/DownloadFile/${id}`,
+      responseType: 'arraybuffer',
+      headers: {
+        'Content-Type': 'application/pdf',
+      },
+    });
+  }
+
+  async getDicFileTypeList() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicFileType',
+    });
+  }
+
+  async getContrAgentData(personId: any) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Questionaries?PersonId=${personId}`,
+    });
+  }
+
+  async getContrAgentContacts(personId: any) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Contacts?PersonId=${personId}`,
+    });
+  }
+
+  async getContrAgentDocuments(personId: any) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Documents?PersonId=${personId}`,
+    });
+  }
+
+  async getContrAgentAddress(personId: any) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Address?PersonId=${personId}`,
+    });
+  }
+
+  async getTaskList(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: `/Arm/api/Bpm/TaskList`,
+      data: data,
+    });
+  }
+
+  async getProcessHistory(id: any) {
+    return this.axiosCall({
+      url: `/Arm/api/Bpm/GetProcessHistory?processInstanceId=${id}`,
+    });
+  }
+
+  async sendSms(data: any) {
+    return this.axiosCall({
+      baseURL: import.meta.env.VITE_SMS_SERVICE as string,
+      method: Methods.POST,
+      url: '/message',
+      data: data,
+    });
+  }
+
+  async getUserGroups() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Bpm/TaskGroups',
+    });
+  }
+
+  async getDictionaryItems(dictName: string) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/ekk/api/ContragentInsis/DictionaryItems/${dictName}`,
+    });
+  }
+
+  async getOtpStatus(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: '/Arm/api/Otp/OtpLifeStatus',
+      data: data,
+    });
+  }
+
+  async sendOtp(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: '/Arm/api/Otp/Get',
+      data: data,
+    });
+  }
+
+  async checkOtp(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: '/Arm/api/Otp/Check',
+      data: data,
+    });
+  }
+
+  async getProcessList() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Bpm/ProcessList',
+    });
+  }
+}

package/api/interceptors.ts

@@ -0,0 +1,29 @@
+import { AxiosInstance } from 'axios';
+
+export default function (axios: AxiosInstance) {
+  axios.interceptors.request.use(
+    request => {
+      const dataStore = useDataStore();
+      request.headers.Authorization = `Bearer ${dataStore.accessToken}`;
+      return request;
+    },
+    error => {
+      return Promise.reject(error);
+    },
+  );
+  axios.interceptors.response.use(
+    response => {
+      return response;
+    },
+    error => {
+      const dataStore = useDataStore();
+      const router = useRouter();
+      if (error.response.status === 401) {
+        dataStore.$reset();
+        localStorage.clear();
+        router.push({ name: 'Auth', query: { error: 401 } });
+      }
+      return Promise.reject(error);
+    },
+  );
+}

package/components/Button/Btn.vue

@@ -0,0 +1,52 @@
+<template>
+  <button
+    type="button"
+    class="transition-all"
+    @click="$emit('clicked')"
+    :disabled="disabled"
+    :class="[
+      disabled ? 'disabled' : '',
+      classes,
+      btn,
+      $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
+    ]"
+  >
+    {{ text }}
+  </button>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'BaseBtn',
+  props: {
+    text: {
+      type: String,
+      default: 'Кнопка',
+    },
+    size: {
+      type: String,
+      default: 'md',
+    },
+    classes: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    btn: {
+      type: String,
+      default: new Styles().blueBtn,
+    },
+  },
+
+  setup(props) {},
+});
+</script>
+
+<style scoped>
+.disabled {
+  opacity: 0.3;
+}
+</style>

package/components/Button/SortArrow.vue

@@ -0,0 +1,21 @@
+<template>
+  <i
+    class="transition-all mdi mdi-menu-down text-2xl"
+    :class="[$dataStore.isColumnAsc[sortKey] === false ? 'mdi-rotate-180' : '']"
+    :style="{
+      opacity: $dataStore.isColumnAsc[sortKey] === null ? 0 : 1,
+    }"
+  ></i>
+</template>
+
+<script>
+export default {
+  name: 'BaseSortArrow',
+  props: {
+    sortKey: {
+      type: String,
+      default: null,
+    },
+  },
+};
+</script>

package/components/Complex/Content.vue

@@ -0,0 +1,5 @@
+<template>
+  <aside class="w-full hidden lg:flex lg:w-3/4">
+    <slot></slot>
+  </aside>
+</template>

package/components/Complex/Page.vue

@@ -0,0 +1,32 @@
+<template>
+  <base-content class="flex-col" :class="[$libStyles.whiteBg]">
+    <base-header
+      class="justify-start pl-14"
+      :has-back="hasBack"
+      :back-icon="backIcon"
+      :title="title"
+      @onBack="$emit('onBack')"
+    ></base-header>
+    <slot></slot>
+  </base-content>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    hasBack: {
+      type: Boolean,
+      default: false,
+    },
+    backIcon: {
+      type: String,
+      default: 'mdi-arrow-left',
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+  },
+  emits: ['onBack'],
+});
+</script>

package/components/Input/RoundedInput.vue

@@ -0,0 +1,139 @@
+<template>
+  <v-text-field
+    class="rounded-input"
+    v-model="fieldModel"
+    :rules="rules"
+    :loading="loading"
+    :placeholder="placeholder"
+    :type="type"
+    :variant="variant"
+    :clear-icon="clearIcon"
+    :color="color"
+    :hint="hint"
+    :clearable="clearable"
+    :disabled="disabled"
+    :prepend-inner-icon="prependIcon ? prependIcon : ''"
+    :append-icon="appendIcon ? appendIcon : ''"
+    :bg-color="bgColor ? bgColor : ''"
+    @keyup.enter.prevent="submitted"
+  >
+    <template v-if="loading" #loader>
+      <v-progress-linear
+        :active="loading"
+        :color="color"
+        absolute
+        height="1"
+        indeterminate
+      ></v-progress-linear>
+    </template>
+  </v-text-field>
+</template>
+
+<script lang="ts">
+import { InputTypes } from '@/models';
+
+export default defineComponent({
+  name: 'BaseRoundedInput',
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    placeholder: {
+      type: String,
+      default: 'Поле',
+    },
+    hint: {
+      type: String,
+      default: '',
+    },
+    rules: {
+      type: Array<any>,
+      default: [],
+    },
+    type: {
+      type: String as PropType<InputTypes>,
+      default: 'text',
+    },
+    variant: {
+      type: String as PropType<
+        'solo' | 'filled' | 'outlined' | 'plain' | 'underlined'
+      >,
+      default: 'solo',
+    },
+    color: {
+      type: String,
+      default: '#009c73',
+    },
+    clearIcon: {
+      type: String,
+      default: 'mdi-close',
+    },
+    prependIcon: {
+      type: String,
+    },
+    appendIcon: {
+      type: String,
+    },
+    bgColor: {
+      type: String,
+    },
+  },
+  emits: ['update:modelValue', 'submitted'],
+
+  setup(props, { emit }) {
+    const fieldModel = ref(props.modelValue || '');
+
+    const updateValue = (event: any) => {
+      emit('update:modelValue', fieldModel.value);
+    };
+
+    const submitted = (event: any) => {
+      emit('submitted', event);
+    };
+
+    watch(
+      fieldModel,
+      () => {
+        updateValue(fieldModel.value);
+      },
+      { immediate: true },
+    );
+
+    return {
+      fieldModel,
+      submitted,
+    };
+  },
+});
+</script>
+
+<style>
+.rounded-input input:focus {
+  border: none !important;
+  outline: none !important;
+}
+
+.rounded-input .v-field {
+  border-radius: 8px;
+  border: 1px solid #dadada;
+  box-shadow: none;
+  font-size: 14px;
+}
+
+.rounded-input .v-field--error {
+  border-color: #ff5449;
+}
+</style>

package/components/Layout/Dialog.vue

@@ -0,0 +1,80 @@
+<template>
+  <v-dialog v-model="fieldModel">
+    <v-card
+      class="self-center w-full sm:w-3/4 md:w-2/3 lg:w-2/4 xl:w-[600px] rounded-lg !p-2"
+    >
+      <v-card-title>
+        <slot v-if="!title" name="title"></slot>
+        {{ title }}
+      </v-card-title>
+      <v-card-subtitle>
+        <slot v-if="!subtitle" name="subtitle"></slot>
+        {{ subtitle }}
+      </v-card-subtitle>
+      <v-card-text>
+        <slot v-if="text" name="content"></slot>
+        {{ text }}
+      </v-card-text>
+      <v-card-actions class="gap-[16px]">
+        <slot name="actions"></slot>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+<script lang="ts">
+export default defineComponent({
+  name: 'BaseDialog',
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+    subtitle: {
+      type: String,
+      default: '',
+    },
+    text: {
+      type: String,
+      default: '',
+    },
+  },
+  emits: ['update:modelValue', 'submitted'],
+  setup(props, { emit }) {
+    const fieldModel = ref(props.modelValue);
+
+    const updateValue = (event: boolean) => {
+      fieldModel.value = event;
+    };
+
+    const submitted = (event: any) => {
+      emit('submitted', event);
+    };
+
+    watch(
+      fieldModel,
+      () => {
+        emit('update:modelValue', fieldModel.value);
+      },
+      { immediate: true },
+    );
+
+    watch(
+      () => props.modelValue,
+      () => {
+        fieldModel.value = props.modelValue;
+      },
+      { immediate: true },
+    );
+
+    return {
+      fieldModel,
+      submitted,
+      updateValue,
+    };
+  },
+});
+</script>

package/components/Layout/Header.vue

@@ -0,0 +1,34 @@
+<template>
+  <header
+    class="relative w-full h-[70px] text-center font-medium align-middle flex items-center border-b-[1px]"
+    :class="[$libStyles.blueBgLight, $libStyles.textSimple]"
+  >
+    <i
+      v-if="hasBack"
+      @click="$emit('onBack')"
+      class="absolute left-5 mdi text-lg cursor-pointer"
+      :class="[backIcon]"
+    ></i>
+    {{ title }}
+  </header>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    hasBack: {
+      type: Boolean,
+      default: false,
+    },
+    backIcon: {
+      type: String,
+      default: 'mdi-arrow-left',
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+  },
+  emits: ['onBack'],
+});
+</script>

package/components/Layout/Loader.vue

@@ -0,0 +1,32 @@
+<template>
+  <v-progress-circular
+    :size="size"
+    :indeterminate="indeterminate"
+    :color="color"
+    :bg-color="bgColor"
+  ></v-progress-circular>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'BaseLoader',
+  props: {
+    size: {
+      type: Number,
+      default: 40,
+    },
+    indeterminate: {
+      type: Boolean,
+      default: true,
+    },
+    color: {
+      type: String,
+      default: '#FAB31C',
+    },
+    bgColor: {
+      type: String,
+      default: '#009C73',
+    },
+  },
+});
+</script>