md

src/features/report/ReportCompare.vue

@@ -44,7 +44,9 @@
             <th>难度<br />系数</th>
           </tr>
           <tr v-for="item in props.comparePapers" :key="item.id">
-            <td>{{ item.courseName }}</td>
+            <td class="line-text" style="max-width: 150px">
+              {{ item.courseName }}
+            </td>
             <td>{{ item.courseCode }}</td>
             <td>{{ item.totalScore }}</td>
             <td>{{ item.maxScore }}</td>

src/features/report/ReportMain.vue

@@ -225,7 +225,7 @@ async function fetchData() {
   }
 
   if (
-    compareProjectId ||
+    !compareProjectId ||
     comparePapers.length !== 2 ||
     compareCourses.length !== 2
   ) {

src/features/report/assets/report.css

@@ -10,6 +10,11 @@
   padding: 8px 10px;
   border: 1px solid #e1e5eb;
 }
+.line-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 /* report */
 .report {
   background-color: #f0f0f0;
@@ -275,6 +280,10 @@
   padding: 8px 12px;
   line-height: 21px;
   margin-right: 5px;
+  max-width: 320px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .summary-tabs-item:nth-of-type(2) {
   background: rgba(68, 215, 182, 0.2);