digiops/marketing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
root
2025-12-07 18:28:41 +05:00
parent 855a0d595e
commit 4ced171011
5 changed files with 597 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/service/MarketingService.js
+3 -3
View File
@@ -387,8 +387,8 @@ class MarketingService {
/**
* Сохранение/обновление credentials для социальной сети
* POST /api/social-media/credentials
* @param {string} platform - Название платформы (facebook, instagram, etc.)
* @param {string} credentials - Access token или другие credentials
* @param {string} platform - Название платформы (facebook, instagram, telegram, etc.)
* @param {string|Object} credentials - Access token (строка) для простых платформ или объект для сложных (например, {botToken, chatId} для Telegram)
* @returns {Promise<Object>} Объект с информацией о сохраненных credentials
*/
async saveCredentials(platform, credentials) {
@@ -398,7 +398,7 @@ class MarketingService {
...DEFAULT_REQUEST_CONFIG,
body: JSON.stringify({
platform: platform,
credentials: credentials
credentials: credentials // Может быть строкой или объектом
})
});
src/views/pages/marketing/MarketingAnalysis.vue
+51 -10
View File
@@ -190,7 +190,8 @@
<h3 class="text-xl font-semibold text-surface-900 dark:text-surface-0">Краткое резюме</h3>
</div>
<div class="card-content">
<p class="text-surface-700 dark:text-surface-300 whitespace-pre-line">{{ report.summary }}</p>
<div v-if="report.summary" class="markdown-content" v-html="renderedSummary"></div>
<div v-else class="text-surface-500 dark:text-surface-400">Резюме недоступно</div>
</div>
</div>
@@ -283,7 +284,7 @@ import Tag from 'primevue/tag';
import Textarea from 'primevue/textarea';
import Toast from 'primevue/toast';
import { useToast } from 'primevue/usetoast';
import { onBeforeUnmount, onMounted, ref } from 'vue';
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
const toast = useToast();
@@ -662,23 +663,27 @@ const resetAnalysis = () => {
errors.value = {};
};
// Configure marked options
marked.setOptions({
breaks: true,
gfm: true
});
// Render markdown to HTML
const renderMarkdown = (markdown) => {
if (!markdown) return '';
if (!markdown || typeof markdown !== 'string') {
return '';
}
try {
return marked.parse(markdown);
// В marked v17 используется marked.parse() с опциями вторым параметром
return marked.parse(markdown, { breaks: true, gfm: true });
} catch (error) {
console.error('Error rendering markdown:', error);
// В случае ошибки возвращаем исходный текст
return markdown;
}
};
// Computed свойство для рендеринга summary
const renderedSummary = computed(() => {
if (!report.value || !report.value.summary) return '';
return renderMarkdown(report.value.summary);
});
// Get analysis type label
const getAnalysisTypeLabel = (type) => {
const labels = {
@@ -912,4 +917,40 @@ onBeforeUnmount(() => {
background-color: transparent;
padding: 0;
}
.markdown-content :deep(table) {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid var(--surface-border);
border-radius: 0.5rem;
overflow: hidden;
}
.markdown-content :deep(thead) {
background-color: var(--surface-100);
}
.markdown-content :deep(th) {
padding: 0.75rem 1rem;
text-align: left;
font-weight: 600;
color: var(--text-color);
border-bottom: 2px solid var(--surface-border);
}
.markdown-content :deep(td) {
padding: 0.75rem 1rem;
border-bottom: 1px solid var(--surface-border);
color: var(--text-color);
}
.markdown-content :deep(tr:last-child td) {
border-bottom: none;
}
.markdown-content :deep(tr:hover) {
background-color: var(--surface-50);
}
</style>
src/views/pages/marketing/MarketingCredentials.vue
+95 -75
View File
@@ -12,49 +12,47 @@
<div class="grid">
<div class="col-12 md:col-4">
<div class="field">
<label for="platform" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300">
Платформа <span class="text-red-500">*</span>
</label>
<Dropdown
id="platform"
v-model="formData.platform"
:options="platformOptions"
placeholder="Выберите платформу"
class="w-full"
:class="{ 'p-invalid': errors.platform }"
/>
<label for="platform" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Платформа <span class="text-red-500">*</span> </label>
<Dropdown id="platform" v-model="formData.platform" :options="platformOptions" placeholder="Выберите платформу" class="w-full" :class="{ 'p-invalid': errors.platform }" />
<small v-if="errors.platform" class="p-error">{{ errors.platform }}</small>
</div>
</div>
<div class="col-12 md:col-6">
<div class="field">
<label for="credentials" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300">
Access Token <span class="text-red-500">*</span>
</label>
<InputText
id="credentials"
v-model="formData.credentials"
type="password"
placeholder="Введите access token"
class="w-full"
:class="{ 'p-invalid': errors.credentials }"
/>
<small v-if="errors.credentials" class="p-error">{{ errors.credentials }}</small>
<small class="text-surface-500 dark:text-surface-400 mt-1 block">
Токен будет зашифрован перед сохранением
</small>
<!-- Поля для простых платформ (Facebook, LinkedIn, etc.) -->
<template v-if="formData.platform && formData.platform !== 'telegram'">
<div class="col-12 md:col-6">
<div class="field">
<label for="credentials" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Access Token <span class="text-red-500">*</span> </label>
<InputText id="credentials" v-model="formData.credentials" type="password" placeholder="Введите access token" class="w-full" :class="{ 'p-invalid': errors.credentials }" />
<small v-if="errors.credentials" class="p-error">{{ errors.credentials }}</small>
<small class="text-surface-500 dark:text-surface-400 mt-1 block"> Токен будет зашифрован перед сохранением </small>
</div>
</div>
</div>
</template>
<!-- Поля для Telegram -->
<template v-if="formData.platform === 'telegram'">
<div class="col-12 md:col-3">
<div class="field">
<label for="botToken" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Bot Token <span class="text-red-500">*</span> </label>
<InputText id="botToken" v-model="formData.botToken" type="password" placeholder="Введите bot token от @BotFather" class="w-full" :class="{ 'p-invalid': errors.botToken }" />
<small v-if="errors.botToken" class="p-error">{{ errors.botToken }}</small>
<small class="text-surface-500 dark:text-surface-400 mt-1 block"> Токен бота, полученный от @BotFather </small>
</div>
</div>
<div class="col-12 md:col-3">
<div class="field">
<label for="chatId" class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300"> Chat ID <span class="text-red-500">*</span> </label>
<InputText id="chatId" v-model="formData.chatId" type="text" placeholder="Введите chat ID (например: -1001234567890)" class="w-full" :class="{ 'p-invalid': errors.chatId }" />
<small v-if="errors.chatId" class="p-error">{{ errors.chatId }}</small>
<small class="text-surface-500 dark:text-surface-400 mt-1 block"> ID чата/канала (может быть отрицательным для групп и каналов) </small>
</div>
</div>
</template>
<div class="col-12 md:col-2">
<div class="field">
<label class="block text-sm font-medium mb-2 text-surface-700 dark:text-surface-300">&nbsp;</label>
<Button
type="submit"
label="Сохранить"
icon="pi pi-save"
class="w-full"
:loading="saving"
/>
<Button type="submit" label="Сохранить" icon="pi pi-save" class="w-full" :loading="saving" />
</div>
</div>
</div>
@@ -70,15 +68,7 @@
</div>
</div>
<div class="card-content">
<DataTable
:value="credentials"
:loading="loading"
paginator
:rows="10"
:rowsPerPageOptions="[5, 10, 20]"
dataKey="platform"
:emptyMessage="'Нет настроенных платформ'"
>
<DataTable :value="credentials" :loading="loading" paginator :rows="10" :rowsPerPageOptions="[5, 10, 20]" dataKey="platform" :emptyMessage="'Нет настроенных платформ'">
<Column field="platform" header="Платформа" :sortable="true" style="min-width: 150px">
<template #body="slotProps">
<Tag :value="slotProps.data.platform" severity="info" />
@@ -87,10 +77,7 @@
<Column field="hasCredentials" header="Статус" :sortable="true" style="min-width: 120px">
<template #body="slotProps">
<Tag
:value="slotProps.data.hasCredentials ? 'Настроено' : 'Не настроено'"
:severity="slotProps.data.hasCredentials ? 'success' : 'warning'"
/>
<Tag :value="slotProps.data.hasCredentials ? 'Настроено' : 'Не настроено'" :severity="slotProps.data.hasCredentials ? 'success' : 'warning'" />
</template>
</Column>
@@ -110,14 +97,7 @@
<Column header="Действия" style="min-width: 150px">
<template #body="slotProps">
<Button
icon="pi pi-trash"
severity="danger"
size="small"
v-tooltip.top="'Удалить credentials'"
@click="confirmDelete(slotProps.data.platform)"
:disabled="!slotProps.data.hasCredentials"
/>
<Button icon="pi pi-trash" severity="danger" size="small" v-tooltip.top="'Удалить credentials'" @click="confirmDelete(slotProps.data.platform)" :disabled="!slotProps.data.hasCredentials" />
</template>
</Column>
</DataTable>
@@ -126,15 +106,13 @@
</div>
<!-- Диалог подтверждения удаления -->
<Dialog
v-model:visible="deleteDialogVisible"
:header="'Подтверждение удаления'"
:style="{ width: '450px' }"
:modal="true"
>
<Dialog v-model:visible="deleteDialogVisible" :header="'Подтверждение удаления'" :style="{ width: '450px' }" :modal="true">
<div class="confirmation-content">
<i class="pi pi-exclamation-triangle mr-3" style="font-size: 2rem" />
<span>Вы уверены, что хотите удалить credentials для платформы <b>{{ platformToDelete }}</b>?</span>
<span
>Вы уверены, что хотите удалить credentials для платформы <b>{{ platformToDelete }}</b
>?</span
>
</div>
<template #footer>
<Button label="Отмена" icon="pi pi-times" @click="deleteDialogVisible = false" severity="secondary" />
@@ -155,14 +133,16 @@ import InputText from 'primevue/inputtext';
import Tag from 'primevue/tag';
import Toast from 'primevue/toast';
import { useToast } from 'primevue/usetoast';
import { onMounted, ref } from 'vue';
import { onMounted, ref, watch } from 'vue';
const toast = useToast();
// Form data
const formData = ref({
platform: null,
credentials: ''
credentials: '', // Для простых платформ (facebook, linkedin, etc.)
botToken: '', // Для Telegram
chatId: '' // Для Telegram
});
const platformOptions = ['facebook', 'instagram', 'linkedin', 'telegram', 'tiktok', 'youtube'];
@@ -185,10 +165,24 @@ const validateForm = () => {
errors.value.platform = 'Пожалуйста, выберите платформу';
}
if (!formData.value.credentials || formData.value.credentials.trim().length === 0) {
errors.value.credentials = 'Access token обязателен';
} else if (formData.value.credentials.trim().length < 10) {
errors.value.credentials = 'Access token слишком короткий';
// Валидация для Telegram
if (formData.value.platform === 'telegram') {
if (!formData.value.botToken || formData.value.botToken.trim().length === 0) {
errors.value.botToken = 'Bot token обязателен';
} else if (formData.value.botToken.trim().length < 10) {
errors.value.botToken = 'Bot token слишком короткий';
}
if (!formData.value.chatId || formData.value.chatId.trim().length === 0) {
errors.value.chatId = 'Chat ID обязателен';
}
} else {
// Валидация для остальных платформ
if (!formData.value.credentials || formData.value.credentials.trim().length === 0) {
errors.value.credentials = 'Access token обязателен';
} else if (formData.value.credentials.trim().length < 10) {
errors.value.credentials = 'Access token слишком короткий';
}
}
return Object.keys(errors.value).length === 0;
@@ -228,7 +222,20 @@ const handleSaveCredentials = async () => {
saving.value = true;
try {
await MarketingService.saveCredentials(formData.value.platform, formData.value.credentials.trim());
// Подготовка credentials в зависимости от платформы
let credentialsToSave;
if (formData.value.platform === 'telegram') {
// Для Telegram отправляем объект
credentialsToSave = {
botToken: formData.value.botToken.trim(),
chatId: formData.value.chatId.trim()
};
} else {
// Для остальных платформ отправляем строку
credentialsToSave = formData.value.credentials.trim();
}
await MarketingService.saveCredentials(formData.value.platform, credentialsToSave);
toast.add({
severity: 'success',
summary: 'Успешно',
@@ -239,7 +246,9 @@ const handleSaveCredentials = async () => {
// Reset form
formData.value = {
platform: null,
credentials: ''
credentials: '',
botToken: '',
chatId: ''
};
errors.value = {};
@@ -247,7 +256,7 @@ const handleSaveCredentials = async () => {
await loadCredentials();
} catch (error) {
console.error('Ошибка при сохранении credentials:', error);
// Handle specific error codes
if (error.code === 'VALIDATION_ERROR') {
toast.add({
@@ -304,7 +313,7 @@ const handleDeleteCredentials = async () => {
await loadCredentials();
} catch (error) {
console.error('Ошибка при удалении credentials:', error);
if (error.code === 'NOT_FOUND') {
toast.add({
severity: 'warn',
@@ -345,6 +354,18 @@ const formatDateTime = (dateString) => {
});
};
// Watch platform changes to reset form fields
watch(
() => formData.value.platform,
(newPlatform) => {
// Сброс полей при смене платформы
formData.value.credentials = '';
formData.value.botToken = '';
formData.value.chatId = '';
errors.value = {};
}
);
// Load on mount
onMounted(() => {
loadCredentials();
@@ -381,4 +402,3 @@ onMounted(() => {
gap: 1rem;
}
</style>