优化桌面端界面布局

frontend/src/views/documents/DocumentList.test.ts

@@ -65,12 +65,33 @@ describe("DocumentList permissions", () => {
     expect(source).not.toContain('@row-click="handleRowClick"');
   });
 
-  it("routes desktop document actions through preview and context menu controls", () => {
+  it("stretches the desktop document workbench flush to the desktop content edges", () => {
+    const source = readSource();
+
+    expect(source).toContain(":global(.desktop-content:has(> .document-page--desktop))");
+    expect(source).toContain("padding: 0;");
+    expect(source).toContain(".document-page--desktop {");
+    expect(source).toContain("width: 100%;");
+    expect(source).toContain("height: 100%;");
+    expect(source).toContain("min-height: 100%;");
+    expect(source).toContain("margin: 0;");
+    expect(source).toContain("overflow-x: hidden;");
+    expect(source).toContain("border-radius: 0 !important;");
+    expect(source).toContain(".document-page--desktop .main-content-flat");
+    expect(source).toContain(".document-page--desktop .document-table-section");
+    expect(source).toContain(".document-page--desktop .document-workbench.is-desktop");
+    expect(source).toContain(".document-page--desktop .document-table-pane");
+    expect(source).toContain("flex: 1 1 auto;");
+    expect(source).toContain("min-height: 0;");
+  });
+
+  it("routes desktop document actions through context menu controls", () => {
     const source = readSource();
 
     expect(source).toContain('@row-contextmenu="openDocumentContextMenu"');
     expect(source).toContain("documentContextMenu");
     expect(source).toContain('class="document-context-menu"');
+    expect(source).not.toContain('class="preview-actions"');
     expect(source).toContain("@click=\"openSelectedDocument\"");
     expect(source).toContain("@click=\"openSelectedDocumentEditor\"");
     expect(source).toContain("@click=\"deleteSelectedDocument\"");

frontend/src/views/documents/DocumentList.vue

@@ -120,22 +120,6 @@
                 <dt>{{ TEXT.modules.fileVersionManagement.columns.updatedAt }}</dt>
                 <dd>{{ displayDateTime(selectedDocument.updated_at) }}</dd>
               </dl>
-              <div class="preview-actions">
-                <el-button size="small" @click="openSelectedDocument">打开详情</el-button>
-                <el-button v-if="canUpdate" size="small" :disabled="isInactiveSite(selectedDocument.site_id)" @click="openSelectedDocumentEditor">
-                  {{ TEXT.common.actions.edit }}
-                </el-button>
-                <el-button
-                  v-if="canDelete"
-                  size="small"
-                  type="danger"
-                  plain
-                  :disabled="isInactiveSite(selectedDocument.site_id)"
-                  @click="deleteSelectedDocument"
-                >
-                  {{ TEXT.common.actions.delete }}
-                </el-button>
-              </div>
             </template>
             <div v-else class="preview-empty">
               <span>选择一行查看文档摘要</span>
@@ -620,6 +604,31 @@ watch(
   gap: 0;
 }
 
+:global(.desktop-content:has(> .document-page--desktop)) {
+  overflow-x: hidden;
+  padding: 0;
+}
+
+.document-page--desktop {
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  margin: 0;
+  overflow-x: hidden;
+}
+
+.document-page--desktop .main-content-flat {
+  display: flex;
+  width: auto;
+  min-height: 0;
+  flex: 1 1 auto;
+  flex-direction: column;
+  border-radius: 0 !important;
+  background: #ffffff;
+  box-shadow: none !important;
+  overflow-x: hidden;
+}
+
 .filter-form {
   display: flex;
   width: 100%;
@@ -705,6 +714,15 @@ watch(
     0 2px 8px rgba(0, 0, 0, 0.02);
 }
 
+.document-page--desktop .document-table-section {
+  display: flex;
+  min-height: 0;
+  flex: 1 1 auto;
+  flex-direction: column;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}
+
 .document-workbench {
   min-width: 0;
   min-height: 0;
@@ -716,11 +734,24 @@ watch(
   min-height: min(570px, calc(100vh - 178px));
 }
 
+.document-page--desktop .document-workbench.is-desktop {
+  height: 100%;
+  min-height: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+
 .document-table-pane {
   min-width: 0;
   outline: none;
 }
 
+.document-page--desktop .document-table-pane {
+  min-height: 0;
+  overflow: hidden;
+  background: #ffffff;
+}
+
 .document-workbench.is-desktop .document-table-pane {
   border-right: 1px solid #e3e9f1;
 }
@@ -782,13 +813,6 @@ watch(
   font-weight: 650;
 }
 
-.preview-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: auto;
-}
-
 .preview-empty {
   display: flex;
   min-height: 180px;