@coopenomics/desktop 2025.6.19 → 2025.6.24

package/src/processes/navigation-guard-setup/index.ts

@@ -1,36 +1,36 @@
-import { Router } from 'vue-router'
-import { useSessionStore } from 'src/entities/Session'
-import { useCurrentUserStore } from 'src/entities/User'
-import { useDesktopStore } from 'src/entities/Desktop/model'
-import { useSystemStore } from 'src/entities/System/model'
-import { LocalStorage } from 'quasar'
+import { Router } from 'vue-router';
+import { useSessionStore } from 'src/entities/Session';
+import { useCurrentUserStore } from 'src/entities/User';
+import { useDesktopStore } from 'src/entities/Desktop/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { LocalStorage } from 'quasar';
 
 function hasAccess(to, userAccount) {
-  if (!to.meta?.roles || to.meta?.roles.length === 0) return true
-  return userAccount && to.meta?.roles.includes(userAccount.role)
+  if (!to.meta?.roles || to.meta?.roles.length === 0) return true;
+  return userAccount && to.meta?.roles.includes(userAccount.role);
 }
 
 // Функция для получения URL для редиректа
 function getRedirectUrl(router: Router, to: any): string {
   if (process.env.CLIENT) {
-    return router.resolve(to).href
+    return router.resolve(to).href;
   }
-  return ''
+  return '';
 }
 
 export function setupNavigationGuard(router: Router) {
-  const desktops = useDesktopStore()
-  const session = useSessionStore()
-  const currentUser = useCurrentUserStore()
-  const { info } = useSystemStore()
+  const desktops = useDesktopStore();
+  const session = useSessionStore();
+  const currentUser = useCurrentUserStore();
+  const { info } = useSystemStore();
 
   router.beforeEach(async (to, from, next) => {
-    await desktops.healthCheck()
+    await desktops.healthCheck();
 
     // если требуется установка
     if (desktops.health?.status === 'install' && to.name !== 'install') {
-      next({ name: 'install', params: { coopname: info.coopname } })
-      return
+      next({ name: 'install', params: { coopname: info.coopname } });
+      return;
     }
 
     // редирект с index
@@ -39,18 +39,18 @@ export function setupNavigationGuard(router: Router) {
       if (session.isAuth && currentUser.isRegistrationComplete) {
         // Если рабочий стол не выбран - выбираем по правам пользователя
         if (!desktops.activeWorkspaceName) {
-          desktops.selectDefaultWorkspace()
+          desktops.selectDefaultWorkspace();
         }
 
         // Переходим на маршрут по умолчанию для выбранного рабочего стола
-        desktops.goToDefaultPage(router)
-        // next(false)
-        return
+        desktops.goToDefaultPage(router);
+
+        return;
       } else {
         // Если пользователь не авторизован, используем nonAuthorizedHome
-        const homePage = desktops.currentDesktop?.nonAuthorizedHome
-        next({ name: homePage, params: { coopname: info.coopname } })
-        return
+        const homePage = desktops.currentDesktop?.nonAuthorizedHome;
+        next({ name: homePage, params: { coopname: info.coopname } });
+        return;
       }
     }
 
@@ -59,19 +59,19 @@ export function setupNavigationGuard(router: Router) {
       // Сохраняем целевой URL для редиректа после входа
       if (process.env.CLIENT) {
         // Получаем URL для редиректа
-        const redirectUrl = getRedirectUrl(router, to)
-        LocalStorage.set('redirectAfterLogin', redirectUrl)
+        const redirectUrl = getRedirectUrl(router, to);
+        LocalStorage.set('redirectAfterLogin', redirectUrl);
       }
       // Перенаправляем на страницу входа
-      next({ name: 'login-redirect', params: { coopname: info.coopname } })
-      return
+      next({ name: 'login-redirect', params: { coopname: info.coopname } });
+      return;
     }
 
     // проверка по ролям
     if (hasAccess(to, currentUser.userAccount)) {
-      next()
+      next();
     } else {
-      next({ name: 'permissionDenied' })
+      next({ name: 'permissionDenied' });
     }
-  })
+  });
 }

package/src/shared/ui/UserSearchSelector/UserSearchSelector.vue

