diff --git a/src/views/faceteach/FaceTeachNoCourse.vue b/src/views/faceteach/FaceTeachNoCourse.vue index ce07ea4..ba84ff9 100644 --- a/src/views/faceteach/FaceTeachNoCourse.vue +++ b/src/views/faceteach/FaceTeachNoCourse.vue @@ -180,7 +180,9 @@ openLoading(); const closeLoading = () => { loading.value.close(); }; -const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId }); +const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId }, () => { + closeLoading(); +}); console.log("获取信息", data); const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId)); diff --git a/src/views/faceteach/FaceTeachSignUp.vue b/src/views/faceteach/FaceTeachSignUp.vue index 0e84b82..75a25e2 100644 --- a/src/views/faceteach/FaceTeachSignUp.vue +++ b/src/views/faceteach/FaceTeachSignUp.vue @@ -186,7 +186,7 @@ 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 CommentReply from "@/components/CommentReply.vue"; import dayjs from "dayjs"; const router = useRouter(); @@ -196,8 +196,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(); +}); const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));