Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5157561e83 | |||
| 30527a5ce6 |
23
app.py
23
app.py
@@ -673,12 +673,33 @@ def compare_view(translation_id):
|
|||||||
return jsonify({
|
return jsonify({
|
||||||
'id': translation.id,
|
'id': translation.id,
|
||||||
'filename': translation.original_filename,
|
'filename': translation.original_filename,
|
||||||
'original': original_content or '原文内容未找到（可能PDF已被删除或为扫描版）',
|
'original': original_content or '',
|
||||||
|
'original_pdf_url': f'/api/original-pdf/{translation.id}' if translation.upload_path else None,
|
||||||
'translated': translated_content,
|
'translated': translated_content,
|
||||||
'pages': translated_pages
|
'pages': translated_pages
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/api/original-pdf/<int:translation_id>')
|
||||||
|
def get_original_pdf(translation_id):
|
||||||
|
"""获取原始PDF文件"""
|
||||||
|
user = get_current_user()
|
||||||
|
if not user:
|
||||||
|
return jsonify({'error': '请登录后使用此功能'}), 401
|
||||||
|
|
||||||
|
translation = Translation.query.get(translation_id)
|
||||||
|
if not translation or (translation.user_id != user.id and user.user_type != 'admin'):
|
||||||
|
return jsonify({'error': '无权访问'}), 403
|
||||||
|
|
||||||
|
if not translation.upload_path or not os.path.exists(translation.upload_path):
|
||||||
|
return jsonify({'error': '原PDF文件不存在'}), 404
|
||||||
|
|
||||||
|
return send_file(translation.upload_path,
|
||||||
|
mimetype='application/pdf',
|
||||||
|
as_attachment=False,
|
||||||
|
download_name=translation.original_filename)
|
||||||
|
|
||||||
|
|
||||||
# ==================== 路由: 用户系统 ====================
|
# ==================== 路由: 用户系统 ====================
|
||||||
@app.route('/login', methods=['GET', 'POST'])
|
@app.route('/login', methods=['GET', 'POST'])
|
||||||
def login():
|
def login():
|
||||||
|
|||||||
@@ -75,12 +75,21 @@ body {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
height: 70vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.compare-panel {
|
.compare-panel {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #f8f9fa;
|
background-color: #f8f9fa;
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.compare-panel h5 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.compare-panel.original {
|
.compare-panel.original {
|
||||||
@@ -91,6 +100,27 @@ body {
|
|||||||
border-left: 4px solid var(--success-color);
|
border-left: 4px solid var(--success-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.compare-panel iframe {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 40px);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pdfContainer {
|
||||||
|
height: calc(100% - 40px);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pdfPages {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pdf-page-canvas {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
/* 会员卡片 */
|
/* 会员卡片 */
|
||||||
.pricing-card {
|
.pricing-card {
|
||||||
transition: transform 0.3s ease;
|
transition: transform 0.3s ease;
|
||||||
|
|||||||
@@ -7,6 +7,7 @@
|
|||||||
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
|
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link href="/static/css/style.css" rel="stylesheet">
|
<link href="/static/css/style.css" rel="stylesheet">
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||||
@@ -76,6 +77,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 切换对比视图
|
// 切换对比视图
|
||||||
|
let syncScrollEnabled = true;
|
||||||
|
let pdfDoc = null;
|
||||||
|
|
||||||
document.getElementById('toggleCompare').addEventListener('click', async function() {
|
document.getElementById('toggleCompare').addEventListener('click', async function() {
|
||||||
showCompare = !showCompare;
|
showCompare = !showCompare;
|
||||||
|
|
||||||
@@ -84,27 +88,117 @@
|
|||||||
const response = await fetch(`/api/compare/${translationId}`);
|
const response = await fetch(`/api/compare/${translationId}`);
|
||||||
const result = await response.json();
|
const result = await response.json();
|
||||||
|
|
||||||
|
// 原文面板：如果有PDF URL用PDF.js渲染，否则显示提取的文本
|
||||||
|
let originalHtml = '';
|
||||||
|
if (result.original_pdf_url) {
|
||||||
|
originalHtml = '<canvas id="pdfCanvas"></canvas><div id="pdfPages"></div>';
|
||||||
|
} else if (result.original && result.original.length > 0) {
|
||||||
|
originalHtml = `<div class="original-text" style="white-space:pre-wrap;font-family:monospace;">${escapeHtml(result.original)}</div>`;
|
||||||
|
} else {
|
||||||
|
originalHtml = '<div class="text-muted">原文内容未找到（可能PDF已被删除）</div>';
|
||||||
|
}
|
||||||
|
|
||||||
document.getElementById('resultContent').innerHTML = `
|
document.getElementById('resultContent').innerHTML = `
|
||||||
<div class="compare-container">
|
<div class="compare-container">
|
||||||
<div class="compare-panel original">
|
<div class="compare-panel original" id="originalPanel">
|
||||||
<h5>原文</h5>
|
<h5>原文 PDF</h5>
|
||||||
<div>${escapeHtml(result.original)}</div>
|
<div id="pdfContainer">${originalHtml}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="compare-panel translated">
|
<div class="compare-panel translated" id="translatedPanel">
|
||||||
<h5>译文</h5>
|
<h5>译文</h5>
|
||||||
<div>${renderMarkdown(result.translated)}</div>
|
<div class="translated-content">${renderMarkdown(result.translated)}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-center mt-2">
|
||||||
|
<small class="text-muted">💡 左右滚动同步，方便逐页对比</small>
|
||||||
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
// 如果有PDF，用PDF.js渲染
|
||||||
|
if (result.original_pdf_url) {
|
||||||
|
renderPDF(result.original_pdf_url);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 启用滚动同步
|
||||||
|
setTimeout(enableSyncScroll, 300);
|
||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
alert('加载对比失败');
|
alert('加载对比失败: ' + error.message);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
loadResult();
|
loadResult();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// PDF.js渲染PDF
|
||||||
|
async function renderPDF(url) {
|
||||||
|
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const pdf = await pdfjsLib.getDocument(url).promise;
|
||||||
|
pdfDoc = pdf;
|
||||||
|
|
||||||
|
const container = document.getElementById('pdfPages');
|
||||||
|
container.innerHTML = '';
|
||||||
|
|
||||||
|
// 渲染所有页面
|
||||||
|
for (let i = 1; i <= pdf.numPages; i++) {
|
||||||
|
const page = await pdf.getPage(i);
|
||||||
|
const canvas = document.createElement('canvas');
|
||||||
|
canvas.className = 'pdf-page-canvas';
|
||||||
|
canvas.style.width = '100%';
|
||||||
|
canvas.style.display = 'block';
|
||||||
|
canvas.style.marginBottom = '20px';
|
||||||
|
|
||||||
|
const context = canvas.getContext('2d');
|
||||||
|
const viewport = page.getViewport({ scale: 1.5 });
|
||||||
|
|
||||||
|
canvas.height = viewport.height;
|
||||||
|
canvas.width = viewport.width;
|
||||||
|
|
||||||
|
await page.render({
|
||||||
|
canvasContext: context,
|
||||||
|
viewport: viewport
|
||||||
|
}).promise;
|
||||||
|
|
||||||
|
container.appendChild(canvas);
|
||||||
|
|
||||||
|
// 添加页码标识
|
||||||
|
const pageNum = document.createElement('div');
|
||||||
|
pageNum.className = 'text-center text-muted mb-3';
|
||||||
|
pageNum.textContent = `— 第 ${i} 页 —`;
|
||||||
|
container.appendChild(pageNum);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
document.getElementById('pdfContainer').innerHTML =
|
||||||
|
'<div class="text-danger">PDF加载失败: ' + error.message + '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 滚动同步
|
||||||
|
function enableSyncScroll() {
|
||||||
|
const originalPanel = document.getElementById('originalPanel');
|
||||||
|
const translatedPanel = document.getElementById('translatedPanel');
|
||||||
|
|
||||||
|
if (!originalPanel || !translatedPanel) return;
|
||||||
|
|
||||||
|
originalPanel.addEventListener('scroll', function() {
|
||||||
|
if (!syncScrollEnabled) return;
|
||||||
|
syncScrollEnabled = false;
|
||||||
|
const ratio = this.scrollTop / (this.scrollHeight - this.clientHeight);
|
||||||
|
translatedPanel.scrollTop = ratio * (translatedPanel.scrollHeight - translatedPanel.clientHeight);
|
||||||
|
setTimeout(() => syncScrollEnabled = true, 50);
|
||||||
|
});
|
||||||
|
|
||||||
|
translatedPanel.addEventListener('scroll', function() {
|
||||||
|
if (!syncScrollEnabled) return;
|
||||||
|
syncScrollEnabled = false;
|
||||||
|
const ratio = this.scrollTop / (this.scrollHeight - this.clientHeight);
|
||||||
|
originalPanel.scrollTop = ratio * (originalPanel.scrollHeight - originalPanel.clientHeight);
|
||||||
|
setTimeout(() => syncScrollEnabled = true, 50);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// 重新翻译
|
// 重新翻译
|
||||||
document.getElementById('retranslateBtn')?.addEventListener('click', async function() {
|
document.getElementById('retranslateBtn')?.addEventListener('click', async function() {
|
||||||
const instruction = document.getElementById('retranslateInstruction').value;
|
const instruction = document.getElementById('retranslateInstruction').value;
|
||||||
|
|||||||
Reference in New Issue
Block a user