feat: новая функция

This commit is contained in:
2025-10-17 16:38:54 +03:00
parent 927d174f66
commit e2471e127d
12 changed files with 593 additions and 420 deletions

View File

@@ -30,6 +30,8 @@
:canSend="true"
:canGenerateAI="false"
:canSelectMessages="false"
:isPrivateChat="true"
:currentUserId="currentUserId"
@send-message="handleSendMessage"
@update:newMessage="val => chatNewMessage = val"
@update:attachments="val => chatAttachments = val"
@@ -44,12 +46,15 @@ import { ref, onMounted, computed } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import BaseLayout from '../components/BaseLayout.vue';
import ChatInterface from '../components/ChatInterface.vue';
import adminChatService from '../services/adminChatService.js';
import { getPrivateMessages, sendPrivateMessage, getPrivateConversations, markPrivateMessagesAsRead } from '../services/messagesService.js';
import { useAuthContext } from '@/composables/useAuth';
const route = useRoute();
const router = useRouter();
const { userId } = useAuthContext();
const adminId = computed(() => route.params.adminId);
const currentUserId = computed(() => userId.value);
const messages = ref([]);
const chatAttachments = ref([]);
const chatNewMessage = ref('');
@@ -60,12 +65,35 @@ async function loadMessages() {
try {
isLoadingMessages.value = true;
console.log('[AdminChatView] Загружаем сообщения для админа:', adminId.value);
console.log('[AdminChatView] Загружаем приватные сообщения для админа:', adminId.value);
const response = await adminChatService.getMessages(adminId.value);
console.log('[AdminChatView] Получен ответ:', response);
// Получаем приватные чаты пользователя
const conversationsResponse = await getPrivateConversations();
console.log('[AdminChatView] Приватные чаты:', conversationsResponse);
// Находим чат с нужным админом
const conversation = conversationsResponse.conversations?.find(conv =>
conv.user_id == adminId.value
);
if (conversation) {
// Загружаем историю чата
const messagesResponse = await getPrivateMessages(conversation.conversation_id);
console.log('[AdminChatView] История чата:', messagesResponse);
messages.value = messagesResponse?.messages || [];
// Отмечаем сообщения как прочитанные
try {
await markPrivateMessagesAsRead(conversation.conversation_id);
console.log('[AdminChatView] Сообщения отмечены как прочитанные');
} catch (error) {
console.error('[AdminChatView] Ошибка отметки сообщений как прочитанных:', error);
}
} else {
messages.value = [];
}
messages.value = response?.messages || [];
console.log('[AdminChatView] Загружено сообщений:', messages.value.length);
} catch (error) {
console.error('[AdminChatView] Ошибка загрузки сообщений:', error);
@@ -79,9 +107,12 @@ async function handleSendMessage({ message, attachments }) {
if (!message.trim() || !adminId.value) return;
try {
console.log('[AdminChatView] Отправляем сообщение:', message, 'админу:', adminId.value);
console.log('[AdminChatView] Отправляем приватное сообщение:', message, 'админу:', adminId.value);
await adminChatService.sendMessage(adminId.value, message, attachments);
await sendPrivateMessage({
recipientId: parseInt(adminId.value),
content: message
});
// Очищаем поле ввода
chatNewMessage.value = '';

View File

@@ -37,7 +37,7 @@
<div class="message-preview">{{ message.last_message || 'Нет сообщений' }}</div>
<div class="message-date">{{ formatDate(message.last_message_at) }}</div>
</div>
<el-button type="primary" size="small" @click="openPersonalChat(message.id)">
<el-button type="primary" size="small" @click="openPersonalChat(message)">
Открыть
</el-button>
</div>
@@ -51,7 +51,7 @@ import { useRouter, useRoute } from 'vue-router';
import BaseLayout from '../components/BaseLayout.vue';
import adminChatService from '../services/adminChatService.js';
import { usePermissions } from '@/composables/usePermissions';
import { getPrivateMessages } from '../services/messagesService';
import { getPrivateConversations } from '../services/messagesService';
const router = useRouter();
const route = useRoute();
@@ -66,41 +66,43 @@ let ws = null;
async function fetchPersonalMessages() {
try {
isLoading.value = true;
console.log('[PersonalMessagesView] Загружаем приватные сообщения...');
console.log('[PersonalMessagesView] Загружаем приватные чаты...');
// Загружаем приватные сообщения через новый API с пагинацией
const response = await getPrivateMessages({ limit: 100, offset: 0 });
console.log('[PersonalMessagesView] Загружено приватных сообщений:', response.messages?.length || 0);
// Загружаем приватные чаты через новый API
const response = await getPrivateConversations();
console.log('[PersonalMessagesView] Загружено приватных чатов:', response.conversations?.length || 0);
const privateMessages = response.success && response.messages ? response.messages : [];
const conversations = response.success && response.conversations ? response.conversations : [];
// Группируем сообщения по отправителям для отображения списка бесед
const messageGroups = {};
privateMessages.forEach(msg => {
const senderId = msg.sender_id || 'unknown';
if (!messageGroups[senderId]) {
messageGroups[senderId] = {
id: senderId,
name: `Админ ${senderId}`,
last_message: msg.content,
last_message_at: msg.created_at,
messages: []
};
}
messageGroups[senderId].messages.push(msg);
// Обновляем последнее сообщение
if (new Date(msg.created_at) > new Date(messageGroups[senderId].last_message_at)) {
messageGroups[senderId].last_message = msg.content;
messageGroups[senderId].last_message_at = msg.created_at;
}
console.log('[PersonalMessagesView] Полученные conversations:', conversations);
// Проверяем, что у нас есть данные
if (!conversations || conversations.length === 0) {
console.log('[PersonalMessagesView] Нет приватных чатов');
personalMessages.value = [];
newMessagesCount.value = 0;
return;
}
// Формируем список бесед
personalMessages.value = conversations.map(conv => {
console.log('[PersonalMessagesView] Обрабатываем conversation:', conv);
return {
id: conv.conversation_id,
conversation_id: conv.conversation_id,
user_id: conv.user_id,
name: conv.title || `Чат с пользователем ${conv.user_id}`,
last_message: 'Приватный чат',
last_message_at: conv.updated_at,
message_count: conv.message_count || 0
};
});
personalMessages.value = Object.values(messageGroups);
newMessagesCount.value = personalMessages.value.length;
console.log('[PersonalMessagesView] Сформировано бесед:', personalMessages.value.length);
} catch (error) {
console.error('[PersonalMessagesView] Ошибка загрузки приватных сообщений:', error);
console.error('[PersonalMessagesView] Ошибка загрузки приватных чатов:', error);
personalMessages.value = [];
} finally {
isLoading.value = false;
@@ -156,9 +158,19 @@ function disconnectWebSocket() {
}
}
function openPersonalChat(adminId) {
console.log('[PersonalMessagesView] Открываем приватный чат с админом:', adminId);
router.push({ name: 'admin-chat', params: { adminId } });
function openPersonalChat(conversation) {
console.log('[PersonalMessagesView] Открываем приватный чат:', conversation);
// Проверяем, что у нас есть user_id
if (!conversation.user_id) {
console.error('[PersonalMessagesView] Ошибка: user_id не найден в conversation:', conversation);
return;
}
// Переходим к чату с ID админа (user_id в conversation)
const adminId = parseInt(conversation.user_id);
console.log('[PersonalMessagesView] Переходим к чату с adminId:', adminId);
router.push({ name: 'admin-chat', params: { adminId: adminId } });
}
function goBack() {