fix: BUG修改

src/views/hz-project/largeScreen/largeScreenOne/index.vue

@@ -63,13 +63,22 @@
 				</div>
 			</div>
 			<div class="blockBox">
-				<div class="blockTitle">
+				<div class="blockTitle" @click="videoPlay">
 					<img src="@/assets/images/hzImg/xm/gdxcsp.png" alt="" class="title" />
 				</div>
 				<div class="blockContent">
 					<!-- <img src="@/assets/images/hzImg/xm/video.png" alt="" width="100%" height="100%" /> -->
-					<video style="width: 100%; height: 100%; object-fit: fill" controls :src="videoData.videoUrl"></video>
+					<!-- <video style="width: 100%; height: 100%; object-fit: fill" controls :src="videoData.videoUrl"></video> -->
-					<!-- <div id="playWnd" class="playWnd" style="width: 300px;height: 300px;"></div> -->
+					<div ref="playWndBox" class="main" style="width: 300px; height: 300px">
+						<div
+							id="playWnd"
+							class="playWnd"
+							:style="{
+								height: playWndHeight + 'px',
+								width: playWndWidth + 'px'
+							}"
+						></div>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -177,13 +186,14 @@ let playWndWidth = ref("");
 let oWebControl = ref(null);
 let pubKey = ref("");
 let objData = ref({
-	appkey: "", //海康提供的appkey
+	appkey: "29560841", //海康提供的appkey
-	ip: "", //海康提供的ip
+	ip: "120.236.122.37:442", //海康提供的ip
-	secret: "", //海康提供的secret
+	secret: "8RPzFJX4h0POasG5v9AU", //海康提供的secret
 	port: 18443,
 	playMode: 0, // 0 预览 1回放
 	layout: "4x6" //页面展示的模块数【16】
 });
+let cameraIndexCode = ref<Array<string>>([]);
 const getProjectData = (data: any) => {
 	projectData.value = data;
 };
@@ -191,6 +201,17 @@ const videoData = ref({
 	videoUrl: ""
 });
 const dataObj = ref({});
+const videoPlay = () => {
+	console.log(666);
+	// 视频播放
+	getVideo();
+	previewVideo("33ab35b2724b49b4936060c39858d795");
+};
+// 获取视频流
+const getVideo = async () => {
+	// await sendRequest({ code: cameraIndexCode.value });
+	await getpreviewURL({ cameraIndexCode: cameraIndexCode.value });
+};
 // 获取视频配置信息
 const getVideoConfig = async () => {
 	// await sendRequest({ code: cameraIndexCode.value });
@@ -292,10 +313,10 @@ onBeforeUnmount(() => {
 	}
 });
 onMounted(async () => {
-	// 获取视频插件配置信息
-	getVideoConfig();
 	await getInspect();
 	await getPayMentData();
+	// 获取视频插件配置信息
+	getVideoConfig();
 	// 获取页面的实例对象 ee
 	const pageInstance = getCurrentInstance();
 	// 获取dom节点对象
@@ -476,6 +497,30 @@ const getPubKey = (callback: { (): void; (): void }) => {
 			}
 		});
 };
+// 调用这个函数可进行视频播放
+// 视频预览功能
+const previewVideo = (data: string | null) => {
+	let cameraIndexCode = data; // 获取输入的监控点编号值，必填
+	let streamMode = 0; // 主子码流标识：0-主码流，1-子码流
+	let transMode = 1; // 传输协议：0-UDP，1-TCP
+	let gpuMode = 0; // 是否启用GPU硬解，0-不启用，1-启用
+	let wndId = -1; // 播放窗口序号（在2x2以上布局下可指定播放窗口）
+
+	oWebControl
+		.JS_RequestInterface({
+			funcName: "startPreview",
+			argument: JSON.stringify({
+				cameraIndexCode: cameraIndexCode, // 监控点编号
+				streamMode: streamMode, // 主子码流标识
+				transMode: transMode, // 传输协议
+				gpuMode: gpuMode, // 是否开启GPU硬解
+				wndId: wndId // 可指定播放窗口
+			})
+		})
+		.then(function () {
+			oWebControl.JS_SetWindowControlCallback({});
+		});
+};
 </script>
 <style scoped lang="scss">
 @import url("./style.scss");

src/views/loading/index.vue

@@ -43,11 +43,12 @@ const tokenIdentify = async () => {
 		keepAlive.setKeepAliveName();
 
 		if (responseData.accountType === 2) {
+			await sendMessage({ isSuccess: true }, 2);
 			globalStore.setPath("/goverment/huizhou/largeScreen/largeScreenOne/index");
 			await initDynamicRouter({ moduleId: "1670639811581595650" });
 			globalStore.moduleId = "1670639811581595650";
-			// globalStore.moduleName = val.moduleName;
 		} else if (responseData.accountType == 4) {
+			await sendMessage({ isSuccess: true }, 2);
 			globalStore.setPath("/hz-project/largeScreen/largeScreenOne/index");
 			await initDynamicRouter({ moduleId: "1670603312504918018" });
 			globalStore.moduleId = "1670603312504918018";
@@ -56,7 +57,17 @@ const tokenIdentify = async () => {
 		// ElMessage.error("登录信息异常，请刷新或重新登录！");
 		return;
 	}
-	console.log(res);
+};
+const sendMessage = (msg, type, iframeEle) => {
+	console.log(666);
+	if (type === 1) {
+		// 父 => 子
+		iframeEle.contentWindow.postMessage(msg, "*");
+	} else if (type === 2) {
+		// 子 => 父
+		window.parent.postMessage(msg, "*");
+	}
+	console.log(777);
 };
 </script>
 <style scoped lang="scss">