ваше сообщение коммита

This commit is contained in:
2025-12-29 20:03:09 +03:00
parent 32001ceacd
commit 546e92ffb2
22 changed files with 1458 additions and 305 deletions

View File

@@ -29,7 +29,7 @@ RUN apt-get update && apt-get install -y \
COPY package.json yarn.lock ./
# Устанавливаем зависимости
RUN yarn install --frozen-lockfile
RUN yarn install
# Копируем остальные файлы проекта
COPY . .

View File

@@ -6,7 +6,7 @@ WORKDIR /app
COPY package.json yarn.lock ./
# Устанавливаем зависимости
RUN yarn install --frozen-lockfile
RUN yarn install
# Копируем исходный код
COPY . .

View File

@@ -19,8 +19,8 @@
<RouterView v-slot="{ Component }">
<component
:is="Component"
:isAuthenticated="auth.isAuthenticated.value"
:identities="auth.identities.value"
:isAuthenticated="auth.isAuthenticated"
:identities="auth.identities"
:tokenBalances="tokenBalances"
:isLoadingTokens="isLoadingTokens"
:formattedLastUpdate="formattedLastUpdate"

View File

@@ -15,12 +15,28 @@ import { getProposals } from '@/services/proposalsService';
import { ethers } from 'ethers';
import { useProposalValidation } from './useProposalValidation';
import { voteForProposal, executeProposal as executeProposalUtil, cancelProposal as cancelProposalUtil, checkTokenBalance } from '@/utils/dle-contract';
import axios from 'axios';
// Функция checkVoteStatus удалена - в контракте DLE нет публичной функции hasVoted
// Функция checkTokenBalance перенесена в useDleContract.js
// Функция sendTransactionToWallet удалена - теперь используется прямое взаимодействие с контрактом
// Вспомогательная функция для получения имени цепочки
function getChainName(chainId) {
const chainNames = {
1: 'Ethereum',
11155111: 'Sepolia',
17000: 'Holesky',
421614: 'Arbitrum Sepolia',
84532: 'Base Sepolia',
137: 'Polygon',
56: 'BSC',
42161: 'Arbitrum'
};
return chainNames[chainId] || `Chain ${chainId}`;
}
export function useProposals(dleAddress, isAuthenticated, userAddress) {
const proposals = ref([]);
const filteredProposals = ref([]);
@@ -43,61 +59,108 @@ export function useProposals(dleAddress, isAuthenticated, userAddress) {
} = useProposalValidation();
const loadProposals = async () => {
if (!dleAddress.value) {
console.warn('Адрес DLE не найден');
return;
}
try {
isLoading.value = true;
const response = await getProposals(dleAddress.value);
if (response.success) {
const rawProposals = response.data.proposals || [];
console.log(`[Proposals] Загружено предложений: ${rawProposals.length}`);
console.log(`[Proposals] Полные данные из блокчейна:`, rawProposals);
// Детальная информация о каждом предложении
rawProposals.forEach((proposal, index) => {
console.log(`[Proposals] Предложение ${index}:`, {
id: proposal.id,
description: proposal.description,
state: proposal.state,
forVotes: proposal.forVotes,
againstVotes: proposal.againstVotes,
quorumRequired: proposal.quorumRequired,
quorumReached: proposal.quorumReached,
executed: proposal.executed,
canceled: proposal.canceled,
initiator: proposal.initiator,
chainId: proposal.chainId,
transactionHash: proposal.transactionHash
});
});
// Применяем валидацию предложений
const validationResult = validateProposals(rawProposals);
// Фильтруем только реальные предложения
const realProposals = filterRealProposals(validationResult.validProposals);
// Фильтруем только активные предложения (исключаем выполненные и отмененные)
const activeProposals = filterActiveProposals(realProposals);
console.log(`[Proposals] Валидных предложений: ${validationResult.validCount}`);
console.log(`[Proposals] Реальных предложений: ${realProposals.length}`);
console.log(`[Proposals] Активных предложений: ${activeProposals.length}`);
if (validationResult.errorCount > 0) {
console.warn(`[Proposals] Найдено ${validationResult.errorCount} предложений с ошибками валидации`);
}
proposals.value = activeProposals;
filterProposals();
// Получаем информацию о всех DLE в разных цепочках
console.log('[Proposals] Получаем информацию о всех DLE...');
const dleResponse = await axios.get('/api/dle-v2');
if (!dleResponse.data.success) {
console.error('Не удалось получить список DLE');
return;
}
const allDles = dleResponse.data.data || [];
console.log(`[Proposals] Найдено DLE: ${allDles.length}`, allDles);
// Группируем предложения по описанию для создания мульти-чейн представлений
const proposalsByDescription = new Map();
// Загружаем предложения из каждой цепочки
for (const dle of allDles) {
if (!dle.networks || dle.networks.length === 0) continue;
for (const network of dle.networks) {
try {
console.log(`[Proposals] Загружаем предложения из цепочки ${network.chainId}, адрес: ${network.address}`);
const response = await getProposals(network.address);
if (response.success) {
const chainProposals = response.data.proposals || [];
// Добавляем информацию о цепочке к каждому предложению
chainProposals.forEach(proposal => {
proposal.chainId = network.chainId;
proposal.contractAddress = network.address;
proposal.networkName = getChainName(network.chainId);
// Группируем предложения по описанию
const key = `${proposal.description}_${proposal.initiator}`;
if (!proposalsByDescription.has(key)) {
proposalsByDescription.set(key, {
id: proposal.id,
description: proposal.description,
initiator: proposal.initiator,
deadline: proposal.deadline,
chains: new Map(),
createdAt: Math.min(...chainProposals.map(p => p.createdAt || Date.now())),
uniqueId: key
});
}
// Добавляем информацию о цепочке
proposalsByDescription.get(key).chains.set(network.chainId, {
...proposal,
chainId: network.chainId,
contractAddress: network.address,
networkName: getChainName(network.chainId)
});
});
}
} catch (error) {
console.error(`Ошибка загрузки предложений из цепочки ${network.chainId}:`, error);
}
}
}
// Преобразуем в массив для отображения
const rawProposals = Array.from(proposalsByDescription.values()).map(group => ({
...group,
chains: Array.from(group.chains.values()),
// Общий статус - активен если есть хотя бы одно активное предложение
state: group.chains.some(c => c.state === 'active') ? 'active' : 'inactive',
// Общий executed - выполнен если выполнен во всех цепочках
executed: group.chains.every(c => c.executed),
// Общий canceled - отменен если отменен в любой цепочке
canceled: group.chains.some(c => c.canceled)
}));
console.log(`[Proposals] Сгруппировано предложений: ${rawProposals.length}`);
console.log(`[Proposals] Детали группировки:`, rawProposals);
// Применяем валидацию предложений
const validationResult = validateProposals(rawProposals);
// Фильтруем только реальные предложения
const realProposals = filterRealProposals(validationResult.validProposals);
// Фильтруем только активные предложения (исключаем выполненные и отмененные)
const activeProposals = filterActiveProposals(realProposals);
console.log(`[Proposals] Валидных предложений: ${validationResult.validCount}`);
console.log(`[Proposals] Реальных предложений: ${realProposals.length}`);
console.log(`[Proposals] Активных предложений: ${activeProposals.length}`);
if (validationResult.errorCount > 0) {
console.warn(`[Proposals] Найдено ${validationResult.errorCount} предложений с ошибками валидации`);
}
proposals.value = activeProposals;
filterProposals();
} catch (error) {
console.error('Ошибка загрузки предложений:', error);
proposals.value = [];
} finally {
isLoading.value = false;
}
@@ -511,13 +574,112 @@ export function useProposals(dleAddress, isAuthenticated, userAddress) {
if (proposal) {
Object.assign(proposal, updates);
console.log(`🔄 [UI] Обновлено состояние предложения ${proposalId}:`, updates);
// Принудительно обновляем фильтрацию
filterProposals();
}
};
// Мульти-чейн функции
const voteOnMultichainProposal = async (proposal, support) => {
try {
isVoting.value = true;
console.log(`🌐 [MULTI-VOTE] Начинаем голосование в ${proposal.chains.length} цепочках:`, proposal.chains.map(c => c.networkName));
// Голосуем последовательно в каждой цепочке
for (const chain of proposal.chains) {
try {
console.log(`🎯 [MULTI-VOTE] Голосуем в ${chain.networkName} (${chain.contractAddress})`);
await voteForProposal(chain.contractAddress, chain.id, support);
console.log(`✅ [MULTI-VOTE] Голос отдан в ${chain.networkName}`);
// Небольшая задержка между голосованиями
await new Promise(resolve => setTimeout(resolve, 1000));
} catch (error) {
console.error(`❌ [MULTI-VOTE] Ошибка голосования в ${chain.networkName}:`, error);
// Продолжаем голосовать в других цепочках даже при ошибке в одной
}
}
console.log('🎉 [MULTI-VOTE] Голосование завершено во всех цепочках');
// Перезагружаем предложения
await loadProposals();
} catch (error) {
console.error('[MULTI-VOTE] Критическая ошибка:', error);
throw error;
} finally {
isVoting.value = false;
}
};
const executeMultichainProposal = async (proposal) => {
try {
isExecuting.value = true;
console.log(`🚀 [MULTI-EXECUTE] Начинаем исполнение в ${proposal.chains.length} цепочках`);
// Исполняем параллельно во всех цепочках
const executePromises = proposal.chains.map(async (chain) => {
try {
console.log(`🎯 [MULTI-EXECUTE] Исполняем в ${chain.networkName} (${chain.contractAddress})`);
await executeProposalUtil(chain.contractAddress, chain.id);
console.log(`✅ [MULTI-EXECUTE] Исполнено в ${chain.networkName}`);
} catch (error) {
console.error(`❌ [MULTI-EXECUTE] Ошибка исполнения в ${chain.networkName}:`, error);
// Продолжаем исполнение в других цепочках
}
});
await Promise.all(executePromises);
console.log('🎉 [MULTI-EXECUTE] Исполнение завершено во всех цепочках');
// Перезагружаем предложения
await loadProposals();
} catch (error) {
console.error('[MULTI-EXECUTE] Критическая ошибка:', error);
throw error;
} finally {
isExecuting.value = false;
}
};
const canVoteMultichain = (proposal) => {
// Можно голосовать если есть хотя бы одна активная цепочка
return proposal.chains.some(chain => canVote(chain));
};
const canExecuteMultichain = (proposal) => {
// Можно исполнить только если кворум достигнут во ВСЕХ цепочках
return proposal.chains.every(chain => canExecute(chain));
};
const getChainStatusClass = (chain) => {
if (chain.executed) return 'executed';
if (chain.state === 'active') return 'active';
if (chain.deadline && chain.deadline < Date.now() / 1000) return 'expired';
return 'inactive';
};
const getChainStatusText = (chain) => {
if (chain.executed) return 'Исполнено';
if (chain.state === 'active') return 'Активно';
if (chain.deadline && chain.deadline < Date.now() / 1000) return 'Истекло';
return 'Неактивно';
};
return {
// ... существующие поля
proposals,
filteredProposals,
isLoading,
@@ -529,15 +691,21 @@ export function useProposals(dleAddress, isAuthenticated, userAddress) {
loadProposals,
filterProposals,
voteOnProposal,
voteOnMultichainProposal,
executeProposal,
executeMultichainProposal,
cancelProposal,
getProposalStatusClass,
getProposalStatusText,
getQuorumPercentage,
getRequiredQuorumPercentage,
canVote,
canVoteMultichain,
canExecute,
canExecuteMultichain,
canCancel,
getChainStatusClass,
getChainStatusText,
updateProposalState,
// Валидация
validationStats,

View File

@@ -278,6 +278,11 @@ const routes = [
name: 'management-add-module',
component: () => import('../views/smartcontracts/AddModuleFormView.vue')
},
{
path: '/management/transfer-tokens',
name: 'management-transfer-tokens',
component: () => import('../views/smartcontracts/TransferTokensFormView.vue')
},
{
path: '/management/modules',
name: 'management-modules',

View File

@@ -1,21 +1,9 @@
/**
* Copyright (c) 2024-2025 Тарабанов Александр Викторович
* All rights reserved.
*
* This software is proprietary and confidential.
* Unauthorized copying, modification, or distribution is prohibited.
*
* For licensing inquiries: info@hb3-accelerator.com
* Website: https://hb3-accelerator.com
* GitHub: https://github.com/VC-HB3-Accelerator
*/
/**
* ABI для DLE смарт-контракта
* АВТОМАТИЧЕСКИ СГЕНЕРИРОВАНО - НЕ РЕДАКТИРОВАТЬ ВРУЧНУЮ
* Для обновления запустите: node backend/scripts/generate-abi.js
*
* Последнее обновление: 2025-09-29T18:16:32.027Z
* Последнее обновление: 2025-12-29T12:09:15.558Z
*/
export const DLE_ABI = [
@@ -31,7 +19,7 @@ export const DLE_ABI = [
"function checkpoints(address account, uint32 pos) returns (tuple)",
"function clock() returns (uint48)",
"function createAddModuleProposal(string _description, uint256 _duration, bytes32 _moduleId, address _moduleAddress, uint256 _chainId) returns (uint256)",
"function createProposal(string _description, uint256 _duration, bytes _operation, uint256 _governanceChainId, uint256[] _targetChains, uint256 ) returns (uint256)",
"function createProposal(string _description, uint256 _duration, bytes _operation, uint256[] _targetChains, uint256 ) returns (uint256)",
"function createRemoveModuleProposal(string _description, uint256 _duration, bytes32 _moduleId, uint256 _chainId) returns (uint256)",
"function decimals() returns (uint8)",
"function delegate(address delegatee)",

View File

@@ -205,7 +205,6 @@ export async function createProposal(dleAddress, proposalData) {
proposalData.description,
proposalData.duration,
proposalData.operation,
proposalData.governanceChainId,
proposalData.targetChains || [],
proposalData.timelockDelay || 0
);
@@ -216,6 +215,7 @@ export async function createProposal(dleAddress, proposalData) {
console.log('Предложение создано, tx hash:', tx.hash);
return {
success: true,
proposalId: receipt.logs[0]?.topics[1] || '0', // Извлекаем ID предложения из события
txHash: tx.hash,
blockNumber: receipt.blockNumber

View File

@@ -20,7 +20,7 @@ import { SiweMessage } from 'siwe';
* Нормализует Ethereum адрес
*/
const normalizeAddress = (address) => {
return ethers.getAddress ? ethers.getAddress(address) : ethers.utils.getAddress(address);
return ethers.getAddress(address);
};
/**

View File

@@ -21,25 +21,9 @@
<div class="management-container">
<!-- Деплоированные DLE -->
<div class="deployed-dles-section">
<div class="section-header">
<div class="header-actions">
<button class="add-dle-btn" @click="openDleManagement()">
<i class="fas fa-plus"></i>
Добавить DLE
</button>
<button class="refresh-btn" @click="loadDeployedDles" :disabled="isLoadingDles">
<i class="fas fa-sync-alt" :class="{ 'fa-spin': isLoadingDles }"></i>
{{ isLoadingDles ? 'Загрузка...' : 'Обновить' }}
</button>
</div>
</div>
<div v-if="isLoadingDles" class="loading-dles">
<p>Загрузка деплоированных DLE...</p>
</div>
<div v-else-if="deployedDles.length === 0" class="no-dles">
<div v-if="deployedDles.length === 0" class="no-dles">
<p>Деплоированных DLE пока нет</p>
<p>Создайте новый DLE на странице <a href="/settings/dle-v2-deploy" class="link">Деплой DLE</a></p>
</div>
@@ -176,7 +160,6 @@ const router = useRouter();
// Состояние для DLE
const deployedDles = ref([]);
const isLoadingDles = ref(false);
@@ -228,47 +211,46 @@ const openSettings = () => {
// Загрузка деплоированных DLE из блокчейна
async function loadDeployedDles() {
try {
isLoadingDles.value = true;
console.log('[ManagementView] Начинаем загрузку DLE...');
// Сначала получаем список DLE из API
const response = await api.get('/dle-v2');
console.log('[ManagementView] Ответ от API /dle-v2:', response.data);
if (response.data.success) {
const dlesFromApi = response.data.data || [];
console.log('[ManagementView] DLE из API:', dlesFromApi);
if (dlesFromApi.length === 0) {
console.log('[ManagementView] Нет DLE в API, показываем пустой список');
deployedDles.value = [];
return;
}
// Для каждого DLE читаем актуальные данные из блокчейна
const dlesWithBlockchainData = await Promise.all(
dlesFromApi.map(async (dle) => {
try {
// Используем адрес из deployedNetworks если dleAddress null
const dleAddress = dle.dleAddress || (dle.deployedNetworks && dle.deployedNetworks.length > 0 ? dle.deployedNetworks[0].address : null);
if (!dleAddress) {
console.warn(`[ManagementView] Нет адреса для DLE ${dle.deployment_id || 'unknown'}`);
return dle;
}
console.log(`[ManagementView] Читаем данные из блокчейна для ${dleAddress}`);
// Читаем данные из блокчейна
const blockchainResponse = await api.post('/blockchain/read-dle-info', {
dleAddress: dleAddress
});
console.log(`[ManagementView] Ответ от блокчейна для ${dleAddress}:`, blockchainResponse.data);
if (blockchainResponse.data.success) {
const blockchainData = blockchainResponse.data.data;
// Объединяем данные из API с данными из блокчейна
const combinedDle = {
...dle,
@@ -288,7 +270,7 @@ async function loadDeployedDles() {
// Количество участников (держателей токенов)
participantCount: blockchainData.participantCount || 0
};
console.log(`[ManagementView] Объединенные данные для ${dle.dleAddress}:`, combinedDle);
return combinedDle;
} else {
@@ -301,7 +283,7 @@ async function loadDeployedDles() {
}
})
);
deployedDles.value = dlesWithBlockchainData;
console.log('[ManagementView] Итоговый список DLE:', deployedDles.value);
} else {
@@ -311,8 +293,6 @@ async function loadDeployedDles() {
} catch (error) {
console.error('[ManagementView] Ошибка при загрузке DLE:', error);
deployedDles.value = [];
} finally {
isLoadingDles.value = false;
}
}
@@ -467,74 +447,6 @@ onMounted(() => {
margin-top: 3rem;
}
.section-header {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 2rem;
}
.header-actions {
display: flex;
gap: 1rem;
align-items: center;
}
.add-dle-btn {
background: var(--color-primary);
color: white;
border: none;
border-radius: 6px;
padding: 0.5rem 1rem;
cursor: pointer;
font-size: 0.875rem;
font-weight: 600;
transition: background-color 0.2s;
display: flex;
align-items: center;
gap: 0.5rem;
}
.add-dle-btn:hover {
background: var(--color-primary-dark);
transform: translateY(-1px);
}
.add-dle-btn i {
font-size: 0.875rem;
}
.section-header h2 {
color: var(--color-primary);
margin: 0;
}
.refresh-btn {
background: var(--color-primary);
color: white;
border: none;
padding: 0.5rem 1rem;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
font-weight: 600;
transition: background-color 0.2s;
}
.refresh-btn:hover {
background: var(--color-primary-dark);
transform: translateY(-1px);
}
.refresh-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.loading-dles,
.no-dles {

View File

@@ -161,7 +161,7 @@ import { ref, computed, onMounted, onUnmounted, defineProps, defineEmits, inject
import { useRouter, useRoute } from 'vue-router';
import { useAuthContext } from '../../composables/useAuth';
import BaseLayout from '../../components/BaseLayout.vue';
import { getDLEInfo, getSupportedChains } from '../../services/dleV2Service.js';
import { getDLEInfo } from '../../services/dleV2Service.js';
import { createProposal as createProposalAPI } from '../../services/proposalsService.js';
import { getModuleOperations } from '../../services/moduleOperationsService.js';
import api from '../../api/axios';
@@ -231,8 +231,11 @@ const isModulesWSConnected = ref(false);
// Функции для открытия отдельных форм операций
function openTransferForm() {
// TODO: Открыть форму для передачи токенов
alert('Форма передачи токенов будет реализована');
if (dleAddress.value) {
router.push(`/management/transfer-tokens?address=${dleAddress.value}`);
} else {
router.push('/management/transfer-tokens');
}
}
function openAddModuleForm() {
@@ -321,9 +324,15 @@ async function loadDleData() {
console.error('Ошибка загрузки DLE:', response.data.error);
}
// Загружаем поддерживаемые цепочки
const chainsResponse = await getSupportedChains(dleAddress.value);
availableChains.value = chainsResponse.data?.chains || [];
// Получаем поддерживаемые цепочки из данных DLE
if (selectedDle.value?.deployedNetworks) {
availableChains.value = selectedDle.value.deployedNetworks.map(net => ({
chainId: net.chainId,
name: getChainName(net.chainId)
}));
} else {
availableChains.value = [];
}
// Загружаем операции модулей
await loadModuleOperations();
@@ -497,6 +506,21 @@ onMounted(async () => {
onUnmounted(() => {
disconnectModulesWebSocket();
});
// Функция для получения названия сети по chainId
function getChainName(chainId) {
const chainNames = {
1: 'Ethereum',
11155111: 'Sepolia',
17000: 'Holesky',
421614: 'Arbitrum Sepolia',
84532: 'Base Sepolia',
137: 'Polygon',
56: 'BSC',
42161: 'Arbitrum'
};
return chainNames[chainId] || `Chain ${chainId}`;
}
</script>
<style scoped>

View File

@@ -0,0 +1,788 @@
<!--
Copyright (c) 2024-2025 Тарабанов Александр Викторович
All rights reserved.
This software is proprietary and confidential.
Unauthorized copying, modification, or distribution is prohibited.
For licensing inquiries: info@hb3-accelerator.com
Website: https://hb3-accelerator.com
GitHub: https://github.com/VC-HB3-Accelerator
-->
<template>
<BaseLayout
:is-authenticated="props.isAuthenticated"
:identities="props.identities"
:token-balances="props.tokenBalances"
:is-loading-tokens="props.isLoadingTokens"
@auth-action-completed="$emit('auth-action-completed')"
>
<div class="transfer-tokens-page">
<!-- Информация для неавторизованных пользователей -->
<div style="margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;">
<div v-if="selectedDle?.dleAddress" style="color: var(--color-grey-dark); font-size: 0.9rem;">
{{ selectedDle.dleAddress }}
</div>
<div v-else-if="dleAddress" style="color: var(--color-grey-dark); font-size: 0.9rem;">
{{ dleAddress }}
</div>
<div v-else-if="isLoadingDle" style="color: var(--color-grey-dark); font-size: 0.9rem;">
Загрузка...
</div>
<button class="close-btn" @click="goBackToProposals">×</button>
</div>
<div v-if="!props.isAuthenticated" class="auth-notice">
<div class="alert alert-info">
<i class="fas fa-info-circle"></i>
<strong>Для создания предложений необходимо авторизоваться в приложении</strong>
<p class="mb-0 mt-2">Подключите кошелек в сайдбаре для создания новых предложений</p>
</div>
</div>
<!-- Форма передачи токенов -->
<div v-if="props.isAuthenticated" class="transfer-tokens-form">
<form @submit.prevent="submitForm" class="form-container">
<!-- Адрес отправителя -->
<div class="form-group">
<label for="sender" class="form-label">
<i class="fas fa-paper-plane"></i>
Адрес отправителя *
</label>
<input
type="text"
id="sender"
v-model="formData.sender"
class="form-input"
readonly
required
/>
<small class="form-help">
Ваш подключенный кошелек - токены будут отправлены с этого адреса
</small>
</div>
<!-- Адрес получателя -->
<div class="form-group">
<label for="recipient" class="form-label">
<i class="fas fa-user"></i>
Адрес получателя *
</label>
<input
type="text"
id="recipient"
v-model="formData.recipient"
class="form-input"
placeholder="0x..."
required
/>
<small class="form-help">
Ethereum-адрес получателя токенов DLE
</small>
</div>
<!-- Количество токенов -->
<div class="form-group">
<label for="amount" class="form-label">
<i class="fas fa-coins"></i>
Количество токенов *
</label>
<input
type="number"
id="amount"
v-model.number="formData.amount"
class="form-input"
placeholder="1000000"
min="1"
step="1"
required
/>
<small class="form-help">
Количество токенов для перевода (без decimals)
</small>
<div v-if="dleInfo?.totalSupply" class="balance-info">
<i class="fas fa-info-circle"></i>
Доступный баланс DLE: {{ formatTokenAmount(dleInfo.totalSupply) }} {{ dleInfo.symbol }}
</div>
</div>
<!-- Описание предложения -->
<div class="form-group">
<label for="description" class="form-label">
<i class="fas fa-file-alt"></i>
Описание предложения *
</label>
<textarea
id="description"
v-model="formData.description"
class="form-textarea"
placeholder="Опишите цель перевода токенов..."
rows="3"
required
></textarea>
<small class="form-help">
Подробное описание предложения для голосования
</small>
</div>
<!-- Время голосования -->
<div class="form-group">
<label for="votingDuration" class="form-label">
<i class="fas fa-clock"></i>
Время голосования *
</label>
<select
id="votingDuration"
v-model="formData.votingDuration"
class="form-select"
required
>
<option value="">Выберите время голосования</option>
<option value="3600">1 час</option>
<option value="86400">1 день</option>
<option value="259200">3 дня</option>
<option value="604800">7 дней</option>
<option value="1209600">14 дней</option>
</select>
<small class="form-help">
Время, в течение которого будет проходить голосование
</small>
</div>
<!-- Информация о мульти-чейн развертывании -->
<div v-if="dleInfo?.deployedNetworks && dleInfo.deployedNetworks.length > 1" class="multichain-info">
<i class="fas fa-info-circle"></i>
<strong>Мульти-чейн деплой:</strong> Предложение будет создано для {{ dleInfo.deployedNetworks.length }} сетей: {{
dleInfo.deployedNetworks.map(net => getChainName(net.chainId)).join(', ')
}}. Голосование и исполнение произойдет в каждой сети отдельно.
</div>
<!-- Кнопки -->
<div class="form-actions">
<button type="button" class="btn-secondary" @click="goBackToProposals">
<i class="fas fa-arrow-left"></i>
Назад
</button>
<button type="submit" class="btn-primary" :disabled="isSubmitting">
<i class="fas fa-paper-plane" :class="{ 'fa-spin': isSubmitting }"></i>
{{ isSubmitting ? 'Создание...' : 'Создать предложение' }}
</button>
</div>
</form>
<!-- Результат создания предложений -->
<div v-if="proposalResult" class="proposal-result">
<div class="alert" :class="proposalResult.success ? 'alert-success' : 'alert-danger'">
<i :class="proposalResult.success ? 'fas fa-check-circle' : 'fas fa-exclamation-triangle'"></i>
<strong>{{ proposalResult.success ? 'Успех!' : 'Ошибка!' }}</strong>
<p class="mb-0 mt-2">{{ proposalResult.message }}</p>
</div>
<!-- Детализация по цепочкам -->
<div v-if="proposalResult.results" class="chain-results">
<h5>Результаты по цепочкам:</h5>
<div class="chain-result-list">
<div
v-for="result in proposalResult.results"
:key="result.chainId"
class="chain-result-item"
:class="{ success: result.success, error: !result.success }"
>
<div class="chain-header">
<span class="chain-name">{{ getChainName(result.chainId) }}</span>
<span class="chain-status">
<i :class="result.success ? 'fas fa-check' : 'fas fa-times'"></i>
{{ result.success ? 'Успешно' : 'Ошибка' }}
</span>
</div>
<div v-if="result.success && result.proposalId" class="proposal-info">
<small>ID предложения: {{ result.proposalId }}</small>
<br>
<small>Адрес контракта: {{ shortenAddress(result.contractAddress) }}</small>
</div>
<div v-if="!result.success" class="error-info">
<small>{{ result.error }}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</BaseLayout>
</template>
<script setup>
import { defineProps, defineEmits, ref, onMounted, computed, watch } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import BaseLayout from '../../components/BaseLayout.vue';
import api from '@/api/axios';
import { ethers } from 'ethers';
import { createProposal } from '@/utils/dle-contract';
import { useAuthContext } from '../../composables/useAuth';
// Определяем props
const props = defineProps({
isAuthenticated: { type: Boolean, default: false },
identities: { type: Array, default: () => [] },
tokenBalances: { type: Object, default: () => ({}) },
isLoadingTokens: { type: Boolean, default: false }
});
// Определяем emits
const emit = defineEmits(['auth-action-completed']);
const router = useRouter();
const route = useRoute();
// Получаем контекст аутентификации
const { address: currentUserAddress } = useAuthContext();
// Реактивные данные
const dleAddress = ref(route.query.address || '');
const selectedDle = ref(null);
const isLoadingDle = ref(false);
const dleInfo = ref(null);
const supportedChains = ref([]);
const isSubmitting = ref(false);
const proposalResult = ref(null);
// Форма
const formData = ref({
sender: '',
recipient: '',
amount: null,
description: '',
votingDuration: '',
governanceChain: ''
});
// Загрузка информации о DLE
async function loadDleInfo() {
if (!dleAddress.value) return;
try {
isLoadingDle.value = true;
// Получаем информацию о DLE из блокчейна
const response = await api.post('/blockchain/read-dle-info', {
dleAddress: dleAddress.value
});
if (response.data.success) {
dleInfo.value = response.data.data;
console.log('DLE Info loaded:', dleInfo.value);
// Получаем поддерживаемые цепочки из данных DLE
if (dleInfo.value.deployedNetworks && dleInfo.value.deployedNetworks.length > 0) {
supportedChains.value = dleInfo.value.deployedNetworks.map(net => ({
chainId: net.chainId,
name: getChainName(net.chainId)
}));
} else {
console.warn('No deployed networks found for DLE');
supportedChains.value = [];
}
}
} catch (error) {
console.error('Error loading DLE info:', error);
} finally {
isLoadingDle.value = false;
}
}
// Валидация адреса Ethereum
function isValidAddress(address) {
return /^0x[a-fA-F0-9]{40}$/.test(address);
}
// Форматирование количества токенов
function formatTokenAmount(amount) {
if (!amount) return '0';
const num = parseFloat(amount);
if (num === 0) return '0';
if (num < 1) {
return num.toLocaleString('ru-RU', {
minimumFractionDigits: 0,
maximumFractionDigits: 18
});
}
return num.toLocaleString('ru-RU', { maximumFractionDigits: 0 });
}
// Сокращение адреса
function shortenAddress(address) {
if (!address) return '';
return `${address.slice(0, 6)}...${address.slice(-4)}`;
}
// Получение имени цепочки
function getChainName(chainId) {
const chainNames = {
1: 'Ethereum',
11155111: 'Sepolia',
17000: 'Holesky',
421614: 'Arbitrum Sepolia',
84532: 'Base Sepolia',
137: 'Polygon',
56: 'BSC',
42161: 'Arbitrum'
};
return chainNames[chainId] || `Chain ${chainId}`;
}
// Создание encoded call data для _transferTokens
function encodeTransferTokensCall(sender, recipient, amount) {
// Правильный селектор для _transferTokens(address,address,uint256)
// keccak256("_transferTokens(address,address,uint256)")[:4]
const functionSignature = '_transferTokens(address,address,uint256)';
const selectorBytes = ethers.keccak256(ethers.toUtf8Bytes(functionSignature));
const selector = '0x' + selectorBytes.slice(2, 10);
// Кодирование параметров
const iface = new ethers.Interface([`function ${functionSignature}`]);
const encodedCall = iface.encodeFunctionData('_transferTokens', [sender, recipient, amount]);
return encodedCall;
}
// Отправка формы
async function submitForm() {
try {
isSubmitting.value = true;
proposalResult.value = null;
// Валидация
if (!isValidAddress(formData.value.sender)) {
throw new Error('Некорректный адрес отправителя');
}
// Проверяем, что адрес отправителя совпадает с адресом пользователя
if (formData.value.sender !== currentUserAddress.value) {
throw new Error('Адрес отправителя должен совпадать с вашим подключенным кошельком');
}
if (!isValidAddress(formData.value.recipient)) {
throw new Error('Некорректный адрес получателя');
}
if (!formData.value.amount || formData.value.amount <= 0) {
throw new Error('Некорректное количество токенов');
}
if (!formData.value.description.trim()) {
throw new Error('Описание предложения обязательно');
}
if (!formData.value.votingDuration) {
throw new Error('Выберите время голосования');
}
// Создание encoded call data для передачи токенов
const transferCallData = encodeTransferTokensCall(
formData.value.sender,
formData.value.recipient,
formData.value.amount
);
// Получаем все поддерживаемые цепочки из DLE информации
const allChains = dleInfo.value?.deployedNetworks
? dleInfo.value.deployedNetworks.map(net => net.chainId)
: [];
console.log('Creating proposals in chains:', allChains);
// Создаем предложения параллельно во всех цепочках
const proposalPromises = allChains.map(async (chainId) => {
try {
const proposalData = {
description: formData.value.description,
duration: parseInt(formData.value.votingDuration),
operation: transferCallData,
targetChains: [chainId], // Операция выполняется в той же цепочке
timelockDelay: 0
};
console.log(`Creating proposal in chain ${chainId}:`, proposalData);
// Получаем адрес контракта для этой цепочки
const networkInfo = dleInfo.value?.deployedNetworks?.find(net => net.chainId === chainId);
const contractAddress = networkInfo?.address || dleAddress.value;
const result = await createProposal(contractAddress, proposalData);
return {
chainId,
success: result.success,
proposalId: result.proposalId,
error: result.error,
contractAddress
};
} catch (error) {
console.error(`Error creating proposal in chain ${chainId}:`, error);
return {
chainId,
success: false,
error: error.message,
contractAddress: dleAddress.value
};
}
});
const results = await Promise.all(proposalPromises);
// Проверяем результаты
const successful = results.filter(r => r.success);
const failed = results.filter(r => !r.success);
if (successful.length > 0) {
proposalResult.value = {
success: true,
message: `Предложения созданы в ${successful.length} из ${allChains.length} цепочек!`,
results: results,
successfulChains: successful,
failedChains: failed
};
// Очистка формы только при полном успехе
if (failed.length === 0) {
formData.value = {
sender: '',
recipient: '',
amount: null,
description: '',
votingDuration: '',
governanceChain: ''
};
}
} else {
throw new Error('Не удалось создать предложения ни в одной цепочке');
}
} catch (error) {
console.error('Error creating transfer proposals:', error);
proposalResult.value = {
success: false,
message: error.message || 'Произошла ошибка при создании предложений'
};
} finally {
isSubmitting.value = false;
}
}
// Навигация
function goBackToProposals() {
if (dleAddress.value) {
router.push(`/management/create-proposal?address=${dleAddress.value}`);
} else {
router.push('/management/create-proposal');
}
}
// Инициализация
// Watcher для автоматического обновления адреса отправителя
watch(currentUserAddress, (newAddress) => {
formData.value.sender = newAddress;
});
onMounted(() => {
console.log('[TransferTokensFormView] currentUserAddress:', currentUserAddress.value);
// Автоматически устанавливаем адрес отправителя
formData.value.sender = currentUserAddress.value;
console.log('[TransferTokensFormView] formData.sender set to:', formData.value.sender);
loadDleInfo();
});
</script>
<style scoped>
.transfer-tokens-page {
padding: 20px;
background-color: var(--color-white);
border-radius: var(--radius-lg);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-top: 20px;
margin-bottom: 20px;
}
.transfer-tokens-form {
margin-top: 2rem;
}
.form-container {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-label {
display: block;
font-weight: 600;
color: var(--color-primary);
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
.form-label i {
margin-right: 0.5rem;
}
.form-input,
.form-textarea,
.form-select {
width: 100%;
padding: 0.75rem;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 0.9rem;
transition: border-color 0.2s;
}
.form-input:focus,
.form-textarea:focus,
.form-select:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.form-textarea {
resize: vertical;
min-height: 80px;
}
.form-help {
display: block;
color: #6c757d;
font-size: 0.8rem;
margin-top: 0.25rem;
}
.balance-info {
margin-top: 0.5rem;
padding: 0.5rem;
background: #f8f9fa;
border-radius: 4px;
font-size: 0.85rem;
color: #495057;
}
.balance-info i {
margin-right: 0.5rem;
color: #17a2b8;
}
.multichain-info {
margin-top: 0.5rem;
padding: 0.75rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 6px;
font-size: 0.85rem;
border: 2px solid rgba(255, 255, 255, 0.2);
}
.multichain-info i {
margin-right: 0.5rem;
color: #fff;
}
.multichain-info strong {
color: #fff;
}
.form-actions {
display: flex;
gap: 1rem;
justify-content: flex-end;
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid #e9ecef;
}
.btn-primary,
.btn-secondary {
padding: 0.75rem 1.5rem;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
font-size: 0.9rem;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn-primary {
background: var(--color-primary);
color: white;
}
.btn-primary:hover:not(:disabled) {
background: var(--color-primary-dark);
transform: translateY(-1px);
}
.btn-secondary {
background: #6c757d;
color: white;
}
.btn-secondary:hover {
background: #5a6268;
transform: translateY(-1px);
}
.btn-primary:disabled,
.btn-secondary:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}
.proposal-result {
margin-top: 2rem;
}
.alert {
padding: 1rem;
border-radius: 6px;
border: 1px solid transparent;
}
.alert-success {
background: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
.alert-danger {
background: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
}
.alert i {
margin-right: 0.5rem;
}
.chain-results {
margin-top: 1.5rem;
}
.chain-results h5 {
margin-bottom: 1rem;
color: var(--color-primary);
font-size: 1rem;
}
.chain-result-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.chain-result-item {
padding: 0.75rem;
border-radius: 6px;
border: 1px solid #e9ecef;
background: white;
}
.chain-result-item.success {
border-color: #d4edda;
background: #f8fff9;
}
.chain-result-item.error {
border-color: #f5c6cb;
background: #fff8f8;
}
.chain-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.chain-name {
font-weight: 600;
color: var(--color-primary);
}
.chain-status {
font-size: 0.875rem;
display: flex;
align-items: center;
gap: 0.25rem;
}
.chain-status i {
font-size: 0.75rem;
}
.proposal-info {
color: #6c757d;
font-size: 0.8rem;
}
.error-info {
color: #dc3545;
font-size: 0.8rem;
}
.close-btn {
background: none;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: #666;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s;
}
.close-btn:hover {
background: #f0f0f0;
color: #333;
}
.auth-notice {
margin-top: 2rem;
}
/* Адаптивность */
@media (max-width: 768px) {
.transfer-tokens-page {
padding: 15px;
}
.form-container {
padding: 1.5rem;
}
.form-actions {
flex-direction: column;
}
.btn-primary,
.btn-secondary {
width: 100%;
justify-content: center;
}
}
</style>

View File

@@ -2506,9 +2506,9 @@ prelude-ls@^1.2.1:
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
prettier-linter-helpers@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
version "1.0.1"
resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz#6a31f88a4bad6c7adda253de12ba4edaea80ebcd"
integrity sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==
dependencies:
fast-diff "^1.1.2"