update

src/view/student/trainChapter/trainAssessment.vue

@@ -5,19 +5,45 @@
             <NavMenus></NavMenus>
         </div>
         
-
-        三维实训场景
+        <div class="chapterThreeWorld" >
+            <QingXiCheAndQvMain :initTime="initTimeQingXiCarAndQv" :processUiOpen="(stepTipsLook == true ? false : true)"
+            @callbackProgress="callbackProgressQingXiCheAndQv" ></QingXiCheAndQvMain>
+        </div>
 
     </div>
 </template>
 <script setup lang="ts">
 import { onMounted, reactive, computed, watch, onUnmounted, nextTick, ref } from 'vue';
 import NavMenus from '../components/navMenus.vue';
+import QingXiCheAndQvMain from '@/components/ThreeWorldEventQingXiCheAndQv/QingXiCheAndQvMain.vue';
 import { useRoute } from 'vue-router';
 const route = useRoute();
 const taskId = route.params.taskId as string;
 const studentTaskId = route.params.studentTaskId as string;
 
+/**
+ * 因为引入了其他三维场景
+ * 三维场景里,自带了上一步,下一步的逻辑UI
+ * 所以控制,原先前端UI的 上一步,下一步的UI逻辑是否显示还是隐藏
+ */
+let stepTipsLook = ref(false);
+
+// 控制清洗车回到第一个流程逻辑
+let initTimeQingXiCarAndQv = ref("0");
+
+/**
+ * 清洗车自定义回调步骤
+ */
+const callbackProgressQingXiCheAndQv = (json : any) => {
+    console.log("callbackProgressQingXiCheAndQv ===>", json);
+
+    // 完成所有步骤
+    if (json.name == "equipmentRepositioningWork") {
+        // stepTipsLook.value = true;
+    }
+
+}
+
 onMounted(() => {
 
     console.log("taskId", taskId, studentTaskId);
@@ -41,6 +67,15 @@ onMounted(() => {
         z-index: 100;
     }
 
+    .chapterThreeWorld {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+    }
+
 }