@@ -0,0 +1,328 @@
+<template lang="pug">
+q-select(
+  :label='label',
+  v-model='selectedUser',
+  :options='selectOptions',
+  :option-value='(item) => item?.data?.username',
+  :option-label='(item) => (item ? getDisplayName(item) : "")',
+  use-input,
+  hide-selected,
+  fill-input,
+  input-debounce='300',
+  emit-value,
+  map-options,
+  clearable,
+  :standout='standout',
+  :filled='filled',
+  :outlined='outlined',
+  :dense='dense',
+  :color='color',
+  @filter='onFilter',
+  @update:model-value='onUpdate',
+  :loading='loading',
+  :rules='rules',
+  :key='`user-select-${selectedUser}`'
+)
+  template(v-slot:option='scope')
+    q-item(v-bind='scope.itemProps')
+      q-item-section(avatar)
+        q-avatar(
+          text-color='white',
+          :icon='getTypeIcon(scope.opt.type)',
+          size='sm',
+          :color='getTypeColor(scope.opt.type)'
+        )
+      q-item-section
+        q-item-label(style='font-weight: bold') {{ getDisplayName(scope.opt) }}
+        q-item-label(caption) {{ getUsernameFromData(scope.opt) }}
+        q-item-label(caption, v-if='getAdditionalInfo(scope.opt)') {{ getAdditionalInfo(scope.opt) }}
+
+  template(v-slot:selected-item)
+    div(v-if='selectedUser')
+      // Если есть полные данные пользователя
+      div(v-if='selectedUserObject')
+        q-avatar(
+          text-color='white',
+          :icon='getTypeIcon(selectedUserObject.type)',
+          size='sm',
+          :color='getTypeColor(selectedUserObject.type)'
+        )
+      // Fallback - показываем только username
+      div(v-else)
+        q-avatar(text-color='white', icon='person', size='sm', color='grey')
+        span.q-ml-sm {{ selectedUser }}
+
+  template(v-slot:no-option)
+    q-item
+      q-item-section.text-grey
+        | {{ searchQuery ? 'Ничего не найдено' : 'Начните вводить для поиска' }}
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, computed, onMounted } from 'vue';
+import { useUserSearch } from './composables/useUserSearch';
+import type { UserSearchResult } from './model/types';
+
+// Пропсы компонента
+const props = defineProps<{
+  modelValue?: string;
+  label?: string;
+  rules?: ((val: string) => boolean | string)[];
+  dense?: boolean;
+  standout?: boolean | string;
+  filled?: boolean;
+  outlined?: boolean;
+  color?: string;
+}>();
+
+// Эмиты
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string | undefined): void;
+}>();
+
+// Композабл для поиска пользователей
+const { searchResults, loading, searchUsers } = useUserSearch();
+
+// Локальное состояние
+const selectedUser = ref<string | undefined>(props.modelValue);
+const searchQuery = ref('');
+const selectedUserData = ref<UserSearchResult | null>(null);
+
+// Отладка при монтировании
+onMounted(() => {
+  // console.log('UserSearchSelector mounted');
+  // console.log('searchResults:', searchResults.value);
+  // console.log('loading:', loading.value);
+  // console.log('searchUsers function:', typeof searchUsers);
+});
+
+// Следим за изменениями modelValue
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    // console.log('modelValue changed to:', newVal); // Отладка
+    selectedUser.value = newVal;
+    // Очищаем сохраненные данные при изменении извне
+    if (!newVal) {
+      selectedUserData.value = null;
+    }
+  },
+);
+
+// Следим за изменениями selectedUser для отладки
+watch(selectedUser, (newVal, oldVal) => {
+  // console.log('selectedUser changed from:', oldVal, 'to:', newVal);
+  if (oldVal && !newVal) {
+    // console.warn('selectedUser was cleared! Stack trace:');
+    // console.trace();
+  }
+});
+
+// Вычисляемые свойства
+const label = computed(() => props.label || 'Выберите пользователя');
+
+// Опции для select - всегда включаем выбранного пользователя
+const selectOptions = computed(() => {
+  // console.log('Computing selectOptions...'); // Отладка
+  // console.log('searchResults.value:', searchResults.value); // Отладка
+  // console.log('selectedUserData.value:', selectedUserData.value); // Отладка
+
+  const options = [...searchResults.value];
+
+  // Если есть выбранный пользователь, но его нет в результатах поиска, добавляем
+  if (selectedUserData.value) {
+    const isAlreadyInOptions = options.some(
+      (option) =>
+        option.data.username === selectedUserData.value?.data.username,
+    );
+    // console.log('Selected user already in options:', isAlreadyInOptions); // Отладка
+    if (!isAlreadyInOptions) {
+      options.unshift(selectedUserData.value);
+      // console.log('Added selected user to options'); // Отладка
+    }
+  }
+
+  // console.log('Final select options:', options); // Отладка
+  return options;
+});
+
+// Находим объект выбранного пользователя для отображения
+const selectedUserObject = computed(() => {
+  // console.log('Computing selectedUserObject...'); // Отладка
+  // console.log('selectedUser.value:', selectedUser.value); // Отладка
+  // console.log('selectedUserData.value:', selectedUserData.value); // Отладка
+
+  // Сначала пробуем использовать сохраненные данные
+  if (
+    selectedUserData.value &&
+    selectedUserData.value.data.username === selectedUser.value
+  ) {
+    // console.log('Using saved user data'); // Отладка
+    return selectedUserData.value;
+  }
+
+  // Если нет сохраненных данных, ищем в опциях select
+  if (!selectedUser.value) {
+    // console.log('No selected user'); // Отладка
+    return null;
+  }
+
+  const found = selectOptions.value.find(
+    (result) => result.data.username === selectedUser.value,
+  );
+  // console.log('Found in select options:', found); // Отладка
+  return found || null;
+});
+
+// Методы для отображения
+const getDisplayName = (user: UserSearchResult | null | undefined): string => {
+  if (!user || !user.data) return '';
+
+  try {
+    switch (user.type) {
+      case 'individual':
+      case 'entrepreneur': {
+        const data = user.data as any;
+        return (
+          `${data.last_name || ''} ${data.first_name || ''} ${data.middle_name || ''}`.trim() ||
+          data.username ||
+          ''
+        );
+      }
+      case 'organization': {
+        const data = user.data as any;
+        return data.short_name || data.full_name || data.username || '';
+      }
+      default:
+        return user.data?.username || '';
+    }
+  } catch (error) {
+    // console.error('Error in getDisplayName:', error, user);
+    return user.data?.username || '';
+  }
+};
+
+const getUsernameFromData = (
+  user: UserSearchResult | null | undefined,
+): string => {
+  return user?.data?.username || '';
+};
+
+const getAdditionalInfo = (
+  user: UserSearchResult | null | undefined,
+): string => {
+  if (!user || !user.data) return '';
+
+  try {
+    switch (user.type) {
+      case 'entrepreneur': {
+        const data = user.data as any;
+        return `ИП • ИНН: ${data.details?.inn || 'н/д'}`;
+      }
+      case 'organization': {
+        const data = user.data as any;
+        return `Организация • ИНН: ${data.details?.inn || 'н/д'}`;
+      }
+      default:
+        return '';
+    }
+  } catch (error) {
+    // console.error('Error in getAdditionalInfo:', error, user);
+    return '';
+  }
+};
+
+const getTypeIcon = (type: string | undefined): string => {
+  switch (type) {
+    case 'individual':
+      return 'person';
+    case 'entrepreneur':
+      return 'business';
+    case 'organization':
+      return 'corporate_fare';
+    default:
+      return 'person';
+  }
+};
+
+const getTypeColor = (type: string | undefined): string => {
+  switch (type) {
+    case 'individual':
+      return 'blue';
+    case 'entrepreneur':
+      return 'green';
+    case 'organization':
+      return 'purple';
+    default:
+      return 'grey';
+  }
+};
+
+// Обработчики событий
+const onFilter = (
+  val: string,
+  update: (fn: () => void) => void,
+  abort: () => void,
+) => {
+  // console.log('onFilter called with:', val); // Отладка
+  searchQuery.value = val;
+
+  if (val.length >= 1) {
+    searchUsers(val)
+      .then(() => {
+        update(() => {
+          return;
+        });
+      })
+      .catch(() => {
+        abort();
+      });
+  } else {
+    if (selectedUserData.value) {
+      searchResults.value = [selectedUserData.value];
+    } else {
+      searchResults.value = [];
+    }
+    update(() => {
+      // console.log('Update callback for short query called'); // Отладка
+    });
+  }
+};
+
+const onUpdate = (value: UserSearchResult | string | undefined) => {
+  // console.log('onUpdate called with:', value, 'type:', typeof value); // Отладка
+
+  // Если передан объект результата поиска, извлекаем username и сохраняем данные
+  let username: string | undefined;
+  if (typeof value === 'string') {
+    username = value;
+    // console.log('String value received:', username); // Отладка
+
+    // При передаче строки пытаемся найти соответствующий объект в опциях
+    const foundUser = selectOptions.value.find(
+      (result) => result.data.username === value,
+    );
+    // console.log('Found user for string:', foundUser); // Отладка
+
+    if (foundUser) {
+      selectedUserData.value = foundUser;
+    }
+  } else if (value && typeof value === 'object' && 'data' in value) {
+    username = value.data.username;
+    selectedUserData.value = value; // Сохраняем полные данные пользователя
+  } else {
+    username = undefined;
+    selectedUserData.value = null;
+  }
+
+  selectedUser.value = username;
+  emit('update:modelValue', username);
+};
+</script>
+
+<style scoped>
+:deep(mark) {
+  background-color: #ffeb3b;
+  padding: 0;
+}
+</style>

