update

src/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onMounted } from 'vue';
 import Help from "@/components/Help/Help.vue";
+// import WindowNotes from "@/components/WindowQingXiCheAndQv/WindowNotes.vue";
 
 const setFontSize = () => {
     // 字体大小动态调整
@@ -21,6 +22,7 @@ onMounted(() => {
 <template>
     <router-view></router-view>
     <Help></Help>
+    <!-- <WindowNotes></WindowNotes> -->
 </template>
 
 <style scoped></style>

src/components/ThreeWorldEventQingXiCheAndQv/QingXiCheAndQvMain.vue

@@ -26,6 +26,8 @@ import { WindowMenuStore } from "@/components/WindowQingXiCheAndQv/store/WindowM
 import WindowFraction from "../WindowQingXiCheAndQv/WindowFraction.vue";
 import { WindowFractionStore } from "@/components/WindowQingXiCheAndQv/store/WindowFractionStore.js";
 
+import WindowNotes from "@/components/WindowQingXiCheAndQv/WindowNotes.vue";
+
 import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
 
 // 接收参数
@@ -322,6 +324,7 @@ onMounted(() => {
             v-if="WindowFractionStore().obj.viewOpen == true"
         ></WindowFraction>
 
+        <WindowNotes></WindowNotes>
         
         <!-- 我们会通过一个全局的变量，来控制什么组件是否显示 CommonVal().loadSuccess 是一种方式，3d场景加载完成后会变成 true -->
         <div

src/components/ThreeWorldEventQingXiCheAndQv/js/QingXiCheAndQvCarEvent.js

@@ -301,6 +301,7 @@ export class QingXiCheAndQvCarEvent {
         // 优先关闭弹窗文本窗口
         WindowEvent.find().WindowTxtViewOpenExit();
         WindowEvent.find().WindowVideoViewOpenExit();
+        WindowEvent.find().WindowNotesStoreLook(false);
         CommonGuiDbListTwo.find().removeAll();
         
         switch(type) {
@@ -713,6 +714,10 @@ export class QingXiCheAndQvCarEvent {
         QingXiCheAdnQvCarEventStep.find().meshVisibility("all", false);
         QingXiCheAdnQvCarEventStep.find().animationAllTypeUpdate('stopAll');
 
+        if (QingXiCheAndQvCarEvent.find().eventMode != 0) {
+            WindowEvent.find().WindowNotesStoreLook(true);
+        }
+
         thisClass.tipsBtnsUpOpenEventCallbackMain(false);
         thisClass.tipsBtnsDownOpenEventCallbackMain(true);
 

src/components/WindowQingXiCheAndQv/WindowNotes.vue

@@ -0,0 +1,131 @@
+<script setup>
+import dayjs from "dayjs";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+import { WindowNotesStore } from "@/components/WindowQingXiCheAndQv/store/WindowNotesStore.js";
+import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
+import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
+
+WindowEvent.find().ComStore["WindowNotesStore"] = WindowNotesStore;
+
+let list = ref([
+    {
+        "txt" : "（1）设备下井时，云台摄像机朝下；设备下井时，应避免车体尾部线缆与井口、管壁发生摩擦导致线缆破损，线缆不能强拉硬拽。（建议在检测机器人尾部套入PVC水管弯头或购买导向轮，用于保护线缆）。",
+    },
+    {
+        "txt" : "（2） 设备行走，爬行器的行进方向宜与水流方向一致，管径不大于200mm时，直向摄影的行进速度不宜超过0.1m/s；管径大于200mm时，直向摄影的行进速度不宜超过0.15m/s； 检测时摄像镜头移动轨迹应在管道中轴线上，偏离度不应大于管径的10%。当对特殊形状的管道进行检测时，应适当调整摄像头位置并获得最佳图像。 ",
+    },
+    {
+        "txt" : "（3） 管道检测，直向摄影过程中，图像应保持正向水平,中途不应改变拍摄角度和焦距；侧向摄影时，爬行器宜停止行进，变动拍摄角度和焦距以获得最佳图像；管道检测过程中，录像资料不应产生画面暂停、间断记录、画面剪接的现象；在检测过程中发现缺陷时，应将爬行器在完全能够解析缺陷的位置至少停止10s，确保所拍摄的图像清晰完整。 ",
+    },
+    {
+        "txt" : "（4） 设备回收，每次施工完毕后需对检测机器人车体进行清理，需用湿毛巾或清水对设备表面进行擦拭，并用刮刀剔除镜头夹缝中的积泥砂石，以免影响镜头转动。",
+    },
+])
+
+onMounted(() => {
+    
+});
+
+</script>
+
+<template>
+    <div class="WindowNotes">
+
+        <div v-if="WindowNotesStore().obj.viewOpen == true" class="main">
+            
+            <div class="content">
+                <img class="KaoHeShuoMing" src="./img/exam/KaoHeShuoMing.webp" />
+                <div class="txtList commonsScrollbar" >
+                    
+                    <p class="txt" v-for="(item, index) in list" :key="index" >
+                        {{ item.txt }}
+                    </p>
+
+                </div>
+            </div>
+
+        </div>
+        
+    </div>
+</template>
+
+<style lang="less" >
+* {
+    box-sizing:border-box;
+    -moz-box-sizing:border-box; /* Firefox */
+    -webkit-box-sizing:border-box; /* Safari */
+}
+</style>
+
+<style lang="less" scoped>
+@import "./css/commonsScrollbar.less";
+
+
+@proportion : 0.7;
+
+.WindowNotes * {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+}
+
+.WindowNotes {
+    position: fixed;
+    z-index: 0;
+    width: 0px;
+    height: 0px;
+    top: 0px;
+    left: 0px;
+    // z-index: 1000;
+    z-index: 0;
+
+    .main {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+        background-color: #00221899;
+        
+        .content {
+            position: fixed;
+            width: 103rem * @proportion;
+            height: 58.64rem * @proportion;
+            top: 50%;
+            left: 50%;
+            margin: -29.32rem * @proportion 0px 0px -51.5rem * @proportion;
+            background-image: url("./img/exam/bg.webp");
+            background-position: center;
+            background-size: 100% 100%;
+
+            .KaoHeShuoMing {
+                position: absolute;
+                width: 17.21rem * @proportion;
+                top: 3.5rem * @proportion;
+                left: 50%;
+                margin: 0px 0px 0px -8.605rem * @proportion;
+            }
+
+            .txtList {
+                position: absolute;
+                top: 10rem * @proportion;
+                left: 10rem * @proportion;
+                right: 10rem * @proportion;
+                bottom: 5rem * @proportion;
+                
+                .txt {
+                    font-weight: 400;
+                    font-size: 1.64rem * @proportion;
+                    color: #EBEAE7;
+                }
+
+            }
+
+        }
+        
+    }
+    
+}
+</style>

src/components/WindowQingXiCheAndQv/js/WindowEvent.js

@@ -327,6 +327,17 @@ export class WindowEvent {
 
     }
     
+    /**
+     * 是否显示考核说明
+     * open     true    显示， false 隐藏
+     */
+    WindowNotesStoreLook = function(open) {
+
+        let thisClass = this;
+        thisClass.ComStore["WindowNotesStore"]().obj.viewOpen = open;
+
+    }
+
     
 
 }

src/components/WindowQingXiCheAndQv/store/WindowNotesStore.js

@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import { ref, watch } from "vue";
+
+export const WindowNotesStore = defineStore('WindowNotesStore', () => {
+
+    /**
+     * 统一放置全局用到的对象，变量等参数
+     */
+    const obj = ref({
+        
+        // 是否展示窗口
+        viewOpen : false,
+
+    });
+    
+    return {
+        obj,
+    }
+
+})