feat: 教师快速查看所有测试的页面

src/server/quiz.js

@@ -14,7 +14,7 @@ export function getQuizzesByState ({ state, key = '', page = 1, size = 200, sort
   const params = generateSearchParams({ key, page, size, sort })
   params.append('state', state)
   return axios
-    .get(useQuizServer('/state'))
+    .get(useQuizServer('/state'), { params })
     .then(res => res.data)
 }
 

src/views/teacher/components/TeacherCheckAllQuiz.vue

@@ -5,18 +5,24 @@
       <div class="sub-title">
         正在进行中的测试
       </div>
+      <div class="no-content-warning" v-if="ongoingQuizzes === null">加载中...</div>
+      <div class="no-content-warning" v-else-if="ongoingQuizzes.length === 0">无正在进行的测试</div>
       <quiz-card is-teacher :key="quiz.id" v-for="quiz in ongoingQuizzes" :quiz="quiz" :nav-path="navPath(quiz)"></quiz-card>
     </section>
     <section>
       <div class="sub-title mt-24">
         未开始的测试
       </div>
+      <div class="no-content-warning" v-if="notStartQuizzes === null">加载中...</div>
+      <div class="no-content-warning" v-else-if="notStartQuizzes.length === 0">无未开始的测试</div>
       <quiz-card is-teacher :key="quiz.id" v-for="quiz in notStartQuizzes" :quiz="quiz" :nav-path="navPath(quiz)"></quiz-card>
     </section>
     <section>
       <div class="sub-title mt-24">
         已结束的测试
       </div>
+      <div class="no-content-warning" v-if="closedQuizzes === null">加载中...</div>
+      <div class="no-content-warning" v-else-if="closedQuizzes.length === 0">无已结束的测试</div>
       <quiz-card is-teacher :key="quiz.id" v-for="quiz in closedQuizzes" :quiz="quiz" :nav-path="navPath(quiz)"></quiz-card>
     </section>
   </tab-side-component>
@@ -68,5 +74,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.no-content-warning {
+  margin: 24px 0;
+  padding: 0;
+  height: 100%;
+}
 </style>

src/views/teacher/tabs/TeacherExplore.vue

@@ -14,7 +14,7 @@
       </tab-actions>
       <!--      <search-bar></search-bar>-->
       <section class="mb-24">
-        <h1 class="sub-title">我的测试</h1>
+        <h1 class="sub-title">课堂测试</h1>
         <router-link :to="{ name: 'all-quiz'}">
           <c-button theme="green" icon="edit">所有测试</c-button>
         </router-link>