前端区分任务是否提交

This commit is contained in:
xunbu
2025-07-14 18:09:00 +08:00
parent c9d18bc45c
commit 9a7f8d61d4

View File

@@ -481,7 +481,7 @@
<!-- Bootstrap JS -->
<script src="/static/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script type="module">
<script type="module">
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
@@ -548,21 +548,8 @@
// --- Utility Functions ---
const generateTaskId = () => Math.random().toString(36).substring(2, 10);
const saveToStorage = (key, value) => {
try {
localStorage.setItem(key, value);
} catch (e) {
console.warn("Save to storage failed:", e);
}
};
const getFromStorage = (key, defaultValue = '') => {
try {
return localStorage.getItem(key) || defaultValue;
} catch (e) {
console.warn("Read from storage failed:", e);
return defaultValue;
}
};
const saveToStorage = (key, value) => { try { localStorage.setItem(key, value); } catch (e) { console.warn("Save to storage failed:", e); } };
const getFromStorage = (key, defaultValue = '') => { try { return localStorage.getItem(key) || defaultValue; } catch (e) { console.warn("Read from storage failed:", e); return defaultValue; } };
function fileToBase64(file) {
return new Promise((resolve, reject) => {
@@ -680,6 +667,7 @@
file: null,
htmlUrl: null,
fileNameStem: null,
isSubmitted: false // MODIFICATION 1: Add isSubmitted flag
},
intervals: {
log: null,
@@ -709,7 +697,7 @@
}
function addEventListenersToCard(taskId) {
const {elements, state} = tasks[taskId];
const { elements, state } = tasks[taskId];
elements.removeBtn.addEventListener('click', () => removeTask(taskId));
@@ -746,7 +734,7 @@
}
function handleFileSelect(taskId) {
const {elements, state} = tasks[taskId];
const { elements, state } = tasks[taskId];
const file = elements.fileInput.files[0];
if (file) {
state.file = file;
@@ -761,7 +749,7 @@
// --- Core Translation Logic ---
async function startTranslation(taskId) {
const {elements, state} = tasks[taskId];
const { elements, state } = tasks[taskId];
// --- Validation ---
if (!state.file) {
@@ -803,6 +791,8 @@
try {
const fileContentBase64 = await fileToBase64(state.file);
state.isSubmitted = true; // MODIFICATION 2: Mark task as submitted before sending request
const payload = {
task_id: taskId,
base_url: baseUrlInput.value,
@@ -824,7 +814,7 @@
const response = await fetch('/service/translate', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
const result = await response.json();
@@ -852,12 +842,12 @@
}
async function cancelTranslation(taskId) {
const {elements} = tasks[taskId];
const { elements } = tasks[taskId];
elements.startBtn.disabled = true;
elements.startBtn.innerHTML = `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 正在取消...`;
try {
const response = await fetch(`/service/cancel/${taskId}`, {method: 'POST'});
const response = await fetch(`/service/cancel/${taskId}`, { method: 'POST' });
const result = await response.json();
if (response.ok && result.cancelled) {
@@ -877,7 +867,7 @@
// --- Polling ---
function startPolling(taskId) {
stopPolling(taskId);
const {intervals} = tasks[taskId];
const { intervals } = tasks[taskId];
intervals.log = setInterval(() => pollLogs(taskId), 2000);
intervals.status = setInterval(() => pollStatus(taskId), 1500);
pollLogs(taskId);
@@ -885,7 +875,7 @@
}
function stopPolling(taskId) {
const {intervals} = tasks[taskId];
const { intervals } = tasks[taskId];
if (intervals.log) clearInterval(intervals.log);
if (intervals.status) clearInterval(intervals.status);
intervals.log = null;
@@ -893,7 +883,7 @@
}
async function pollLogs(taskId) {
const {elements} = tasks[taskId];
const { elements } = tasks[taskId];
try {
const response = await fetch(`/service/logs/${taskId}`);
if (!response.ok) return;
@@ -908,12 +898,13 @@
}
async function pollStatus(taskId, isRestore = false) {
const {elements, state} = tasks[taskId];
const { elements, state } = tasks[taskId];
try {
const response = await fetch(`/service/status/${taskId}`);
if (!response.ok) {
// If 404 on restore, it means the task is old and gone from server. Remove it.
if (response.status === 404 && isRestore) {
// MODIFICATION 3: Only remove task if it was already submitted
// An unsubmitted task will have `state.isSubmitted = false`, and will not be removed.
if (response.status === 404 && isRestore && state.isSubmitted) {
removeTask(taskId);
}
return;
@@ -967,7 +958,7 @@
// --- Download and Preview ---
function setupPreview(taskId) {
const {state} = tasks[taskId];
const { state } = tasks[taskId];
if (!state.htmlUrl) return;
// Clear previous content
@@ -1021,14 +1012,12 @@
try {
translatedPreviewFrame.contentWindow.focus();
translatedPreviewFrame.contentWindow.print();
} catch (e) {
alert('打印失败,请使用浏览器打印功能。');
}
} catch(e) { alert('打印失败,请使用浏览器打印功能。'); }
};
}
function downloadPdf(taskId) {
const {elements, state} = tasks[taskId];
const { elements, state } = tasks[taskId];
if (!state.htmlUrl) return;
elements.pdfBtn.disabled = true;
@@ -1157,9 +1146,7 @@
platformSelect.addEventListener('change', updatePlatformUI);
apikeyInput.addEventListener('input', e => saveToStorage(`translator_platform_${platformSelect.value}_apikey`, e.target.value));
modelInput.addEventListener('input', e => saveToStorage(`translator_platform_${platformSelect.value}_model_id`, e.target.value));
baseUrlInput.addEventListener('input', e => {
if (platformSelect.value === 'custom') saveToStorage('translator_platform_custom_base_url', e.target.value);
});
baseUrlInput.addEventListener('input', e => { if (platformSelect.value === 'custom') saveToStorage('translator_platform_custom_base_url', e.target.value); });
convertEnginSelect.addEventListener('change', updateConvertEnginUI);
mineruTokenInput.addEventListener('input', e => saveToStorage('translator_mineru_token', e.target.value));
toLangSelect.addEventListener('change', e => saveToStorage('translator_to_lang', e.target.value));
@@ -1232,6 +1219,6 @@
// --- Start the application ---
document.addEventListener('DOMContentLoaded', init);
</script>
</script>
</body>
</html>