|
@@ -4,7 +4,6 @@ import { QingXiCheAndQvMyThreeWorldStore } from "./store/QingXiCheAndQvMyThreeWo
|
|
import ThreeWorldEventMainQingXiCheAndQv from "./ThreeWorldEventMainQingXiCheAndQv.vue";
|
|
import ThreeWorldEventMainQingXiCheAndQv from "./ThreeWorldEventMainQingXiCheAndQv.vue";
|
|
import { QingXiCheAndQvThreeWorldEventMain } from "./js/QingXiCheAndQvThreeWorldEventMain.js";
|
|
import { QingXiCheAndQvThreeWorldEventMain } from "./js/QingXiCheAndQvThreeWorldEventMain.js";
|
|
import LoadingDemo from "./LoadingDemo.vue";
|
|
import LoadingDemo from "./LoadingDemo.vue";
|
|
-import MapGps from "./MapGps.vue";
|
|
|
|
import QingXiCheAndQvProcessEvent from "./event/QingXiCheAndQvProcessEvent.vue";
|
|
import QingXiCheAndQvProcessEvent from "./event/QingXiCheAndQvProcessEvent.vue";
|
|
import { QingXiCheAndQvProcessEventStore } from "./event/store/QingXiCheAndQvProcessEventStore.js";
|
|
import { QingXiCheAndQvProcessEventStore } from "./event/store/QingXiCheAndQvProcessEventStore.js";
|
|
import { QingXiCheAndQvCarEvent } from "./js/QingXiCheAndQvCarEvent.js";
|
|
import { QingXiCheAndQvCarEvent } from "./js/QingXiCheAndQvCarEvent.js";
|
|
@@ -23,28 +22,6 @@ import { WindowVideoRemoveColorStore } from "@/components/WindowQingXiCheAndQv/s
|
|
|
|
|
|
import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
|
|
import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
|
|
|
|
|
|
-const videoJson = {
|
|
|
|
- "01" : new URL("../assets/res/video/01.mp4", import.meta.url).href,
|
|
|
|
- "02" : new URL("../assets/res/video/02.mp4", import.meta.url).href,
|
|
|
|
- "03" : new URL("../assets/res/video/03.mp4", import.meta.url).href,
|
|
|
|
- "04" : new URL("../assets/res/video/04.mp4", import.meta.url).href,
|
|
|
|
-
|
|
|
|
- // "01" : "#/Video?id=01",
|
|
|
|
- // "02" : "#/Video?id=02",
|
|
|
|
- // "03" : "#/Video?id=03",
|
|
|
|
- // "04" : "#/Video?id=04",
|
|
|
|
-};
|
|
|
|
-
|
|
|
|
-// 当前点击播放视频的地址
|
|
|
|
-let videoUrl = ref("");
|
|
|
|
-// 弹出pdf的内容
|
|
|
|
-let menuListIndex = ref(-1);
|
|
|
|
-
|
|
|
|
-/**
|
|
|
|
- * 控制在管道里的检测车,重新回到初始流程
|
|
|
|
- */
|
|
|
|
-let timeResetInitGroundDownCar = ref("0");
|
|
|
|
-
|
|
|
|
/**
|
|
/**
|
|
* 接下来要操作的步骤
|
|
* 接下来要操作的步骤
|
|
* json
|
|
* json
|
|
@@ -60,52 +37,7 @@ const callbackProcessEvent = (json) => {
|
|
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
- * 选择菜单
|
|
|
|
- */
|
|
|
|
-const SelectEventCallbackExit = (json) => {
|
|
|
|
-
|
|
|
|
- // console.log(
|
|
|
|
- // "SelectEventCallbackExit", json
|
|
|
|
- // );
|
|
|
|
-
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig = json;
|
|
|
|
-
|
|
|
|
- if (QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name == "巡查调度虚拟仿真") {
|
|
|
|
-
|
|
|
|
- menuEvent("mapGps");
|
|
|
|
- joinEvent();
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = false;
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventViewOpen = true;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/**
|
|
|
|
- * 选择类型
|
|
|
|
- * json
|
|
|
|
- */
|
|
|
|
-const SelectTypeEventCallbackExit = (json) => {
|
|
|
|
-
|
|
|
|
- // console.log(
|
|
|
|
- // "SelectTypeEventCallbackExit", json
|
|
|
|
- // );
|
|
|
|
-
|
|
|
|
- if (typeof json == 'undefined' || json == null || json == undefined) {
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = true;
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventViewOpen = false;
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventConfig = json;
|
|
|
|
- SelectTypeEventConfigEvent();
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-/**
|
|
|
|
- * 统一返回到首页
|
|
|
|
|
|
+ * 统一初始化隐藏对应的UI
|
|
*/
|
|
*/
|
|
const ComReturnCallbackExit = () => {
|
|
const ComReturnCallbackExit = () => {
|
|
|
|
|
|
@@ -121,144 +53,9 @@ const ComReturnCallbackExit = () => {
|
|
QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = false;
|
|
QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = false;
|
|
QingXiCheAndQvMyThreeWorldStore().obj.ComReturnViewOpen = false;
|
|
QingXiCheAndQvMyThreeWorldStore().obj.ComReturnViewOpen = false;
|
|
QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = false;
|
|
QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = false;
|
|
-
|
|
|
|
- if (QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name == "巡查调度虚拟仿真") {
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventViewOpen = false;
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = true;
|
|
|
|
- } else {
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventViewOpen = true;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/**
|
|
|
|
- * 视频返回事件触发
|
|
|
|
- */
|
|
|
|
-const VideoCallbackExit = () => {
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = false;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/**
|
|
|
|
- * 根据菜单 和 类别,触发对应的逻辑
|
|
|
|
- */
|
|
|
|
-const SelectTypeEventConfigEvent = () => {
|
|
|
|
-
|
|
|
|
- console.log(
|
|
|
|
- "SelectTypeEventConfigEvent",
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig,
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventConfig
|
|
|
|
- );
|
|
|
|
-
|
|
|
|
- if (QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventConfig.type == "video") {
|
|
|
|
-
|
|
|
|
- // console.log("弹出视频", QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name);
|
|
|
|
-
|
|
|
|
- switch (QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name) {
|
|
|
|
-
|
|
|
|
- case "巡查调度虚拟仿真":
|
|
|
|
- // window.open(videoJson["01"], '_blank');
|
|
|
|
- videoUrl.value = videoJson["01"];
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = true;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "维护清洗虚拟仿真":
|
|
|
|
- // window.open(videoJson["02"], '_blank');
|
|
|
|
- videoUrl.value = videoJson["02"];
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = true;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "检测虚拟仿真":
|
|
|
|
- // window.open(videoJson["03"], '_blank');
|
|
|
|
- videoUrl.value = videoJson["03"];
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = true;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "数智修复虚拟仿真":
|
|
|
|
- // window.open(videoJson["04"], '_blank');
|
|
|
|
- videoUrl.value = videoJson["04"];
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = true;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- if (QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventConfig.type == "vr") {
|
|
|
|
-
|
|
|
|
- // console.log("弹出虚拟仿真", QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name);
|
|
|
|
-
|
|
|
|
- switch (QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name) {
|
|
|
|
-
|
|
|
|
- case "巡查调度虚拟仿真":
|
|
|
|
-
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "维护清洗虚拟仿真":
|
|
|
|
- menuEvent("waterPipe");
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "检测虚拟仿真":
|
|
|
|
- menuEvent("look");
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "数智修复虚拟仿真":
|
|
|
|
- menuEvent("repair");
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- joinEvent();
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- if (QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventConfig.type == "test") {
|
|
|
|
-
|
|
|
|
- // console.log(
|
|
|
|
- // "弹出PDF", QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name
|
|
|
|
- // );
|
|
|
|
-
|
|
|
|
- switch (QingXiCheAndQvMyThreeWorldStore().obj.SelectEventConfig.name) {
|
|
|
|
-
|
|
|
|
- case "巡查调度虚拟仿真":
|
|
|
|
-
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "维护清洗虚拟仿真":
|
|
|
|
- menuListIndex.value = 0;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "检测虚拟仿真":
|
|
|
|
- menuListIndex.value = 1;
|
|
|
|
- break;
|
|
|
|
-
|
|
|
|
- case "数智修复虚拟仿真":
|
|
|
|
- menuListIndex.value = 2;
|
|
|
|
- break;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- // pdfUrl.value = "lookpdf/index.html?pdfUrl=" + url;
|
|
|
|
- // pdfUrl.value = url;
|
|
|
|
-
|
|
|
|
- return;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
-/**
|
|
|
|
- * 统一进入实验要触发的逻辑
|
|
|
|
- */
|
|
|
|
-const joinEvent = () => {
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectEventViewOpen = false;
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.SelectTypeEventViewOpen = false;
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.VideoViewOpen = false;
|
|
|
|
-
|
|
|
|
- QingXiCheAndQvMyThreeWorldStore().obj.ComReturnViewOpen = true;
|
|
|
|
-}
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
* 切换菜单,触发不同逻辑
|
|
* 切换菜单,触发不同逻辑
|
|
@@ -375,15 +172,31 @@ const menuEvent = (name) => {
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+
|
|
|
|
+/**
|
|
|
|
+ * 初始化 清洗车 的逻辑
|
|
|
|
+ */
|
|
|
|
+const QingXiCheEventInit = () => {
|
|
|
|
+ ComReturnCallbackExit();
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/**
|
|
|
|
+ * 初始化 QV检测 的逻辑
|
|
|
|
+ */
|
|
|
|
+const QvEventInit = () => {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
<div class="QingXiCheAndQvMain">
|
|
<div class="QingXiCheAndQvMain">
|
|
|
|
|
|
<!-- 自定义自己建的加载3d场景的逻辑 -->
|
|
<!-- 自定义自己建的加载3d场景的逻辑 -->
|
|
- <ThreeWorldEventMainQingXiCheAndQv
|
|
|
|
- v-show="QingXiCheAndQvMyThreeWorldStore().obj.menu.waterPipe == true || QingXiCheAndQvMyThreeWorldStore().obj.menu.repair == true"
|
|
|
|
- ></ThreeWorldEventMainQingXiCheAndQv>
|
|
|
|
|
|
+ <ThreeWorldEventMainQingXiCheAndQv></ThreeWorldEventMainQingXiCheAndQv>
|
|
|
|
|
|
<!-- 自定义加载百分比 -->
|
|
<!-- 自定义加载百分比 -->
|
|
<LoadingDemo
|
|
<LoadingDemo
|
|
@@ -412,12 +225,8 @@ const menuEvent = (name) => {
|
|
<div
|
|
<div
|
|
v-if="CommonVal().loadSuccess == true"
|
|
v-if="CommonVal().loadSuccess == true"
|
|
>
|
|
>
|
|
-
|
|
|
|
- <MapGps v-show="QingXiCheAndQvMyThreeWorldStore().obj.menu.mapGps == true" ></MapGps>
|
|
|
|
-
|
|
|
|
<QingXiCheAndQvProcessEvent @callbackProcess="callbackProcessEvent"
|
|
<QingXiCheAndQvProcessEvent @callbackProcess="callbackProcessEvent"
|
|
v-show="QingXiCheAndQvProcessEventStore().obj.listIndex > -1" ></QingXiCheAndQvProcessEvent>
|
|
v-show="QingXiCheAndQvProcessEventStore().obj.listIndex > -1" ></QingXiCheAndQvProcessEvent>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|