style:项目详情页面增加loading

src/views/project/ProjectDetails.vue

@@ -13,7 +13,8 @@
 		<!-- 详细信息 -->
 		<div class="detailinfo">
 			<div class="detailL">
-				<div v-for="(i, k) in data.stageProcessList" :key="k">
+				<div v-if="data.stageProcessList" v-for="(i, k) in data.stageProcessList" :key="k">
+					{{ loading.close() }}
 					<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div>
 					<div v-else class="title">
 						<div class="titleL">{{ i.stageName }}</div>
@@ -102,6 +103,9 @@
 						<!--            </div>-->
 					</div>
 				</div>
+				<!-- <div ref="contentLoadingDom" id="loadings" v-else style="width:100%;height:400px;background:red;">
+					
+				</div> -->
 				<!-- <div class="tag1">必修</div>
         <div class="tag2">选修</div>
         <div class="tag3">测评</div>
@@ -249,6 +253,7 @@
 </template>
 <script setup>
 import { computed, reactive, ref } from "vue";
+import { ElLoading } from 'element-plus'
 import word from "@/assets/image/file/word.png";
 import ppt from "@/assets/image/file/ppt.png";
 import pdf from "@/assets/image/file/pdf.png";
@@ -280,6 +285,13 @@ const { data } = useRequest(PROJECT_PROCESS, {
 
 console.log("datadata", data);
 
+const loading = ref(false);
+loading.value = ElLoading.service({  
+	lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)'
+})
+
 // const { onlinedata } = useRequest(ONLINE_PROCESS, {
 // 	addView: false,
 // 	cid:"1042123882713739264"