feat:增加智能批改等待过程提示

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

@@ -59,22 +59,22 @@
   }
 
   .capacity-item {
-    width: 95%;
+    width: 100%;
     height: 50vh;
     background-color: #d9d9d9;
     border-radius: 10px;
 
     .remark {
+      box-sizing: border-box;
       width: 100%;
-      height: 95%;
+      height: 100%;
       //max-height: 70vh;
       border-radius: 10px;
       overflow-y: auto; /* 添加垂直滚动 */
-      //overflow: scroll;
       white-space: pre-wrap; /* 保留换行和空格，允许自动换行 */
       //background-color: #f0f0f0;
       padding: 10px;
-      //background-color: red;
+      //background-color: rgba(255, 75, 75, 0.3);
     }
   }
 

src/views/Home/component/Silder/index.vue

@@ -35,7 +35,7 @@
               <div class="slider-tag-item" @click="openEditor(data.assignment.descriptionFile, data.assignment.assignmentName)">作业要求</div>
             </template>
             <template v-if="data.assignment.attachments">
-              <div v-for="(item, index) in data.assignment.attachments" :key="index" class="slider-tag-item" @click="openEditor(item, '附件' + index)">附件{{ index+1 }}</div>
+              <div v-for="(item, index) in data.assignment.attachments" :key="index" class="slider-tag-item" @click="openEditor(item, '附件' + index)">作业描述文件下载</div>
             </template>
           </div>
         </template>
@@ -44,10 +44,7 @@
           <el-button @click="handleCorrect">智能批改</el-button>
         </div>
         <div class="capacity-item">
-<!--          <el-spin :spinning="loading" style="height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;">-->
-            <div v-if="!loading" class="remark">{{ aiRemark }}</div>
-<!--          </el-spin>-->
-<!--          <div class='remark'>{{aiRemark}}</div>-->
+          <div v-loading="loading" element-loading-text="智能批改中" class="remark">{{ aiRemark }}</div>
         </div>
       </template>
     </div>
@@ -128,9 +125,10 @@ import {ElMessage} from "element-plus";
     loading.value = true;
     apis.rewrite(assignmentId, store.user.id)
         .then((res: any) => {
-          if(res.data.code == 500){
+          if (res.data.code == 500) {
+            aiRemark.value = new Array(2).join("智能批改请求超时")
             ElMessage.error("智能批改请求超时")
-          }else {
+          } else {
             aiRemark.value = res.data.data.content;
           }
         })