From 010c9c8fac683ae3852931a2a2f6f87375dbcd4c Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Fri, 15 May 2026 22:21:20 +0000 Subject: [PATCH] feat(history): editable project name, related files downloads, fix step2 navigation Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/api/graph.js | 14 ++ frontend/src/components/HistoryDatabase.vue | 226 +++++++++++++++++++- locales/ca.json | 12 +- locales/en.json | 12 +- locales/es.json | 12 +- locales/zh.json | 12 +- 6 files changed, 273 insertions(+), 15 deletions(-) diff --git a/frontend/src/api/graph.js b/frontend/src/api/graph.js index 2f69efe4..238b704d 100644 --- a/frontend/src/api/graph.js +++ b/frontend/src/api/graph.js @@ -110,3 +110,17 @@ export function listProjects(limit = 50) { method: 'get' }) } + +/** + * Actualitza el nom d'un projecte + * @param {String} projectId + * @param {String} name + * @returns {Promise} + */ +export function updateProjectName(projectId, name) { + return service({ + url: `/api/graph/project/${projectId}`, + method: 'patch', + data: { name } + }) +} diff --git a/frontend/src/components/HistoryDatabase.vue b/frontend/src/components/HistoryDatabase.vue index 1e022baa..b58c4819 100644 --- a/frontend/src/components/HistoryDatabase.vue +++ b/frontend/src/components/HistoryDatabase.vue @@ -95,6 +95,9 @@ + + +
@@ -114,7 +117,20 @@
- {{ selectedProject.name || (selectedProject.project_id || '').slice(0, 8) }} + + {{ selectedProject.name || (selectedProject.project_id || '').slice(0, 8) }} + ✎ + + ● {{ formatRounds(selectedProject) }} @@ -134,11 +150,37 @@
{{ $t('history.relatedFiles') }}
-
-
- {{ getFileTypeLabel(file.filename) }} - {{ file.filename }} -
+
+ + SRC + {{ selectedProject.files[0].filename }} + ↓ + + + RPT + {{ $t('history.finalReport') }} + ↓ + + + LOG + {{ $t('history.simLog') }} + ↓ +
{{ $t('history.noRelatedFiles') }}
@@ -165,7 +207,7 @@
+ + + + +
+
+
+ {{ $t('history.deleteProject') }} + +
+
+

+ {{ $t('history.deleteConfirm', { title: getSimulationTitle(deleteConfirmProject.simulation_requirement) }) }} +

