fix(signing): 修复长文书滚动布局

clinical-web/src/views/workbench/signing/components/SigningTaskDetail.vue

@@ -169,33 +169,37 @@ defineExpose({ getDocumentElement })
         </button>
       </div>
 
-      <!-- 任务接口只返回模板版本哈希，正文由 API 层按哈希补回；
-           补不到时如实提示并给出占位版式，不退化成"看起来像真文书"的假纸样 -->
-      <SigningDocumentInteractive
-        v-if="task.documentContentHtml"
-        ref="documentRef"
-        :task="task"
-        :interactive="allowLocalSigning && task.status !== 'signed' && task.status !== 'void'"
-        :signature-injections="signatureInjections"
-        @selection-change="emit('selectionChange', $event)"
-        @field-change="(answers, progress) => emit('fieldChange', answers, progress)"
-        @signature-request="emit('signatureRequest', $event)"
-      />
-      <SigningDocumentPreview v-else :task="task" />
-      <TaskAuditTimeline
-        v-if="canViewAudit"
-        :events="auditEvents"
-        :loading="auditLoading"
-        :error="auditError"
-      />
-      <SigningArtifactList
-        v-if="canViewArtifacts"
-        :artifacts="artifacts"
-        :loading="artifactsLoading"
-        :error="artifactsError"
-        :can-download="canDownloadArtifact"
-        @download="emit('downloadArtifact', $event)"
-      />
+      <!-- 操作按钮常驻顶部，文书在自己的滚动区里滚：
+           长文书不再把整页顶下去，左栏与按钮也不会滚出视野 -->
+      <div class="detail-body">
+        <!-- 任务接口只返回模板版本哈希，正文由 API 层按哈希补回；
+             补不到时如实提示并给出占位版式，不退化成"看起来像真文书"的假纸样 -->
+        <SigningDocumentInteractive
+          v-if="task.documentContentHtml"
+          ref="documentRef"
+          :task="task"
+          :interactive="allowLocalSigning && task.status !== 'signed' && task.status !== 'void'"
+          :signature-injections="signatureInjections"
+          @selection-change="emit('selectionChange', $event)"
+          @field-change="(answers, progress) => emit('fieldChange', answers, progress)"
+          @signature-request="emit('signatureRequest', $event)"
+        />
+        <SigningDocumentPreview v-else :task="task" />
+        <TaskAuditTimeline
+          v-if="canViewAudit"
+          :events="auditEvents"
+          :loading="auditLoading"
+          :error="auditError"
+        />
+        <SigningArtifactList
+          v-if="canViewArtifacts"
+          :artifacts="artifacts"
+          :loading="artifactsLoading"
+          :error="artifactsError"
+          :can-download="canDownloadArtifact"
+          @download="emit('downloadArtifact', $event)"
+        />
+      </div>
     </template>
 
     <div v-else class="detail-empty">
@@ -207,12 +211,25 @@ defineExpose({ getDocumentElement })
 
 <style scoped>
 .detail-panel {
+  display: flex;
   flex: 1;
   min-width: 0;
+  min-height: 0;
+  flex-direction: column;
+}
+
+/* 文书 + 留痕 + 产物的滚动区：flex 子项必须 min-height: 0 才肯被压到内容高度以下，
+   否则它会撑到内容高度，overflow 永远触发不了（与用户权限面板同一处理） */
+.detail-body {
+  flex: 1;
+  min-height: 0;
+  padding-right: 3px;
+  overflow-y: auto;
 }
 
 .task-actions {
   display: flex;
+  flex-shrink: 0;
   gap: 10px;
   align-items: center;
   flex-wrap: wrap;
@@ -272,7 +289,8 @@ defineExpose({ getDocumentElement })
 
 .detail-empty {
   display: grid;
-  min-height: 560px;
+  flex: 1;
+  min-height: 0;
   padding: 40px 24px;
   color: var(--mut);
   text-align: center;
@@ -296,7 +314,8 @@ defineExpose({ getDocumentElement })
 
 .detail-loading {
   display: flex;
-  min-height: 680px;
+  flex: 1;
+  min-height: 0;
   flex-direction: column;
   gap: 14px;
 }
@@ -316,7 +335,7 @@ defineExpose({ getDocumentElement })
 
 .detail-loading__paper {
   flex: 1;
-  min-height: 560px;
+  min-height: 0;
 }
 
 @keyframes skeleton-shimmer {
@@ -329,6 +348,19 @@ defineExpose({ getDocumentElement })
   }
 }
 
+@media (max-width: 1200px) {
+  /* 窄屏堆叠后不再锁高度，恢复自然流式布局，由外层滚动 */
+  .detail-body {
+    flex: none;
+    overflow: visible;
+  }
+
+  .detail-empty,
+  .detail-loading {
+    min-height: 560px;
+  }
+}
+
 @media (max-width: 700px) {
   .task-action-meta {
     width: 100%;