From 8d10ebc327f9d2e9d3ac7de0550197973543105f Mon Sep 17 00:00:00 2001
From: yanlongqi <yuchat@163.com>
Date: Mon, 1 Dec 2025 23:04:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AF=95=E5=8D=B7=E6=89=93?=
 =?UTF-8?q?=E5=8D=B0=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 主要改进

### 1. 题型标题和分值说明显示优化
- 将 Ant Design Text 组件改为原生 span 元素，确保在打印时不换行
- 将分值说明嵌套到题型标题内部，强制同行显示
- 适用于所有题型：填空题、判断题、单选题、多选题、简答题、论述题

### 2. 打印分页控制优化
- 添加 page-break-after: avoid 和 page-break-inside: avoid 到关键元素
- 试卷标题和考试说明保持在同一页
- 考试说明和填空题不分页
- 题型标题和第一道题保持在同一页
- 每道题目的所有部分（题干、选项、答题区域）保持完整，不被分页打断
- 题型之间尽量紧密排列，减少空白

### 3. 样式细节调整
- 题型标题使用 flex 布局，确保标题和说明在同一行
- 统一使用 marginLeft: 8px 作为标题和说明之间的间距
- 保持 A4 纸张 1cm 页边距设置

## 修改文件
- web/src/pages/ExamPrint.module.less - 打印样式优化
- web/src/pages/ExamPrint.tsx - 题型标题结构调整

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/src/pages/ExamPrint.module.less | 19 ++++++++++++++++++-
 web/src/pages/ExamPrint.tsx         | 24 ++++++++++++------------
 web/vite.config.ts                  |  2 +-
 3 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/web/src/pages/ExamPrint.module.less b/web/src/pages/ExamPrint.module.less
index ac7ee1d..8c7605b 100644
--- a/web/src/pages/ExamPrint.module.less
+++ b/web/src/pages/ExamPrint.module.less
@@ -205,7 +205,7 @@
     display: none !important;
   }
 
-  // A4纸张设置 - 增加边距以确保圆角不被遮挡
+  // A4纸张设置
   @page {
     size: A4;
     margin: 1cm;
@@ -225,6 +225,9 @@
   .paperHeader {
     margin-bottom: 6px;
     padding-bottom: 4px;
+    // 防止试卷标题和考试说明分页
+    page-break-after: avoid;
+    page-break-inside: avoid;
 
     .paperTitle {
       font-size: 16pt !important;
@@ -256,6 +259,9 @@
     overflow: visible;
     // 添加一些内边距确保圆角有空间显示
     padding: 2px;
+    // 防止考试说明和填空题分页
+    page-break-after: avoid;
+    page-break-inside: avoid;
 
     :global(.ant-card-body) {
       padding: 6px;
@@ -280,10 +286,18 @@
 
   .questionGroup {
     margin-bottom: 8px;
+    // 防止题型组内部分页
+    page-break-inside: avoid;
+    // 尽量让下一个题型紧接着显示
+    page-break-after: avoid;
 
     .groupHeader {
+      display: flex;
+      align-items: baseline;
       margin-bottom: 4px;
       padding-bottom: 2px;
+      // 确保题型标题和第一道题在同一页
+      page-break-after: avoid;
 
       .groupTitle {
         font-size: 12pt;
@@ -291,12 +305,15 @@
 
       .groupScore {
         font-size: 10pt;
+        margin-left: 8px;
       }
     }
   }
 
   .questionItem {
     margin-bottom: 6px;
+    // 防止题目内部分页，保持题目完整性
+    page-break-inside: avoid;
 
     .questionContent {
       margin-bottom: 3px;
diff --git a/web/src/pages/ExamPrint.tsx b/web/src/pages/ExamPrint.tsx
index 32f6537..7b9f8b5 100644
--- a/web/src/pages/ExamPrint.tsx
+++ b/web/src/pages/ExamPrint.tsx
@@ -352,14 +352,14 @@ const ExamPrint: React.FC = () => {
     return (
       <div key={type} className={styles.questionGroup}>
         <div className={styles.groupHeader}>
-          <Text className={styles.groupTitle}>
+          <span className={styles.groupTitle}>
             {TYPE_NAME[type]}
-          </Text>
-          {TYPE_SCORE[type] > 0 && (
-            <Text type="secondary" className={styles.groupScore}>
-              （共{questions.length}题，每题{TYPE_SCORE[type]}分，共{totalScore}分）
-            </Text>
-          )}
+            {TYPE_SCORE[type] > 0 && (
+              <span className={styles.groupScore} style={{ marginLeft: '8px' }}>
+                （共{questions.length}题，每题{TYPE_SCORE[type]}分，共{totalScore}分）
+              </span>
+            )}
+          </span>
         </div>
         <div className={styles.questionsList}>
           {questions.map((question, index) => {
@@ -464,12 +464,12 @@ const ExamPrint: React.FC = () => {
         {essayQuestions.length > 0 && (
           <div className={styles.questionGroup}>
             <div className={styles.groupHeader}>
-              <Text className={styles.groupTitle}>
+              <span className={styles.groupTitle}>
                 {TYPE_NAME['ordinary-essay']}
-              </Text>
-              <Text type="secondary" className={styles.groupScore}>
-                （以下2道论述题任选1道作答，共9分）
-              </Text>
+                <span className={styles.groupScore} style={{ marginLeft: '8px' }}>
+                  （以下2道论述题任选1道作答，共9分）
+                </span>
+              </span>
             </div>
             <div className={styles.questionsList}>
               {essayQuestions.map((question, index) => renderEssay(question, index))}
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 1c52384..7da336f 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -31,7 +31,7 @@ export default defineConfig({
     port: 3000,
     proxy: {
       '/api': {
-        target: 'https://ankao.yuchat.top',
+        target: 'http://127.0.0.1:8080',
         changeOrigin: true,
       },
     },