feat.批改界面返回按钮

src/views/CorrectPage/CorrectPage.vue

@@ -7,6 +7,7 @@
 
     <div class="my-correct">
       <!-- 写作题目 及 作文内容 -->
+      
       <div class="my-correct-header">
         <StudentWritingRequirements /> 
         <StudentEssay :studentId = "studentId" :assignmentId="assignmentId"/> 
@@ -23,7 +24,11 @@
         <div class="my-correct-remark">
             
             <Remark :studentId = "studentId" :assignmentId="assignmentId"/>              
-        </div>    
+        </div>  
+        
+      <div class = "my-correct-goback">
+        <el-button color="#597D3B" @click="goBack">返回</el-button> 
+      </div>  
         
       </div>
       
@@ -107,6 +112,12 @@ onMounted( () => {
 
 <script lang="ts">
 export default {
-name: "CorrectPage"
+  methods: {  
+    goBack() {  
+      // 使用Vue Router的$router.go(-1)来返回上一个页面  
+      this.$router.go(-1);  
+    },  
+  },  
+  name: "CorrectPage"
 }
 </script>

src/views/CorrectPage/index.scss

@@ -7,6 +7,12 @@
     display: flex;
     gap: 20px;
     //border: 1px solid black;
+
+    .my-correct-goback{
+      position: absolute;  
+      bottom: 5vh;  
+      right: 3vh; 
+    }
   
     .my-correct-header {
       width: 50%;