@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/widgets/ResultSubmissionSegmentsWidget/ResultSubmissionSegmentsWidget.vue

@@ -0,0 +1,233 @@
+<template lang="pug">
+q-card(flat, style='margin-left: 20px; ')
+  // Таблица сегментов проекта
+  q-table(
+    :rows='allSegments',
+    :columns='columns',
+    row-key='username',
+    :loading='loading',
+    flat,
+    square,
+    hide-header,
+    :no-data-label='hasSegments ? "Нет сегментов в этом проекте" : "Загрузка..."'
+  )
+    template(#body='tableProps')
+      q-tr(
+        :props='tableProps',
+        @click='handleSegmentClick(tableProps.row.username)'
+        style='cursor: pointer'
+      )
+        q-td(style='width: 55px')
+          q-btn(
+            size='sm',
+            color='primary',
+            dense,
+            round,
+            :icon='expanded[tableProps.row.username] ? "expand_more" : "chevron_right"',
+            @click.stop='handleToggleExpand(tableProps.row.username)'
+          )
+        q-td
+          .participant-info
+            .participant-name {{ tableProps.row.display_name }}
+            .participant-roles
+              q-chip(
+                v-if='tableProps.row.is_author',
+                size='sm',
+                color='purple',
+                text-color='white',
+                dense
+              ) Автор
+              q-chip(
+                v-if='tableProps.row.is_creator',
+                size='sm',
+                color='blue',
+                text-color='white',
+                dense
+              ) Исполнитель
+            slot(name='actions' :segment='tableProps.row')
+
+
+        q-td.text-right(style='width: 300px')
+          .row.q-gutter-sm.justify-end
+            template(v-if='tableProps.row.status !== Zeus.SegmentStatus.GENERATION')
+              ColorCard(color='green')
+                .card-label Доля
+                .card-value {{ calculateShare(tableProps.row) }}%
+
+              ColorCard(color='blue')
+                .card-label Взнос
+                .card-value {{ formatAsset2Digits(`${tableProps.row.total_segment_cost || 0} ${info.symbols.root_govern_symbol}`) }}
+
+
+      // Слот для дополнительного контента (детали сегмента)
+      q-tr.q-virtual-scroll--with-prev(
+        no-hover,
+        v-if='expanded[tableProps.row.username]',
+        :key='`e_${tableProps.row.username}`'
+      )
+        q-td(colspan='100%', style='padding: 0px !important')
+          SegmentResultInfoWidget(:segment='tableProps.row')
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { useSegmentStore } from 'app/extensions/capital/entities/Segment/model';
+import { SegmentResultInfoWidget } from '../SegmentResultInfoWidget';
+import type { IProject } from 'app/extensions/capital/entities/Project/model';
+import { FailAlert } from 'src/shared/api';
+import { ColorCard } from 'src/shared/ui/ColorCard/ui';
+import { formatAsset2Digits } from 'src/shared/lib/utils';
+import { useSystemStore } from 'src/entities/System/model';
+import { Zeus } from '@coopenomics/sdk';
+
+interface Props {
+  projectHash: string;
+  coopname: string;
+  expanded: Record<string, boolean>;
+  project?: IProject;
+  segmentsToReload: Record<string, number>;
+}
+
+interface Emits {
+  (e: 'toggle-expand', value: string): void;
+  (e: 'segment-click', value: string): void;
+  (e: 'data-loaded', value: string[]): void;
+  (e: 'results-changed', value: { projectHash: string; username: string }): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const segmentStore = useSegmentStore();
+const { info } = useSystemStore();
+
+const loading = ref(false);
+
+// Колонки таблицы
+const columns = [
+  {
+    name: 'expand',
+    label: '',
+    align: 'left' as const,
+    field: '',
+  },
+  {
+    name: 'participant',
+    label: 'Участник',
+    align: 'left' as const,
+    field: 'username',
+  },
+  {
+    name: 'actions',
+    label: 'Действия',
+    align: 'right' as const,
+    field: '',
+  },
+];
+
+// Все сегменты проекта
+const allSegments = computed(() => {
+  return segmentStore.segments?.items || [];
+});
+
+// Проверка наличия сегментов
+const hasSegments = computed(() => {
+  return allSegments.value.length > 0;
+});
+
+// Расчет доли вклада участника в проекте
+const calculateShare = (segment: any) => {
+  const projectTotal = parseFloat(props.project?.fact?.total || '0');
+  const segmentCost = parseFloat(segment.total_segment_cost || '0');
+
+  if (projectTotal === 0) return '0.00';
+
+  const share = (segmentCost / projectTotal) * 100;
+  return share.toFixed(2);
+};
+
+
+
+// Загрузка всех сегментов проекта
+const loadProjectSegments = async () => {
+  loading.value = true;
+
+  try {
+    await segmentStore.loadSegments({
+      filter: {
+        coopname: props.coopname,
+        project_hash: props.projectHash,
+        // Убираем фильтр по username, чтобы получить все сегменты
+      },
+      options: {
+        page: 1,
+        limit: 1000, // Увеличиваем лимит для получения всех сегментов
+        sortOrder: 'ASC',
+      },
+    });
+
+    // Эмитим загруженные username для очистки expanded состояния
+    const usernames = segmentStore.segments?.items.map((s: any) => s.username) || [];
+    emit('data-loaded', usernames);
+  } catch (error) {
+    console.error('Ошибка при загрузке сегментов проекта:', error);
+    FailAlert('Не удалось загрузить сегменты проекта');
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleSegmentClick = (username: string) => {
+  emit('segment-click', username);
+};
+
+const handleToggleExpand = (username: string) => {
+  emit('toggle-expand', username);
+};
+
+// Загружаем данные при монтировании
+onMounted(async () => {
+  await loadProjectSegments();
+});
+
+// Перезагружаем при изменении projectHash
+watch(() => props.projectHash, async () => {
+  await loadProjectSegments();
+});
+
+// Перезагружаем при изменении segmentsToReload для любого пользователя
+watch(() => props.segmentsToReload, async (newVal) => {
+  if (newVal) {
+    // Перезагружаем если изменилось состояние любого сегмента
+    await loadProjectSegments();
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.result-header {
+  padding: 16px 0;
+}
+
+.participant-info {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.participant-name {
+  font-weight: 500;
+  color: #1976d2;
+  font-size: 1rem;
+}
+
+.participant-roles {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.participant-actions {
+  margin-top: 8px;
+}
+</style>

package/extensions/capital/widgets/ResultSubmissionSegmentsWidget/index.ts

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

package/extensions/capital/widgets/SegmentResultInfoWidget/SegmentResultInfoWidget.vue

@@ -0,0 +1,243 @@
+<template lang="pug">
+q-card(flat, style='margin-left: 40px; margin-top: 8px;')
+  q-card-section.q-py-sm
+    .text-subtitle1.text-grey-7 Детальная информация по сегменту {{ segment.display_name }}
+
+  q-separator
+
+  // Основная информация о сегменте
+  q-card-section
+    .row.justify-center
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='blue')
+          .card-label Общая сумма
+          .card-value {{ formatAmount(segment.total_segment_cost) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='orange')
+          .card-label Базовая стоимость
+          .card-value {{ formatAmount(segment.total_segment_base_cost) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='green')
+          .card-label Бонусная стоимость
+          .card-value {{ formatAmount(segment.total_segment_bonus_cost) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='indigo')
+          .card-label Статус
+          .card-value {{ getSegmentStatusLabel(segment.status) }}
+
+  // Инвестиции и вклады
+  q-card-section(v-if='hasInvestments(segment)')
+    .row.justify-center
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='purple')
+          .card-label Инвестиции
+          .card-value {{ formatAmount(segment.investor_amount) }}
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='teal')
+          .card-label Базовый вклад инвестора
+          .card-value {{ formatAmount(segment.investor_base) }}
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='cyan')
+          .card-label Долг
+          .card-value {{ formatAmount(segment.debt_amount) }}
+
+  // Премии
+  q-card-section(v-if='hasBonuses(segment)')
+    .row.justify-center
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='green')
+          .card-label Прямая премия автора
+          .card-value {{ getDirectBonus(segment) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='teal')
+          .card-label Динамическая премия
+          .card-value {{ formatAmount(segment.voting_bonus) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='orange')
+          .card-label Бонус участника
+          .card-value {{ formatAmount(segment.contributor_bonus) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='pink')
+          .card-label Равный бонус автора
+          .card-value {{ formatAmount(segment.equal_author_bonus) }}
+
+  // Базовые вклады по ролям
+  q-card-section(v-if='hasBaseContributions(segment)')
+    .row.justify-center
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='blue')
+          .card-label Базовый вклад автора
+          .card-value {{ formatAmount(segment.author_base) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='indigo')
+          .card-label Базовый вклад создателя
+          .card-value {{ formatAmount(segment.creator_base) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='purple')
+          .card-label Базовый вклад координатора
+          .card-value {{ formatAmount(segment.coordinator_base) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='teal')
+          .card-label Имущественный вклад
+          .card-value {{ formatAmount(segment.property_base) }}
+
+  // Бонусные вклады по ролям
+  q-card-section(v-if='hasBonusContributions(segment)')
+    .row.justify-center
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='green')
+          .card-label Бонус автора
+          .card-value {{ formatAmount(segment.author_bonus) }}
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='orange')
+          .card-label Бонус создателя
+          .card-value {{ formatAmount(segment.creator_bonus) }}
+      .col-md-4.col-12.q-pa-sm
+        ColorCard(color='cyan')
+          .card-label Бонус координатора
+          .card-value {{ formatAmount(segment.coordinator_investments) }}
+
+  // Результаты голосования и CRPS
+  q-card-section(v-if='hasVotingAndCrpsData(segment)')
+    .row.justify-center
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='red')
+          .card-label Голосов получено
+          .card-value {{ segment.is_votes_calculated ? 'Да' : 'Нет' }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='blue')
+          .card-label Капитал участников
+          .card-value {{ formatAmount(segment.capital_contributor_shares) }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='green')
+          .card-label CRPS автора (базовый)
+          .card-value {{ segment.last_author_base_reward_per_share?.toFixed(6) || '0' }}
+      .col-md-3.col-12.q-pa-sm
+        ColorCard(color='purple')
+          .card-label CRPS автора (бонус)
+          .card-value {{ segment.last_author_bonus_reward_per_share?.toFixed(6) || '0' }}
+
+  // Роли участника
+  q-card-section
+    .row.justify-center
+      .col-12.q-pa-sm
+        .text-center
+          q-chip(
+            v-if='segment.is_author',
+            size='sm',
+            color='purple',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Автор
+          q-chip(
+            v-if='segment.is_creator',
+            size='sm',
+            color='blue',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Исполнитель
+          q-chip(
+            v-if='segment.is_coordinator',
+            size='sm',
+            color='indigo',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Координатор
+          q-chip(
+            v-if='segment.is_investor',
+            size='sm',
+            color='green',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Инвестор
+          q-chip(
+            v-if='segment.is_propertor',
+            size='sm',
+            color='orange',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Пропертор
+          q-chip(
+            v-if='segment.is_contributor',
+            size='sm',
+            color='teal',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Участник
+          q-chip(
+            v-if='segment.has_vote',
+            size='sm',
+            color='red',
+            text-color='white',
+            dense,
+            style='margin: 2px;'
+          ) Имеет право голоса
+</template>
+
+<script lang="ts" setup>
+import { ColorCard } from 'src/shared/ui/ColorCard/ui';
+import { useSystemStore } from 'src/entities/System/model';
+import { formatAsset2Digits } from 'src/shared/lib/utils';
+import { getSegmentStatusLabel } from '../../shared/lib';
+
+interface Props {
+  segment: any;
+}
+
+defineProps<Props>();
+
+const { info } = useSystemStore();
+
+// Форматирование суммы с двумя знаками после запятой
+const formatAmount = (amount: string | number) => {
+  const value = parseFloat(amount?.toString() || '0');
+  return formatAsset2Digits(`${value} ${info.symbols.root_govern_symbol}`);
+};
+
+// Расчет прямой премии (равный бонус автора + прямой бонус создателя)
+const getDirectBonus = (segment: any) => {
+  const equalAuthorBonus = parseFloat(segment.equal_author_bonus || '0');
+  const directCreatorBonus = parseFloat(segment.direct_creator_bonus || '0');
+  const total = equalAuthorBonus + directCreatorBonus;
+  return formatAmount(total);
+};
+
+// Проверка наличия инвестиций
+const hasInvestments = (segment: any) => {
+  return segment.investor_amount || segment.investor_base || segment.debt_amount;
+};
+
+// Проверка наличия премий
+const hasBonuses = (segment: any) => {
+  return segment.equal_author_bonus || segment.direct_creator_bonus ||
+         segment.voting_bonus || segment.contributor_bonus;
+};
+
+// Проверка наличия базовых вкладов
+const hasBaseContributions = (segment: any) => {
+  return segment.author_base || segment.creator_base ||
+         segment.coordinator_base || segment.property_base;
+};
+
+// Проверка наличия бонусных вкладов
+const hasBonusContributions = (segment: any) => {
+  return segment.author_bonus || segment.creator_bonus || segment.coordinator_investments;
+};
+
+// Проверка наличия данных голосования и CRPS
+const hasVotingAndCrpsData = (segment: any) => {
+  return segment.is_votes_calculated !== undefined ||
+         segment.capital_contributor_shares ||
+         segment.last_author_base_reward_per_share ||
+         segment.last_author_bonus_reward_per_share;
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

package/extensions/capital/widgets/SegmentResultInfoWidget/index.ts

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

package/extensions/capital/widgets/SegmentVotesWidget/README.md

@@ -0,0 +1,50 @@
+# SegmentVotesWidget
+
+Виджет для отображения голосов конкретного участника в режиме readonly.
+
+## Назначение
+
+Виджет предназначен для:
+- Просмотра голосов, отданных конкретным участником
+- Отображения получателей голосов и их сумм
+- Используется как третий уровень в иерархии виджетов голосования
+
+## Особенности
+
+1. **Режим readonly**: Только просмотр, без возможности редактирования
+2. **Автоматическая загрузка**: Загружает голоса при монтировании
+3. **Реактивность**: Перезагружает данные при изменении `segmentUsername`
+
+## Props
+
+- `projectHash` (string) - Хеш проекта для голосования
+- `coopname` (string) - Наименование кооператива
+- `segmentUsername` (string) - Имя участника, чьи голоса отображаются
+
+## Пример использования
+
+```vue
+<SegmentVotesWidget
+  :project-hash="project.project_hash"
+  :coopname="info.coopname"
+  :segment-username="segment.username"
+/>
+```
+
+## Структура данных
+
+Виджет загружает голоса с фильтром:
+```typescript
+{
+  filter: {
+    coopname: string,
+    project_hash: string,
+    voter: string
+  }
+}
+```
+
+Каждый голос содержит:
+- `recipient` - Получатель голоса
+- `amount` - Сумма голоса с валютой
+

package/extensions/capital/widgets/SegmentVotesWidget/SegmentVotesWidget.vue

@@ -0,0 +1,133 @@
+<template lang="pug">
+q-card(flat, style='margin-left: 40px;')
+  q-table(
+    :rows='votes?.items || []',
+    :columns='columns',
+    row-key='_id',
+    :loading='loading',
+    flat,
+    square,
+    hide-header,
+    hide-pagination,
+    :pagination='{ rowsPerPage: 0 }',
+    no-data-label='Нет данных о голосах'
+  )
+    template(#body='tableProps')
+      q-tr(:props='tableProps')
+        q-td
+          .vote-row
+            .recipient-info
+              .recipient-name {{ tableProps.row.recipient_display_name }}
+            .vote-amount
+              q-chip(
+                color='green',
+                text-color='white',
+                dense
+              ) {{ formatAsset2Digits(tableProps.row.amount) }}
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue';
+import { useVoteStore } from 'app/extensions/capital/entities/Vote/model';
+import { FailAlert } from 'src/shared/api';
+import { formatAsset2Digits } from 'src/shared/lib/utils/formatAsset2Digits';
+
+interface Props {
+  projectHash: string;
+  coopname: string;
+  segmentUsername: string;
+  segmentDisplayName: string;
+  forceReload?: number;
+}
+
+const props = defineProps<Props>();
+
+const voteStore = useVoteStore();
+
+const loading = ref(false);
+const votes = ref<any>(null);
+
+// Колонки таблицы
+const columns = [
+  {
+    name: 'vote',
+    label: 'Голос',
+    align: 'left' as const,
+    field: '',
+  },
+];
+
+// Загрузка голосов участника
+const loadVotes = async () => {
+  loading.value = true;
+  console.log('on votes reload')
+  try {
+    await voteStore.loadVotes({
+      filter: {
+        project_hash: props.projectHash,
+        voter: props.segmentUsername,
+      },
+      options: {
+        page: 1,
+        limit: 100,
+        sortOrder: 'ASC',
+      },
+    });
+
+    votes.value = voteStore.votes;
+  } catch (error) {
+    console.error('Ошибка при загрузке голосов:', error);
+    FailAlert('Не удалось загрузить голоса участника');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Загружаем данные при монтировании
+onMounted(async () => {
+  await loadVotes();
+});
+
+// Перезагружаем при изменении segmentUsername
+watch(() => props.segmentUsername, async () => {
+  await loadVotes();
+});
+
+// Перезагружаем при изменении forceReload (сигнал от родительского компонента)
+watch(() => props.forceReload, async (newVal) => {
+  if (newVal) {
+    await loadVotes();
+  }
+});
+
+// Экспортируем метод для принудительной перезагрузки
+defineExpose({
+  reloadVotes: loadVotes
+});
+</script>
+
+<style lang="scss" scoped>
+.vote-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 4px 0;
+}
+
+.recipient-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.recipient-name {
+  font-weight: 500;
+  color: #2e7d32;
+}
+
+.vote-amount {
+  display: flex;
+  align-items: center;
+}
+</style>
+

package/extensions/capital/widgets/SegmentVotesWidget/index.ts

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