gasInjection-project/src/views/vent/monitorManager/ceshi/index.vue

<template>
    <div class="ces-demo">
        <div id="damper3D" style="width: 100%; height: 100%; position: absolute; overflow: hidden"></div>
        
    </div>
</template>

<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue'
import { mountedThree, addMonitorText, play, destroy, setModelType, computePlay } from '../gateMonitor/gate.threejs';


onMounted(() => {
    mountedThree('')
        .then(async () => {
                // 韩咀无风门设备,只有报警历史数据,无其他数据
                setModelType('fm3').then(async () => {
                  
 });
            
        })
        .catch(() => {
            debugger;
        });
})

</script>

<style lang="less" scoped>
.ces-demo {
    position: relative;
    width: calc(100% - 30px);
    height: calc(100% - 84px);
    margin: 15px;
}
</style>