<template>
    <div class="trainAssessment">
        
        <div class="topRight" >
            <!-- <NavMenus></NavMenus> -->
            <NavMenus :back-confirm="false" ></NavMenus>
        </div>
        
        <div class="chapterThreeWorld" >
            <QingXiCheAndQvMain :eventMode="1" :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);

});

</script>
<style lang="scss" scoped>

.trainAssessment {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    .topRight {
        position: absolute;
        right: 0rem;
        top: 6rem;
        z-index: 100;
    }

    .chapterThreeWorld {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

}


</style>










