update: 数据看板 table修改

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

 <template>
-  <app-container>
   <app-list v-bind="tableOptions" ref="list">
+    <template v-slot:paper_title="{ row }">
+      <div :class="`paper-title active${row.paper_title}`">{{ row.paper_title }}</div>
+    </template>
     <template v-slot:table-operate="{ row }">
       <el-button type="text" @click="toDetail(row)" v-if="tabActive === 'finished'">查看</el-button>
       <el-button type="text" @click="toDetail(row)" v-else-if="tabActive === 'toEvaluate'">批阅</el-button>
       <div v-else>-</div>
     </template>
   </app-list>
-  </app-container>
 </template>
 
 <script>
@@ -27,7 +28,7 @@ export default {
       return {
         remote: {},
         columns: [
-          { label: '排名', prop: 'paper_title', align: 'center' },
+          { label: '排名', slots: 'paper_title', align: 'center' },
           { label: '姓名', prop: 'class_name', align: 'center' },
           { label: '客观题', prop: 'cankao_num', align: 'center', sortable: true },
           { label: '主观题', prop: 'efw', align: 'center', sortable: true },
@@ -36,12 +37,15 @@ export default {
         ],
         data: [
           {
+            paper_title: '1',
             class_name: '1w1e'
           },
           {
+            paper_title: '2',
             class_name: '1w1e'
           },
           {
+            paper_title: '3',
             class_name: '1w1e'
           },
           {
@@ -65,3 +69,38 @@ export default {
   }
 }
 </script>
+<style lang="scss" scoped>
+.paper-title{
+  text-align: center;
+  line-height: 27px;
+  width: 27px;
+  height: 27px;
+  // background: #E3EAFF;
+  color: #606266;
+  border-radius: 50%;
+  margin: 0 auto;
+  &.active1{
+    color: #6C83CE;
+    background: #E3EAFF;
+  }
+  &.active2{
+    color: #8FB87A;
+    background: #EBFCE2;
+  }
+  &.active3{
+    color: #D96685;
+    background: #FFEAEF;
+  }
+}
+::v-deep{
+  .el-table {
+    th {
+      padding: 0;
+    }
+    td {
+      padding: 0;
+      height: 41px;
+    }
+  }
+}
+</style>

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

 <template>
-  <el-card style="height: 400px">
+  <el-card style="height: 554px">
     <div slot="header" class="clearfix">
       <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">分数排名</h1>
       <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>

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

 <template>
-  <el-card style="margin-right: -20px; height: 400px">
+  <el-card style="margin-right: -20px; height: 554px">
     <div slot="header" class="clearfix">
       <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">题目数据</h1>
       <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>