+
+
+ + +
+
+
+ +
@@ -196,7 +261,7 @@ import { ref, computed, onMounted, onUnmounted, onActivated, watch, nextTick } from 'vue' import { useRouter, useRoute } from 'vue-router' import { useI18n } from 'vue-i18n' -import { listProjects } from '../api/graph' +import { listProjects, deleteProject, updateProjectName } from '../api/graph' import { getReportBySimulation } from '../api/report' const router = useRouter() @@ -210,6 +275,10 @@ const isExpanded = ref(false) const hoveringCard = ref(null) const historyContainer = ref(null) const selectedProject = ref(null) // 当前选中的项目（用于弹窗） +const deleteConfirmProject = ref(null) // project pending delete confirmation +const editingName = ref(false) +const editedName = ref('') +const nameInput = ref(null) let observer = null let isAnimating = false // 动画锁，防止闪烁 let expandDebounceTimer = null // 防抖定时器 @@ -406,6 +475,55 @@ const closeModal = () => { selectedProject.value = null } +const confirmDelete = (project) => { + deleteConfirmProject.value = project +} + +const cancelDelete = () => { + deleteConfirmProject.value = null +} + +const doDelete = async () => { + const project = deleteConfirmProject.value + deleteConfirmProject.value = null + try { + await deleteProject(project.project_id) + projects.value = projects.value.filter(p => p.project_id !== project.project_id) + } catch (e) { + console.error('Delete project failed', e) + } +} + +const hasRelatedFiles = (project) => { + if (!project) return false + return (project.files && project.files.length > 0) || !!project.last_simulation_id +} + +const startEditName = () => { + editedName.value = selectedProject.value?.name || '' + editingName.value = true + nextTick(() => nameInput.value?.focus()) +} + +const saveEditedName = async () => { + const name = editedName.value.trim() + editingName.value = false + if (!name || !selectedProject.value) return + if (name === selectedProject.value.name) return + try { + await updateProjectName(selectedProject.value.project_id, name) + selectedProject.value = { ...selectedProject.value, name } + const idx = projects.value.findIndex(p => p.project_id === selectedProject.value.project_id) + if (idx !== -1) projects.value[idx] = { ...projects.value[idx], name } + } catch (e) { + console.error('Failed to update project name', e) + } +} + +const cancelEditName = () => { + editingName.value = false +} + // 导航到图谱构建页面（Project） const goToProject = () => { if (selectedProject.value?.project_id) { @@ -419,10 +537,10 @@ const goToProject = () => { // 导航到环境配置页面（Simulation） const goToSimulation = () => { - if (selectedProject.value?.graph_id) { + if (selectedProject.value?.last_simulation_id) { router.push({ - name: 'Process', - params: { projectId: selectedProject.value.project_id } + name: 'Simulation', + params: { simulationId: selectedProject.value.last_simulation_id } }) closeModal() } @@ -1354,4 +1472,90 @@ onUnmounted(() => { text-align: center; line-height: 1.5; } + +/* Delete button on project card */ +.card-delete-btn { + position: absolute; + top: 6px; + right: 6px; + width: 20px; + height: 20px; + border: 1px solid #D1D5DB; + background: #fff; + color: #9CA3AF; + font-size: 0.95rem; + line-height: 1; + cursor: pointer; + border-radius: 3px; + display: flex; + align-items: center; + justify-content: center; + opacity: 0.55; + transition: opacity 0.15s, color 0.15s, background 0.15s, border-color 0.15s; + z-index: 20; +} + +.card-delete-btn:hover { + opacity: 1; + color: #EF4444; + border-color: #EF4444; + background: rgba(239, 68, 68, 0.06); +} + +/* Delete confirmation modal */ +.delete-confirm-modal { + max-width: 380px; +} + +.delete-confirm-text { + font-family: 'JetBrains Mono', monospace; + font-size: 0.85rem; + color: #D1D5DB; + line-height: 1.6; + margin: 0; +} + +.btn-delete-confirm { + background: rgba(239, 68, 68, 0.15); + border-color: rgba(239, 68, 68, 0.4); + color: #EF4444; +} + +.btn-delete-confirm:hover:not(:disabled) { + background: rgba(239, 68, 68, 0.25); + border-color: rgba(239, 68, 68, 0.7); +} + +.modal-name-input { + font-family: 'JetBrains Mono', monospace; + font-size: 1rem; + font-weight: 600; + color: #111827; + border: 1px solid #D1D5DB; + border-radius: 4px; + padding: 2px 8px; + outline: none; + width: 260px; +} + +.modal-name-input:focus { + border-color: #3B82F6; +} + +.modal-file-link { + text-decoration: none; + color: inherit; + cursor: pointer; +} + +.modal-file-link:hover { + border-color: #3B82F6; + background: #EFF6FF; +} + +.file-download-icon { + margin-left: auto; + font-size: 0.85rem; + color: #9CA3AF; +} diff --git a/locales/ca.json b/locales/ca.json index 03c54491..9b7f8728 100644 --- a/locales/ca.json +++ b/locales/ca.json @@ -390,7 +390,16 @@ "notStarted": "No iniciat", "roundsProgress": "{current}/{total} rondes", "untitledSimulation": "Simulació sense títol", - "unknownFile": "Fitxer desconegut" + "unknownFile": "Fitxer desconegut", + "deleteProject": "Elimina el projecte", + "deleteConfirm": "Elimines \"{title}\" i totes les seves simulacions?", + "deleteConfirmYes": "Elimina", + "deleteConfirmNo": "Cancel·la", + "editName": "Edita el nom", + "namePlaceholder": "Nom del projecte", + "sourceDoc": "Document original", + "finalReport": "Informe final", + "simLog": "Log de simulació" }, "api": { "projectNotFound": "Projecte no trobat: {id}", @@ -616,6 +625,7 @@ "stopFailed": "Error en aturar: {error}", "stopException": "Excepció en aturar: {error}", "allPlatformsCompleted": "✓ Totes les simulacions de plataforma han finalitzat", + "simEndedWithError": "⚠ La simulació ha finalitzat amb un error — els resultats parcials estan disponibles per generar l'informe.", "simCompleted": "✓ Simulació completada", "reportRequestSent": "Sol·licitud de generació de l'informe enviada, espera...", "startingReportGen": "Iniciant la generació de l'informe...", diff --git a/locales/en.json b/locales/en.json index f423841b..c55e1f03 100644 --- a/locales/en.json +++ b/locales/en.json @@ -400,7 +400,16 @@ "notStarted": "Not started", "roundsProgress": "{current}/{total} rounds", "untitledSimulation": "Untitled simulation", - "unknownFile": "Unknown file" + "unknownFile": "Unknown file", + "deleteProject": "Delete project", + "deleteConfirm": "Delete \"{title}\" and all its simulations?", + "deleteConfirmYes": "Delete", + "deleteConfirmNo": "Cancel", + "editName": "Edit name", + "namePlaceholder": "Project name", + "sourceDoc": "Source document", + "finalReport": "Final report", + "simLog": "Simulation log" }, "api": { "projectNotFound": "Project not found: {id}", @@ -635,6 +644,7 @@ "stopFailed": "Stop failed: {error}", "stopException": "Stop error: {error}", "allPlatformsCompleted": "✓ All platform simulations have ended", + "simEndedWithError": "⚠ Simulation ended with an error — partial results are available for report generation.", "simCompleted": "✓ Simulation completed", "reportRequestSent": "Report generation request sent, please wait...", "startingReportGen": "Starting report generation...", diff --git a/locales/es.json b/locales/es.json index 076748bc..c2905086 100644 --- a/locales/es.json +++ b/locales/es.json @@ -390,7 +390,16 @@ "notStarted": "Sin iniciar", "roundsProgress": "{current}/{total} rondas", "untitledSimulation": "Simulación sin título", - "unknownFile": "Archivo desconocido" + "unknownFile": "Archivo desconocido", + "deleteProject": "Eliminar proyecto", + "deleteConfirm": "¿Eliminar \"{title}\" y todas sus simulaciones?", + "deleteConfirmYes": "Eliminar", + "deleteConfirmNo": "Cancelar", + "editName": "Editar nombre", + "namePlaceholder": "Nombre del proyecto", + "sourceDoc": "Documento original", + "finalReport": "Informe final", + "simLog": "Log de simulación" }, "api": { "projectNotFound": "Proyecto no encontrado: {id}", @@ -616,6 +625,7 @@ "stopFailed": "Error al detener: {error}", "stopException": "Excepción al detener: {error}", "allPlatformsCompleted": "✓ Todas las simulaciones de plataforma han finalizado", + "simEndedWithError": "⚠ La simulación ha finalizado con un error — los resultados parciales están disponibles para generar el informe.", "simCompleted": "✓ Simulación completada", "reportRequestSent": "Solicitud de generación de informe enviada, por favor esperá...", "startingReportGen": "Iniciando generación de informe...", diff --git a/locales/zh.json b/locales/zh.json index 20cb1dd5..671c772c 100644 --- a/locales/zh.json +++ b/locales/zh.json @@ -400,7 +400,16 @@ "notStarted": "未开始", "roundsProgress": "{current}/{total} 轮", "untitledSimulation": "未命名模拟", - "unknownFile": "未知文件" + "unknownFile": "未知文件", + "deleteProject": "删除项目", + "deleteConfirm": "删除「{title}」及其所有模拟？", + "deleteConfirmYes": "删除", + "deleteConfirmNo": "取消", + "editName": "编辑名称", + "namePlaceholder": "项目名称", + "sourceDoc": "原始文档", + "finalReport": "最终报告", + "simLog": "模拟日志" }, "api": { "projectNotFound": "项目不存在: {id}", @@ -635,6 +644,7 @@ "stopFailed": "停止失败: {error}", "stopException": "停止异常: {error}", "allPlatformsCompleted": "✓ 检测到所有平台模拟已结束", + "simEndedWithError": "⚠ 模拟因错误终止 — 部分结果可用于生成报告。", "simCompleted": "✓ 模拟已完成", "reportRequestSent": "报告生成请求已发送，请稍候...", "startingReportGen": "正在启动报告生成...",