package/src/shared/ui/UserSearchSelector/composables/useUserSearch.ts

@@ -0,0 +1,70 @@
+import { ref } from 'vue';
+import { client } from 'src/shared/api/client';
+import { Queries } from '@coopenomics/sdk';
+import type { UserSearchResult } from '../model/types';
+
+/**
+ * Композабл для поиска пользователей
+ */
+export function useUserSearch() {
+  const searchResults = ref<UserSearchResult[]>([]);
+  const loading = ref(false);
+  const error = ref<string | null>(null);
+
+  /**
+   * Выполняет поиск пользователей по запросу
+   * @param query Поисковый запрос
+   */
+  const searchUsers = async (query: string): Promise<void> => {
+    if (!query || query.length < 1) {
+      searchResults.value = [];
+      return;
+    }
+
+    loading.value = true;
+    error.value = null;
+
+    try {
+      console.log('Making API call with query:', query); // Отладка
+
+      const response = await client.Query(
+        Queries.Accounts.SearchPrivateAccounts.query,
+        {
+          variables: {
+            data: {
+              query: query.trim(),
+            },
+          },
+        },
+      );
+
+      console.log('API response:', response); // Отладка
+
+      searchResults.value = response.searchPrivateAccounts || [];
+      console.log('Updated searchResults:', searchResults.value); // Отладка
+    } catch (err) {
+      console.error('Ошибка поиска пользователей:', err);
+      error.value = 'Ошибка при поиске пользователей';
+      searchResults.value = [];
+      throw err; // Пробрасываем ошибку для обработки в компоненте
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  /**
+   * Очищает результаты поиска
+   */
+  const clearResults = () => {
+    searchResults.value = [];
+    error.value = null;
+  };
+
+  return {
+    searchResults,
+    loading,
+    error,
+    searchUsers,
+    clearResults,
+  };
+}

package/src/shared/ui/UserSearchSelector/index.ts

@@ -0,0 +1,3 @@
+export { default as UserSearchSelector } from './UserSearchSelector.vue';
+export * from './model/types';
+export * from './composables/useUserSearch';

package/src/shared/ui/UserSearchSelector/model/types.ts

@@ -0,0 +1,17 @@
+import type { Queries } from '@coopenomics/sdk';
+
+/**
+ * Результат поиска пользователя из SDK
+ */
+export type UserSearchResult =
+  Queries.Accounts.SearchPrivateAccounts.IOutput['searchPrivateAccounts'][0];
+
+/**
+ * Данные пользователя для отображения
+ */
+export interface UserDisplayData {
+  username: string;
+  displayName: string;
+  type: 'individual' | 'entrepreneur' | 'organization';
+  additionalInfo?: string;
+}

package/src/shared/ui/index.ts

@@ -1,2 +1,3 @@
 export * from './CopyableInput';
 export * from './ExpandableDocument';
+export * from './UserSearchSelector';