feat:修改面授课

src/views/faceteach/FaceTeachNoCommon.vue

@@ -148,13 +148,21 @@
 
 <script setup>
 import ReturnHead from "@/components/ReturnHead.vue";
-import { computed, reactive, toRefs, watch, onUnmounted, onMounted } from "vue";
+import {
+  computed,
+  reactive,
+  toRefs,
+  watch,
+  onUnmounted,
+  onMounted,
+  ref,
+} from "vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
 import { request, useRequest } from "@/api/request";
 import { STU_OFFCOURSE_DETAIL, FACETEACH_SIGNUP } from "@/api/api";
 import { useRoute, useRouter } from "vue-router";
 import { useUserInfo } from "@/api/utils";
-import { ElMessage, messageConfig } from "element-plus";
+import { ElMessage, messageConfig, ElLoading } from "element-plus";
 import dayjs from "dayjs";
 import UploadPostImg from "@/components/img/UploadPostImg.vue";
 import CommentReply from "@/components/CommentReply.vue";
@@ -165,8 +173,21 @@ const returnclick = () => {
 const {
   query: { courseId, type, id: taskId },
 } = useRoute();
-
-const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
+const loading = ref(false); // loading
+const openLoading = () => {
+  loading.value = ElLoading.service({
+    lock: true,
+    text: "Loading",
+    background: "rgba(0, 0, 0, 0.7)",
+  });
+};
+openLoading();
+const closeLoading = () => {
+  loading.value.close();
+};
+const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId }, () => {
+  closeLoading();
+});
 console.log("获取信息", data);
 
 const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));