Upload 2 files

static/app.js

@@ -1357,6 +1357,10 @@ function isImageSource(url) {
   return /\.(?:bmp|gif|jpe?g|png|tiff?|webp)(?:$|\?)/i.test(String(url || ""));
 }
 
+function isPDFSource(url) {
+  return /\.pdf(?:$|\?)/i.test(String(url || ""));
+}
+
 async function openRandomPreview() {
   const requestSeq = randomRequestSeq + 1;
   randomRequestSeq = requestSeq;
@@ -1450,7 +1454,7 @@ function changePreviewTagPage(button) {
 
 function compareSelectHTML(item) {
   const proofread = item.article && Array.isArray(item.article.parts)
-    ? '<option value="__proofread__">对比原文件并校对</option>'
+    ? `<option value="__proofread__">${item.source_files && item.source_files.length ? "对比原文件并校对" : "校对"}</option>`
     : "";
   if ((!item.variants || !item.variants.length) && !proofread) return "";
   const options = item.variants.map((variant) => `<option value="${escapeHTML(variant.doc_id)}">${escapeHTML(variant.publication_name)}</option>`).join("");
@@ -1507,7 +1511,9 @@ function proofreadHTMLV2(item) {
   const pdfPage = /\.pdf(?:$|\?)/i.test(selectedUrl) ? `#page=${page}` : "";
   const sourceViewer = sourceFiles.length ? (isImageSource(selectedUrl)
     ? `<div class="proofread-image-viewer" data-image-viewer><div class="proofread-image-tools"><button type="button" class="text-btn-sm" data-image-zoom="out">缩小</button><button type="button" class="text-btn-sm" data-image-zoom="reset">原始大小</button><button type="button" class="text-btn-sm" data-image-zoom="in">放大</button></div><div class="proofread-image-stage"><img data-proofread-source-image src="${sourceURL}" alt="原文件" data-image-scale="1"><a class="text-btn-sm proofread-image-download" href="${sourceDownload}">下载原文件</a></div></div>`
-    : `<iframe sandbox data-proofread-source title="原文件" src="${sourceURL}${pdfPage}"></iframe>`)
+    : (isPDFSource(selectedUrl)
+      ? `<div class="proofread-document-viewer"><iframe data-proofread-source title="原文件" src="${sourceURL}${pdfPage}"></iframe><a class="text-btn-sm proofread-document-download" href="${sourceDownload}">下载原文件</a></div>`
+      : `<div class="proofread-no-source"><strong>此原文件暂不支持在线预览</strong><a class="text-btn-sm" href="${sourceDownload}">下载原文件</a></div>`))
     : '<div class="proofread-no-source"><strong>没有原文件</strong><span>仍可编辑正文并提交校对。</span></div>';
   const partTypeOptions = (current) => PART_TYPES.map((type) => `<option value="${type}" ${type === current ? "selected" : ""}>${type}</option>`).join("");
   const parts = (article.parts || []).map((part, index) => `<div class="proofread-part-group" data-proofread-part-group="${index}"><div data-part-insert-before></div><label class="proofread-field proofread-part" data-proofread-part="${index}"><span>段落 ${index + 1} / <select data-proofread-part-type="${index}">${partTypeOptions(part.type || "paragraph")}</select></span><span class="proofread-part-actions"><button type="button" class="text-btn-sm" data-add-part-before="${index}">在上新建段落</button><button type="button" class="text-btn-sm" data-add-part-after="${index}">在下新建段落</button><button type="button" class="text-btn-sm" data-delete-part="${index}">删除当前段落</button></span><textarea data-proofread-part-input="${index}">${escapeHTML(partTextWithPivots(article, index))}</textarea></label><div data-part-insert-after></div></div>`).join("");
@@ -1551,12 +1557,34 @@ function openProofread(item, focusPart = null, restoring = false) {
   if (!restoring) syncUrl(true);
   DOM.previewPanel.classList.add("proofread-mode");
   DOM.previewPanel.innerHTML = proofreadHTMLV2(item);
+  if (!(item.source_files || []).length) {
+    const sourcePane = DOM.previewPanel.querySelector(".proofread-source");
+    if (sourcePane) sourcePane.remove();
+    const grid = DOM.previewPanel.querySelector(".proofread-grid");
+    if (grid) grid.classList.add("proofread-grid-no-source");
+  }
   const sourceImage = DOM.previewPanel.querySelector("[data-proofread-source-image]");
   if (sourceImage) sourceImage.addEventListener("error", () => {
     const stage = sourceImage.closest("[data-image-stage], .proofread-image-stage");
     if (stage) stage.innerHTML = `<div class="proofread-no-source"><strong>图片无法在线显示</strong><a class="text-btn-sm" href="${sourceDownloadURL(item, STATE.proofreadFile || 0)}">下载原文件</a></div>`;
   }, { once: true });
   const form = DOM.previewPanel.querySelector("[data-proofread-form]");
+  if (form) {
+    form.classList.add("proofread-structure-closed");
+    const partEditor = form.querySelector("[data-part-editor]");
+    if (partEditor) partEditor.hidden = false;
+    form.querySelectorAll("[data-proofread-part-type]").forEach((select) => {
+      select.insertAdjacentHTML("afterend", `<span class="proofread-part-type-label">${escapeHTML(select.value)}</span>`);
+    });
+    const structureActions = form.querySelector(".proofread-form-actions");
+    const descriptionInput = form.querySelector("[data-proofread-description]");
+    const descriptionField = descriptionInput ? descriptionInput.closest(".proofread-field") : null;
+    const descriptionLabel = descriptionField && descriptionField.querySelector("span");
+    if (structureActions && descriptionLabel) {
+      descriptionLabel.classList.add("proofread-description-heading");
+      descriptionLabel.append(structureActions);
+    }
+  }
   const sourceHeader = DOM.previewPanel.querySelector(".proofread-source .proofread-pane-header");
   if (sourceHeader && !sourceHeader.querySelector("[data-proofread-page]")) {
     sourceHeader.insertAdjacentHTML("beforeend", `<label class="proofread-page-control">页码 <input data-proofread-page type="number" min="1" value="${Math.max(1, Number(STATE.proofreadPage) || Number((item.article || {}).page_start) || 1)}"></label>`);
@@ -2115,10 +2143,14 @@ function attachEvents() {
     }
     const partEditorToggle = event.target.closest("[data-part-editor-toggle]");
     if (partEditorToggle) {
-      const editor = DOM.previewPanel.querySelector("[data-part-editor]");
-      if (editor) {
-        editor.hidden = !editor.hidden;
-        partEditorToggle.textContent = editor.hidden ? "段落编辑" : "收起段落编辑";
+      const form = DOM.previewPanel.querySelector("[data-proofread-form]");
+      if (form) {
+        const open = form.classList.toggle("proofread-structure-open");
+        partEditorToggle.textContent = open ? "收起段落编辑" : "段落编辑";
+        form.querySelectorAll("[data-proofread-part-type]").forEach((select) => {
+          const label = select.nextElementSibling;
+          if (label && label.classList.contains("proofread-part-type-label")) label.textContent = select.value;
+        });
       }
       return;
     }

static/style.css

@@ -570,6 +570,10 @@ ul, li {
   flex: 1;
 }
 
+.proofread-grid-no-source {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 .proofread-source,
 .proofread-editor {
   min-width: 0;
@@ -636,6 +640,31 @@ ul, li {
   border-radius: 4px;
 }
 
+.proofread-document-viewer {
+  position: relative;
+  display: flex;
+  min-height: 520px;
+  flex: 1;
+  flex-direction: column;
+}
+
+.proofread-document-viewer iframe {
+  width: 100%;
+  min-height: 520px;
+  flex: 1;
+  border: 0;
+  background: #fff;
+}
+
+.proofread-document-download {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 5px 8px;
+  background: var(--surface);
+  border-radius: 4px;
+}
+
 .proofread-no-source {
   display: flex;
   min-height: 220px;
@@ -724,6 +753,35 @@ ul, li {
   gap: .35rem;
   flex-wrap: wrap;
 }
+
+.proofread-structure-closed .proofread-part-actions,
+.proofread-structure-closed [data-proofread-part-type] {
+  display: none;
+}
+
+.proofread-part-type-label {
+  display: none;
+}
+
+.proofread-structure-closed .proofread-part-type-label {
+  display: inline;
+}
+
+.proofread-structure-closed .proofread-part > span:first-child {
+  display: flex;
+  align-items: center;
+  gap: .3rem;
+}
+
+.proofread-description-heading {
+  display: flex;
+  align-items: center;
+  gap: .5rem;
+}
+
+.proofread-description-heading .proofread-form-actions {
+  margin-left: auto;
+}
 .proofread-page-control {
   display: inline-flex;
   align-items: center;