代码提交

src/modules/teacher/data/exam/components/ScoreRanking.vue

@@ -8,7 +8,7 @@
         type="text"
         style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px"
         @click="exportScore"
-        :disabled="(count.list.length = 0)"
+        :disabled="count.list.length === 0"
         >导出</el-button
       >
     </div>

src/modules/teacher/data/exam/components/TitleData.vue

@@ -29,12 +29,7 @@
     </div>
     <app-list v-bind="tableOptions" ref="list" @sort-change="sortChange">
       <template v-slot:title="{ row }">
-        <a
-          type="text"
-          style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #c01540"
-          @click="toDetail(row)"
-          v-html="row.title"
-        ></a>
+        <a class="title_row" type="text" @click="toDetail(row)" v-html="row.title" :title="row.title"></a>
       </template>
     </app-list>
   </el-card>
@@ -95,7 +90,7 @@ export default {
         },
         columns: [
           { label: '排序', prop: 'ranking', align: 'center' },
-          { label: '题干简述', prop: 'title', align: 'center', slots: 'title', minWidth: 150 },
+          { label: '题干简述', prop: 'title', align: 'left', slots: 'title', minWidth: 200 },
           {
             label: '题型',
             prop: 'type',
@@ -208,10 +203,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-::v-deep .table-list-filter {
-  display: none;
-}
+
 ::v-deep  {
+  .table-list-filter{
+    display: none;
+  }
   .el-table {
     th {
       padding: 0;
@@ -221,5 +217,20 @@ export default {
       height: 46px;
     }
   }
+  .title_row {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #c01540;
+    text-align: left;
+    p{
+      text-align: left;
+      width: 200px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #c01540;
+    }
+}
 }
 </style>