style:样式调整

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

@@ -2,8 +2,9 @@
   <app-container>
     <app-list v-bind="tableOptions" ref="list">
       <template v-slot:table-operate="{ row }">
-        <el-button type="text" @click="toDetail(row)" v-show="tabActive === 'finished'">查看</el-button>
-        <el-button type="text" @click="toDetail(row)" v-show="tabActive === 'toEvaluate'">批阅</el-button>
+        <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>

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

@@ -49,7 +49,7 @@ export default {
             },
             emphasis: {
               label: {
-                show: true,
+                // show: true,
                 fontSize: '40',
                 fontWeight: 'bold'
               }
@@ -77,9 +77,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.score-range-box{
+.score-range-box {
   position: relative;
-  .pop{
+  .pop {
     position: absolute;
     top: -20%;
     left: 50%;

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

 <template>
   <el-card style="height: 400px">
+    <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: -40px">导出</el-button>
-    <el-tabs v-model="tabActive" style="margin-top: 30px" @canplaythrough="handleClick">
+      <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>
+    </div>
+    <el-tabs v-model="tabActive" @canplaythrough="handleClick">
       <el-tab-pane label="已完成" name="finished">
         <RankingAll :tabActive="tabActive" />
       </el-tab-pane>

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

 <template>
   <el-card style="margin-right: -20px; height: 400px">
-    <app-container>
+    <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: -40px">导出</el-button>
-      <app-list v-bind="tableOptions" ref="list" style="margin-top: 60px"> </app-list>
-    </app-container>
+      <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>
+    </div>
+    <app-list v-bind="tableOptions" ref="list"></app-list>
   </el-card>
 </template>