feat.批改页面美化

src/views/CorrectPage/CorrectPage.vue

@@ -14,13 +14,13 @@
       
       <div class="right-side">
         <!-- TODO:AI评分及写作过程记录：框架已完成，内容调取待完成 -->
-        <div class="my-correct-item">
+        <div class="my-correct-record">
             <h2>历史记录</h2><br>
             <ContentSelector/>
         </div>
         
         <!-- 教师评分、修改意见及评价 -->
-        <div class="my-correct-item">
+        <div class="my-correct-remark">
             
             <Remark :studentId = "studentId" :assignmentId="assignmentId"/>              
         </div>    

src/views/CorrectPage/index.scss

@@ -24,12 +24,22 @@
       height: 100%;
       width: 50%;
 
-      .my-correct-item {
+      .my-correct-record {
         background-color: #f9f9f9;  
         border-radius: 5px;  
         padding: 15px;  
         box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        flex-grow: 1;
+        height: 35vh;
+        //border: 1px solid black;
+        background-color: #fff;
+        
+      }
+      .my-correct-remark {
+        background-color: #f9f9f9;  
+        border-radius: 5px;  
+        padding: 15px;  
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        height: 64vh;
         //border: 1px solid black;
         background-color: #fff;
         

src/views/Home/component/ContentSelector/ContentSelector.vue

@@ -78,7 +78,8 @@ export default {
 }   */
   
 .content-input-box {  
-  flex-grow: 1; /* 占据剩余空间 */  
+  height: 25vh; 
+  width: 65vh;
   border: 2px solid #ccc; /* 实线边框 */  
   padding: 10px;  
   border-radius: 5px;  
@@ -89,7 +90,7 @@ export default {
   
 textarea {  
   width: 100%; /* 宽度占满内容输入框 */  
-  height: 150px; /* 示例高度，可以根据需要调整 */  
+  height: 24vh; /* 示例高度，可以根据需要调整 */  
   border: none; /* 移除默认的textarea边框 */  
   resize: none; /* 禁止用户调整大小 */  
   background-color: #f9f9f9; /* 可选的背景色 */  

src/views/Home/component/Remark/Remark.vue

@@ -18,7 +18,7 @@
       <textarea v-model="correction.remark" placeholder="暂无评语" :readonly="isStudent"></textarea>  
     </div>  
   
-    <el-button color="#597D3B" @click="handleCorrect" :disabled="isStudent">提交批改</el-button>  
+    <el-button color="#597D3B" @click="handleCorrect" v-if="!isStudent">提交批改</el-button>  
   </div>  
 </template>  
   

src/views/Home/component/Remark/index.scss

@@ -10,7 +10,7 @@
 
 } 
 .rating-component {  
-  margin-bottom: 10px; // 下边距  
+  margin-bottom: 2vh; // 下边距  
 } 
 .score-input {  
   /* 设置边框样式 */  
@@ -35,7 +35,7 @@
 // 文本区域样式  
 textarea { 
   margin-bottom: 10px; /* 为textarea底部留出空间给提交按钮 */ 
-  height:250px;
+  height:35vh;
   width: 98%; // 宽度占满父容器  
   padding: 10px; // 内边距   
   border: 1px solid #ccc; // 边框  

src/views/Home/component/StudentEssay/StudentWritingRequirements.vue

@@ -17,6 +17,7 @@
             {{data.description}}
           </div>
           <div class="item">
+                      <!-- TODO:相关文件下载逻辑补全 -->
             <el-link type="primary" @click="console.log('文件下载')">相关文件下载</el-link>
           </div>
         </div>