@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/pages/ComponentRequirementsPage/ui/ComponentRequirementsPage.vue

@@ -0,0 +1,28 @@
+<template lang="pug">
+div
+  // Виджет списка требований в виде таблицы
+  RequirementsListWidget(
+    :filter='requirementsFilter',
+    :maxItems='50'
+  )
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { RequirementsListWidget } from 'app/extensions/capital/widgets/RequirementsListWidget';
+
+const route = useRoute();
+
+// Получаем hash проекта из параметров маршрута
+const projectHash = computed(() => route.params.project_hash as string);
+
+// Фильтр для требований проекта
+const requirementsFilter = computed(() => ({
+  project_hash: projectHash.value,
+  issue_id: undefined, // Только требования проекта, не задач
+}));
+</script>
+
+<style lang="scss" scoped>
+</style>

package/extensions/capital/pages/ComponentRequirementsPage/ui/index.ts

@@ -0,0 +1 @@
+export { default } from './ComponentRequirementsPage.vue';

package/extensions/capital/pages/ComponentTasksPage/index.ts

@@ -0,0 +1 @@
+export { default as ComponentTasksPage } from './ui';

package/extensions/capital/pages/ComponentTasksPage/ui/ComponentTasksPage.vue

@@ -0,0 +1,87 @@
+<template lang="pug">
+div
+
+  // Таблица задач компонента
+  IssuesListWidget(
+    :project-hash='projectHash',
+    @issue-click='handleIssueClick'
+  )
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import type { IProject } from 'app/extensions/capital/entities/Project/model';
+import { useProjectStore } from 'app/extensions/capital/entities/Project/model';
+import { FailAlert } from 'src/shared/api';
+import { IssuesListWidget } from 'app/extensions/capital/widgets/IssuesListWidget';
+import type { IIssue } from 'app/extensions/capital/entities/Issue/model';
+
+const route = useRoute();
+const router = useRouter();
+const projectStore = useProjectStore();
+
+// Состояние проекта
+const project = ref<IProject | null | undefined>(null);
+
+// Получаем hash проекта из параметров маршрута
+const projectHash = computed(() => route.params.project_hash as string);
+
+// Загрузка проекта из store (родитель уже должен загрузить)
+const loadProject = async () => {
+  // Ищем проект в store
+  const foundProject = projectStore.projects.items.find(p => p.project_hash === projectHash.value);
+  if (foundProject) {
+    project.value = foundProject;
+  } else {
+    // Если проект не найден в store, пробуем загрузить
+    try {
+      await projectStore.loadProject({
+        hash: projectHash.value,
+      });
+    } catch (error) {
+      console.error('Ошибка при загрузке компонента:', error);
+      FailAlert('Не удалось загрузить компонент');
+    }
+  }
+};
+
+// Обработчик клика по задаче
+const handleIssueClick = (issue: IIssue) => {
+  router.push({
+    name: 'component-issue',
+    params: {
+      project_hash: projectHash.value,
+      issue_hash: issue.issue_hash,
+    },
+    query: {
+      _backRoute: 'component-tasks'
+    }
+  });
+};
+
+// Watcher для синхронизации локального состояния с store
+watch(() => projectStore.projects.items, (newItems) => {
+  if (newItems && projectHash.value) {
+    const foundProject = newItems.find(p => p.project_hash === projectHash.value);
+    if (foundProject) {
+      project.value = foundProject;
+    }
+  }
+});
+
+// Watcher для изменения projectHash
+watch(projectHash, async (newHash, oldHash) => {
+  if (newHash && newHash !== oldHash) {
+    await loadProject();
+  }
+});
+
+// Инициализация
+onMounted(async () => {
+  await loadProject();
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

package/extensions/capital/pages/ComponentTasksPage/ui/index.ts

@@ -0,0 +1 @@
+export { default } from './ComponentTasksPage.vue';

package/extensions/capital/pages/ContributorsPage/index.ts

@@ -0,0 +1 @@
+export { default as ContributorsPage } from './ui/ContributorsPage.vue';

package/extensions/capital/pages/ContributorsPage/ui/ContributorsPage.vue

@@ -0,0 +1,144 @@
+<template lang="pug">
+div
+  q-card(flat)
+    // Кнопка импорта участников
+    q-card-actions
+      ImportContributorsButton
+
+
+    // Таблица участников
+    ContributorsListWidget(
+      :contributors='contributorStore.contributors?.items || []',
+      :loading='loading',
+      :pagination='pagination',
+      @request='onRequest'
+    )
+    // Пагинация
+    q-card-actions(align='center')
+      q-pagination(
+        v-model='pagination.page',
+        :max='Math.ceil((contributorStore.contributors?.totalCount || 0) / pagination.rowsPerPage)',
+        :max-pages='5',
+        direction-links,
+        boundary-links,
+        @update:model-value='onPageChange'
+      )
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert } from 'src/shared/api';
+import { ContributorsListWidget } from 'app/extensions/capital/widgets/ContributorsListWidget';
+import { ImportContributorsButton } from 'app/extensions/capital/widgets/ImportContributorsButton';
+import { useContributorStore } from 'app/extensions/capital/entities/Contributor/model';
+import { useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+
+const contributorStore = useContributorStore();
+const { info } = useSystemStore();
+
+const loading = ref(false);
+
+// Пагинация
+const pagination = ref({
+  sortBy: 'created_at',
+  descending: true,
+  page: 1,
+  rowsPerPage: 25,
+  rowsNumber: 0,
+});
+
+// Загрузка участников
+const loadContributors = async () => {
+  loading.value = true;
+  try {
+    await contributorStore.loadContributors({
+      filter: {
+        coopname: info.coopname,
+      },
+      pagination: {
+        page: pagination.value.page,
+        limit: pagination.value.rowsPerPage,
+        sortBy: pagination.value.sortBy,
+        descending: pagination.value.descending,
+      },
+    });
+  } catch (error) {
+    console.error('Ошибка при загрузке участников:', error);
+    FailAlert('Не удалось загрузить список участников');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Обработчик запросов пагинации и сортировки
+const onRequest = async (props: { pagination: any }) => {
+  const { page, rowsPerPage, sortBy, descending } = props.pagination;
+
+  pagination.value.page = page;
+  pagination.value.rowsPerPage = rowsPerPage;
+  pagination.value.sortBy = sortBy;
+  pagination.value.descending = descending;
+
+  await loadContributors();
+};
+
+// Обработчик изменения страницы пагинации
+const onPageChange = async (page: number) => {
+  pagination.value.page = page;
+  await loadContributors();
+};
+
+/**
+ * Функция для перезагрузки данных участников
+ * Используется для poll обновлений
+ */
+const reloadContributors = async () => {
+  try {
+    await contributorStore.loadContributors({
+      filter: {
+        coopname: info.coopname,
+      },
+      pagination: {
+        page: pagination.value.page,
+        limit: pagination.value.rowsPerPage,
+        sortBy: pagination.value.sortBy,
+        descending: pagination.value.descending,
+      },
+    });
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке участников в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startContributorsPoll, stop: stopContributorsPoll } = useDataPoller(
+  reloadContributors,
+  { interval: POLL_INTERVALS.MEDIUM, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  await loadContributors();
+
+  // Запускаем poll обновление данных
+  startContributorsPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopContributorsPoll();
+});
+</script>
+
+<style lang="scss" scoped>
+.q-card {
+  min-height: 400px;
+}
+
+h5 {
+  font-weight: 600;
+  color: #1976d2;
+}
+</style>

package/extensions/capital/pages/ContributorsPage/ui/index.ts

@@ -0,0 +1 @@
+export { default } from './ContributorsPage.vue';

package/extensions/capital/pages/ImportContributorsPage/ui/ImportContributorsPage.vue

@@ -0,0 +1,326 @@
+<template lang="pug">
+.q-pa-md
+  q-card(v-if='!hasConfig' flat)
+    q-card-section
+      .row.items-center.q-gutter-sm
+        q-icon(name='upload_file', size='24px')
+        div
+          .text-h6 Импорт участников
+          .text-subtitle2 Загрузка участников из CSV файла
+
+    q-separator
+
+    q-card-section
+      template(v-if='parsedData.length === 0')
+        CsvUploader(@parsed='onCsvParsed')
+
+    template(
+      v-if='parsedData.length > 0 && !isImporting && !isImportCompleted'
+    )
+      q-separator
+
+      q-card-section
+        .row.items-center.q-gutter-sm.q-mb-md
+          q-icon(name='table_chart', size='20px')
+          .text-subtitle1 Предварительный просмотр данных ({{ parsedData.length }} записей)
+
+        q-table(
+          :rows='parsedData',
+          :columns='previewColumns',
+          :loading='false',
+          :pagination='{ rowsPerPage: 0 }',
+          row-key='id',
+          binary-state-sort
+        )
+          template(#body-cell-status='props')
+            q-td
+              q-chip(
+                :color='getStatusColor(props.value)',
+                text-color='white',
+                dense
+              ) {{ getStatusText(props.value) }}
+
+      q-separator
+
+      q-card-section
+        .row.items-center.q-gutter-sm.q-mb-md
+          q-icon(name='playlist_add_check', size='20px')
+          .text-subtitle1 Импорт данных
+
+        .row.justify-end.q-gutter-sm.q-mb-md
+          q-btn(
+            color='primary',
+            :loading='isImporting',
+            @click='startImport',
+            label='Начать импорт',
+            unelevated,
+            icon='play_arrow'
+          )
+
+        template(v-if='importProgress > 0')
+          .q-mt-md
+            .text-body2.q-mb-sm Статистика
+            .row.q-gutter-md
+              .col-auto
+                .text-weight-medium
+                  q-icon.q-mr-xs(name='check_circle', color='positive')
+                  | Успешно: {{ successCount }}
+              .col-auto
+                .text-weight-medium
+                  q-icon.q-mr-xs(name='error', color='negative')
+                  | Ошибок: {{ errorCount }}
+
+    template(v-if='isImporting')
+      q-separator
+
+      q-card-section
+        .row.items-center.q-gutter-sm.q-mb-md
+          q-icon(name='sync', size='20px')
+          .text-subtitle1 Выполняется импорт данных
+
+        .q-mb-md
+          .text-body2.q-mb-sm Прогресс импорта: {{ importProgress }}/{{ parsedData.length }} ({{ progressPercent }}%)
+          q-linear-progress(
+            :value='progressPercent / 100',
+            color='primary',
+            size='8px'
+          )
+
+        .row.justify-end.q-gutter-sm
+          q-btn(
+            color='negative',
+            @click='stopImport',
+            label='Остановить',
+            flat,
+            icon='stop'
+          )
+
+    template(v-if='importResults.length > 0 || isImportCompleted')
+      q-separator
+
+      q-card-section
+        .row.items-center.q-gutter-sm.q-mb-md
+          q-icon(name='table_chart', size='20px')
+          .text-subtitle1 Результаты импорта
+
+        ImportResultsTable(
+          :items='importResults',
+          :is-importing='isImporting',
+          :current-index='currentImportIndex',
+          @retry='retryImport',
+          @retry-all-failed='retryAllFailed',
+          @clear='clearAll'
+        )
+  q-card(v-else)
+    q-card-section
+      .row.items-center.q-gutter-sm
+        q-icon(name='info', size='24px', color='info')
+        div
+          .text-h6 Конфигурация уже установлена
+          .text-subtitle2 Импорт участников недоступен после установки конфигурации контракта.
+
+    q-card-actions(align='center')
+      q-btn(
+        color='primary',
+        to='/capital',
+        icon='arrow_back',
+        label='Вернуться к списку',
+        unelevated
+      )
+</template>
+
+<script setup lang="ts">
+import { CsvUploader } from 'app/extensions/capital/widgets/CsvUploader';
+import { ImportResultsTable } from 'app/extensions/capital/widgets/ImportResultsTable';
+import {
+  useCsvParser,
+  type ICsvContributor,
+} from 'app/extensions/capital/shared/lib/composables/useCsvParser';
+import { useBatchImport } from 'app/extensions/capital/shared/lib/composables/useBatchImport';
+import type { QTableProps } from 'quasar';
+import { ref, computed, onMounted } from 'vue';
+import { FailAlert, NotifyAlert, SuccessAlert } from 'src/shared/api';
+import { useConfigStore } from 'app/extensions/capital/entities/Config/model';
+import { useSystemStore } from 'src/entities/System/model';
+
+// Определение колонок для предварительного просмотра
+const previewColumns: QTableProps['columns'] = [
+  {
+    name: 'username',
+    label: 'Имя пользователя',
+    align: 'left',
+    field: 'username',
+    sortable: true,
+  },
+  {
+    name: 'contribution_amount',
+    label: 'Сумма вклада',
+    align: 'left',
+    field: 'contribution_amount',
+    sortable: true,
+  },
+  {
+    name: 'contributor_hash',
+    label: 'Хэш участника',
+    align: 'left',
+    field: 'contributor_hash',
+    sortable: true,
+  },
+  {
+    name: 'memo',
+    label: 'Примечание',
+    align: 'left',
+    field: 'memo',
+    sortable: false,
+  },
+  {
+    name: 'status',
+    label: 'Статус',
+    align: 'center',
+    field: 'status',
+    sortable: true,
+  },
+];
+
+// Вспомогательные функции для отображения статуса
+const getStatusColor = (status?: string) => {
+  switch (status) {
+    case 'pending':
+      return 'orange';
+    case 'success':
+      return 'positive';
+    case 'error':
+      return 'negative';
+    default:
+      return 'grey';
+  }
+};
+
+const getStatusText = (status?: string) => {
+  switch (status) {
+    case 'pending':
+      return 'Ожидает';
+    case 'success':
+      return 'Успешно';
+    case 'error':
+      return 'Ошибка';
+    default:
+      return 'Неизвестно';
+  }
+};
+
+// Stores
+const configStore = useConfigStore();
+const { info } = useSystemStore();
+
+// Проверка наличия конфигурации
+// const hasConfig = computed(() => configStore.state?.config !== null);
+const hasConfig = computed(() => false);//TODO: сменить нанормальный флаг допустимости импорта
+
+// Состояние импорта
+const isImportCompleted = ref(false);
+
+const { parsedData, clearData } = useCsvParser();
+const {
+  importProgress,
+  isImporting,
+  currentImportIndex,
+  successCount,
+  errorCount,
+  progressPercent,
+  importResults,
+  startBatchImport,
+  retryImport: batchRetryImport,
+  stopImport: batchStopImport,
+  resetImport,
+} = useBatchImport();
+
+// Загружаем состояние при монтировании
+onMounted(async () => {
+  try {
+    await configStore.loadState({ coopname: info.coopname });
+  } catch (error) {
+    console.error('Ошибка при загрузке состояния:', error);
+  }
+});
+
+const onCsvParsed = (data: ICsvContributor[]) => {
+  parsedData.value = data;
+  resetImport();
+};
+
+const startImport = async () => {
+  if (parsedData.value.length === 0) {
+    NotifyAlert('Нет данных для импорта');
+    return;
+  }
+
+  try {
+    await startBatchImport(parsedData.value);
+    isImportCompleted.value = true;
+    if (successCount.value > 0 && errorCount.value === 0) {
+      SuccessAlert(`Импорт завершен. Успешно: ${successCount.value}`);
+    } else if (errorCount.value > 0) {
+      SuccessAlert(
+        `Импорт завершен. Успешно: ${successCount.value}, Ошибок: ${errorCount.value}`,
+      );
+    } else {
+      SuccessAlert('Импорт завершен');
+    }
+  } catch (error) {
+    FailAlert('Произошла ошибка при импорте');
+  }
+};
+
+const stopImport = () => {
+  batchStopImport();
+  NotifyAlert('Импорт остановлен');
+};
+
+const retryImport = async (index: number) => {
+  try {
+    await batchRetryImport(index);
+    if (importResults.value[index].status === 'success') {
+      SuccessAlert('Запись успешно импортирована');
+    }
+  } catch (error) {
+    // Ошибка уже обработана в batchRetryImport
+  }
+};
+
+const retryAllFailed = async () => {
+  const failedIndices = importResults.value
+    .map((item, index) => (item.status === 'error' ? index : -1))
+    .filter((index) => index !== -1);
+
+  for (const index of failedIndices) {
+    await retryImport(index);
+  }
+
+  NotifyAlert('Повторная попытка для всех ошибок завершена');
+};
+
+const clearAll = () => {
+  clearData();
+  resetImport();
+  NotifyAlert('Данные очищены');
+};
+</script>
+
+<style lang="scss" scoped>
+// Адаптивность для мобильных устройств
+@media (max-width: 768px) {
+  .row.justify-end.q-gutter-sm {
+    justify-content: center;
+
+    .q-btn {
+      width: 100%;
+      margin-bottom: 8px;
+    }
+  }
+
+  .row.q-gutter-md {
+    justify-content: center;
+  }
+}
+</style>

package/extensions/capital/pages/IssuePage/index.ts

@@ -0,0 +1 @@
+export { default as IssuePage } from './ui/IssuePage.vue';