Bläddra i källkod

修改跳转加载动画时长

11wqe1 4 veckor sedan
förälder
incheckning
27929a84d3
1 ändrade filer med 15 tillägg och 75 borttagningar
  1. 15 75
      src/views/HomeView.vue

+ 15 - 75
src/views/HomeView.vue

@@ -19,7 +19,6 @@
 						</div>
 						<div class="person">
 							<div class="person_name" @click="editInfo">
-								<!-- @click="openData()" -->
 								<img
 									style="
 										width: 40px;
@@ -68,6 +67,7 @@
 						<iframe
 							allow="camera *; microphone *;display-capture;midi;encrypted-media;fullscreen *;"
 							frameborder="no"
+							@load="handleLoad"
 							style="border: 0; width: 100%; height: calc(100vh - 60px)"
 							:src="item.json"
 							:ref="item.toolId"
@@ -81,6 +81,7 @@
 					<iframe
 						allow="camera *; microphone *;display-capture;midi;encrypted-media;fullscreen *;"
 						frameborder="no"
+						@load="handleLoad"
 						style="border: 0; width: 100%; height: calc(100vh - 60px)"
 						:src="clearifa"
 					>
@@ -204,10 +205,6 @@ export default {
 		...mapActions({
 			logout: "user/logout",
 		}),
-		// 打开个人信息
-		openData() {
-			window.topU.U.MD.D.I.openApplication("my");
-		},
 		// 打开编辑弹框
 		editInfo() {
 			this.$refs.userInfoA.openDig();
@@ -215,17 +212,17 @@ export default {
 		// 打开平台应用工具
 		AddAppJson(val) {
 			console.log("AddAppJson", val);
+			this.loading = true;
 			// 荔园首页工具切换,不缓存工具
 			if (val.clearL) {
 				this.AppJSon.forEach((e) => {
 					this.$set(e, "stateL", false); // 使用 Vue.set 确保响应式
 				});
-				this.loading = true;
 				this.clearifa = val.json;
 				// 打开平台工具加载两秒
-				setTimeout(() => {
-					this.loading = false;
-				}, 2000);
+				// setTimeout(() => {
+				// 	this.loading = false;
+				// }, 2000);
 				return;
 			}
 
@@ -236,12 +233,11 @@ export default {
 
 			if (data.length == 0) {
 				//为0则添加进列表,并将其他的展示状态改为false
-				this.loading = true;
 
 				// 打开平台工具加载两秒
-				setTimeout(() => {
-					this.loading = false;
-				}, 2000);
+				// setTimeout(() => {
+				// 	this.loading = false;
+				// }, 2000);
 
 				this.AppJSon.forEach((e) => {
 					this.$set(e, "stateL", false); // 使用 Vue.set 确保响应式
@@ -260,14 +256,17 @@ export default {
 
 				setTimeout(() => {
 					// console.log('this.$refs.appRef.contentWindow.document.body;', this.$refs[val.toolId][0].contentWindow.document.body);
-
+					this.loading = false;
 					if (!this.$refs[val.toolId][0].contentWindow.document.body) {
 						this.$refs[val.toolId][0].contentWindow.location.reload();
 					}
 				}, 2000);
 			}
 		},
-
+		handleLoad(){
+			this.loading = false;
+			console.log('iframe加载完成');
+		},
 		async handleLogout() {
 			this.$confirm("确定退出吗", "提示", {
 				confirmButtonText: "确定",
@@ -292,6 +291,7 @@ export default {
 					// 取消操作
 				});
 		},
+		// 生成学生跳转到课程详情的链接
 		async openApp2(val) {
 			let url = "";
 			let argumentList = ["courseId","userid", "oid", "org","cid","tType","screenType"];
@@ -398,24 +398,6 @@ export default {
 				i.argumentList = JSON.parse(i.argumentList);
 			});
 
-			// let params3 = [
-			// 	{
-			// 		functionName: "select_schUsuallyApp",
-			// 		userid: "",
-			// 		stand: "cn",
-			// 	},
-			// ];
-
-			// let res3 = await this.$ajax.post(API_CONFIG.baseUrl, params3);
-
-			// let _list = res3.data[0];
-
-			// _list.forEach((i) => {
-			// 	i.json = JSON.parse(i.json);
-			// });
-
-			// let appList = _list;
-
 			// 第三步
 			perData.desktop.list.forEach((i, index) => {
 				let _index = toolList.findIndex((i2) => i == i2.id);
@@ -425,48 +407,6 @@ export default {
 					console.log("无工具", i);
 				}
 			});
-			// console.log(
-			// 	"perData.admin.cocoFlow",
-			// 	JSON.parse(JSON.stringify(perData.admin))
-			// );
-
-			// if (perData.admin.cocoFlow) {
-			// 	perData.admin.cocoFlow.forEach((i, index) => {
-			// 		let _index = appList.findIndex((i2) => i.id == i2.id);
-			// 		if (_index != -1) {
-			// 			let _setData = appList[_index];
-			// 			_setData.setIcon = i.setIcon;
-			// 			perData.admin.cocoFlow[index] = _setData;
-			// 		} else {
-			// 			console.log("无应用", i);
-			// 		}
-			// 	});
-			// }
-			// if (perData.admin.cocoFlow2) {
-			// 	perData.admin.cocoFlow2.forEach((i, index) => {
-			// 		let _index = appList.findIndex((i2) => i.id == i2.id);
-			// 		if (_index != -1) {
-			// 			let _setData = appList[_index];
-			// 			_setData.setIcon = i.setIcon;
-			// 			perData.admin.cocoFlow2[index] = _setData;
-			// 		} else {
-			// 			console.log("无应用", i);
-			// 		}
-			// 	});
-			// }
-			// if (perData.admin.CampusF && perData.admin.CampusF.appList) {
-			// 	perData.admin.CampusF.appList.forEach((i, index) => {
-			// 		let _index = appList.findIndex((i2) => i.id == i2.id);
-
-			// 		if (_index != -1) {
-			// 			let _setData = appList[_index];
-			// 			_setData.setIcon = i.setIcon;
-			// 			perData.admin.CampusF.appList[index] = _setData;
-			// 		} else {
-			// 			console.log("无应用", i);
-			// 		}
-			// 	});
-			// }
 
 			perData.admin.index.list.forEach((i, index) => {
 				let _index = toolList.findIndex((i2) => i == i2.id);