优化重复代码

src/features/arbitrate/MarkHeader.vue

@@ -41,13 +41,3 @@ let clearTasks = clearArbitrateTask.bind(
   groupNumber
 );
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/library/inspect/MarkHeader.vue

@@ -18,8 +18,7 @@ import { clearInspectedTaskOfLibraryInspect } from "@/api/libraryInspectPage";
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 
 const route = useRoute();
-let isSingleStudent = $ref(false);
-isSingleStudent = !!route.query.studentId;
+let isSingleStudent = !!route.query.studentId;
 const { subjectCode, groupNumber } = route.query as {
   subjectCode: string;
   groupNumber: string;
@@ -31,13 +30,3 @@ let clearTasks = clearInspectedTaskOfLibraryInspect.bind(
   groupNumber
 );
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/library/libraryTrack/MarkHeader.vue

@@ -5,13 +5,3 @@
 <script setup lang="ts">
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/library/quality/MarkHeader.vue

@@ -5,13 +5,3 @@
 <script setup lang="ts">
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/student/importInspect/MarkHeader.vue

@@ -34,8 +34,7 @@ import { useRoute } from "vue-router";
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 
 const route = useRoute();
-let isSingleStudent = $ref(false);
-isSingleStudent = !!route.query.studentId;
+let isSingleStudent = !!route.query.studentId;
 const { studentId, subjectCode } = route.query as {
   studentId: string;
   subjectCode: string;
@@ -43,13 +42,3 @@ const { studentId, subjectCode } = route.query as {
 
 let clearTasks = clearInspectedTask.bind(null, studentId, subjectCode);
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/student/studentInspect/MarkHeader.vue

@@ -18,8 +18,7 @@ import { useRoute } from "vue-router";
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 
 const route = useRoute();
-let isSingleStudent = $ref(false);
-isSingleStudent = !!route.query.studentId;
+let isSingleStudent = !!route.query.studentId;
 const { studentId, subjectCode } = route.query as {
   studentId: string;
   subjectCode: string;
@@ -27,13 +26,3 @@ const { studentId, subjectCode } = route.query as {
 
 let clearTasks = clearInspectedTask.bind(null, studentId, subjectCode);
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/features/student/studentTrack/MarkHeader.vue

@@ -5,13 +5,3 @@
 <script setup lang="ts">
 import CommonMarkHeader from "@/components/CommonMarkHeader.vue";
 </script>
-
-<style scoped>
-.header-small-text {
-  font-size: var(--app-secondary-font-size);
-}
-.highlight-text {
-  color: white;
-  font-size: var(--app-title-font-size);
-}
-</style>

src/styles/global.css

@@ -19,6 +19,16 @@ body {
   font-size: var(--app-secondary-font-size);
 }
 
+/* for MarkHeader */
+.header-small-text {
+  font-size: var(--app-secondary-font-size);
+}
+.highlight-text {
+  color: white;
+  font-size: var(--app-title-font-size);
+}
+
+/* override ant-design */
 .ant-message {
   z-index: 6001 !important;
   font-size: 16px !important;