feat：tab切换调整

src/modules/teacher/data/course/views/ClassLIst.vue

@@ -2,7 +2,7 @@
   <app-container>
     <app-list v-bind="tableOptions" ref="list">
       <template #header-aside>
-        <el-button type="text" style="margin-top: 5px; font-size: 24px">导出</el-button>
+        <el-button type="text">导出</el-button>
       </template>
     </app-list>
   </app-container>

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

@@ -24,7 +24,6 @@ export default {
     tableOptions() {
       return {
         remote: {},
-
         columns: [
           {
             label: '排名',
@@ -48,18 +47,7 @@ export default {
       }
     }
   },
-  mounted() {
-    if (this.tabActive === 'baseInfo') {
-      // 接口请求 已结束
-      alert('111')
-    } else if (this.tabActive === 'toEvaluate') {
-      // 接口请求 待评价
-      alert('222')
-    } else {
-      // 接口请求 未作答
-      alert('333')
-    }
-  },
+  mounted() {},
   methods: {
     toPersonal(row) {
       this.$router.push({

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

@@ -2,7 +2,8 @@
   <app-container>
     <app-list v-bind="tableOptions" ref="list">
       <template v-slot:table-operate="{ row }">
-        <el-button type="text" @click="toDetail(row)">查看</el-button>
+        <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>
       </template>
     </app-list>
   </app-container>
@@ -13,12 +14,17 @@ export default {
   data() {
     return {}
   },
+  props: {
+    tabActive: {
+      type: String,
+      default: ''
+    }
+  },
   computed: {
     // 列表配置
     tableOptions() {
       return {
         remote: {},
-        // 'row-style': { height: '10px', color: 'red' },
         columns: [
           { label: '排名', prop: 'paper_title', align: 'center' },
           { label: '姓名', prop: 'class_name', align: 'center' },

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

@@ -2,14 +2,14 @@
   <el-card style="height: 400px">
     <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">
-      <el-tab-pane label="已完成" name="baseInfo">
-        <RankingAll />
+    <el-tabs v-model="tabActive" style="margin-top: 30px" @canplaythrough="handleClick">
+      <el-tab-pane label="已完成" name="finished">
+        <RankingAll :tabActive="tabActive" />
       </el-tab-pane>
-      <el-tab-pane label="待评价" name="contacts" lazy>
-        <RankingAll />
+      <el-tab-pane label="待评价" name="toEvaluate" lazy>
+        <RankingAll :tabActive="tabActive" />
       </el-tab-pane>
-      <el-tab-pane label="未作答" name="project" lazy>
+      <el-tab-pane label="未作答" name="noAnswer" lazy>
         <RankingAll />
       </el-tab-pane>
       <el-tab-pane label="待提交" name="toSubmit" lazy>
@@ -25,7 +25,25 @@ export default {
   components: { RankingAll },
   data() {
     return {
-      tabActive: 'baseInfo'
+      tabActive: 'finished'
+    }
+  },
+  created() {
+    // 已结束
+  },
+  methods: {
+    handleClick(tab, event) {
+      // console.log(tab, event)
+      if (tab.index === 1) {
+        // 待评价
+        alert('111')
+      } else if (tab.index === 2) {
+        // 未作答
+        alert('222')
+      } else {
+        // 未提交
+        alert('333')
+      }
     }
   }
 }

src/modules/teacher/data/exam/views/ClassList.vue

@@ -3,16 +3,16 @@
     <div style="font-size: 32px; margin-bottom: 15px">测试班级一</div>
     <app-card>
       <h1 class="title" style="font-size: 28px">班级排名</h1>
-      <el-button type="text" style="font-size: 28px; float: right; margin-top: -40px">导出</el-button>
-      <el-tabs v-model="tabActive" style="margin-top: 30px" tab-click="handleClick">
+      <el-button type="text" style="float: right; margin-top: -40px">导出</el-button>
+      <el-tabs v-model="tabActive" style="margin-top: 30px" @tab-click="handleClick">
         <el-tab-pane label="已结束" name="finished">
-          <Finished :tabActive="tabActive" />
+          <Finished />
         </el-tab-pane>
         <el-tab-pane label="待评价" name="toEvaluate" lazy>
-          <Finished :tabActive="tabActive" />
+          <Finished />
         </el-tab-pane>
         <el-tab-pane label="未作答" name="noAnswer" lazy>
-          <Finished :tabActive="tabActive" />
+          <Finished />
         </el-tab-pane>
       </el-tabs>
     </app-card>
@@ -25,18 +25,21 @@ export default {
   components: { Finished },
   data() {
     return {
-      tabActive: 'baseInfo'
+      tabActive: 'finished'
     }
   },
+  created() {
+    // 已结束网络请求
+  },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event)
-      if (tab.index === 0) {
-        // 网络请求1
-      } else if (tab.index === 1) {
-        // 网络请求2
+      // console.log(tab, event)
+      if (tab.index === 1) {
+        // 待评价
+        alert('111')
       } else {
-        // 网络请求3
+        // 未作答
+        alert('222')
       }
     }
   }

src/modules/teacher/data/test/views/ClassList.vue

@@ -3,7 +3,7 @@
     <div style="font-size: 32px; margin-bottom: 15px">测试班级一</div>
     <app-card>
       <h1 class="title" style="font-size: 28px">班级排名</h1>
-      <el-button type="text" style="font-size: 28px; float: right; margin-top: -40px">导出</el-button>
+      <el-button type="text" style="float: right; margin-top: -40px">导出</el-button>
       <el-tabs v-model="tabActive" style="margin-top: 30px">
         <el-tab-pane label="已结束" name="baseInfo">
           <Finished />