water_maintenance/src/components/WindowQingXiCheAndQv/WindowNotes.vue

<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>