报告样式修改

src/features/report/ReportCover.vue

@@ -11,7 +11,9 @@
     </div>
   </div>
   <div class="report-page report-intro">
-    <div class="report-phead">{{ props.paper.projectName }}成绩分析报告</div>
+    <div class="report-phead">
+      <p>{{ props.paper.projectName }}成绩分析报告</p>
+    </div>
     <div class="report-body">
       <h2 class="intro-title">报告说明</h2>
       <p>
@@ -40,7 +42,9 @@
     <div class="report-pfoot"></div>
   </div>
   <div class="report-page report-noun">
-    <div class="report-phead">{{ props.paper.projectName }}成绩分析报告</div>
+    <div class="report-phead">
+      <p>{{ props.paper.projectName }}成绩分析报告</p>
+    </div>
     <div class="report-body">
       <h2 class="noun-title">相关名词解释</h2>
       <div class="noun-list">

src/features/report/assets/report.css

@@ -55,6 +55,10 @@
   font-weight: 400;
   color: #405980;
   margin: 0;
+  width: 350px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .report-phead {
@@ -70,6 +74,12 @@
   color: #405980;
   line-height: 1;
 }
+.report-phead > p {
+  width: 580px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .report-phead::after {
   content: "";
   position: absolute;
@@ -154,6 +164,7 @@
 }
 .report-cover .cover-info {
   position: absolute;
+  width: 580px;
   left: 107px;
   bottom: 107px;
   font-weight: 400;