From 44ca77b3057dd7f5cd67b7a6ee89b164e3b0749b Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期四, 01 十二月 2022 13:24:43 +0800 Subject: [PATCH] Default Changelist --- src/views/intellectInspect/intelligentLine/index.vue | 32 +++++++++++++++----------------- 1 files changed, 15 insertions(+), 17 deletions(-) diff --git a/src/views/intellectInspect/intelligentLine/index.vue b/src/views/intellectInspect/intelligentLine/index.vue index c5521fe..f1d8fe8 100644 --- a/src/views/intellectInspect/intelligentLine/index.vue +++ b/src/views/intellectInspect/intelligentLine/index.vue @@ -1,14 +1,18 @@ <template> - <div class="container"> + <div class="container" id="screenFull"> <div class="big-title" @click="goBack()">国泰新华智能巡检系统</div> <div style="height: 20px;font-size: 14px;line-height: 20px; color: #00ffff; margin-top: 4px">{{ present }}</div> <div class="btns"> - <div class="fullbtn" @click="onScreenfullClick"> - <div class="toFull"> - <i class="iconfont" :title="isScreenfull ? $t('message.user.title6') : $t('message.user.title5')" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i> - </div> - <div>全屏</div> - </div> +<!-- <div class="fullbtn" @click="onScreenfullClick">--> +<!-- <div class="toFull">--> +<!-- <i class="iconfont" :title="全屏" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i>--> +<!-- <el-icon>--> +<!-- <FullScreen v-if="isScreenfull"/>--> +<!-- <Close v-else/>--> +<!-- </el-icon>--> +<!-- </div>--> +<!-- <div>全屏</div>--> +<!-- </div>--> <div class="backBtn" @click="goBack()"> <img src="../../../assets/loginPage/back-icon.png"/> <div>退出</div> @@ -101,7 +105,6 @@ // 定义接口来定义对象的类型 interface stateType { present: string; - isScreenfull: boolean; path: string; socket: any; socketData: string; @@ -118,7 +121,6 @@ const route = useRoute(); const state = reactive<stateType>({ present: '', - isScreenfull: false, path: '', socketData: '', socket: null, @@ -135,6 +137,7 @@ state.id = curId.toString() getLine(state.id) getUrl(state.id) + onScreenfullClick(); }); const dataList = computed(() => { @@ -199,18 +202,13 @@ // 全屏 const onScreenfullClick = () => { + const element = document.getElementById('screenFull') if (!screenfull.isEnabled) { ElMessage.warning('暂不不支持全屏'); return false; } - screenfull.toggle(); - screenfull.on('change', () => { - if (screenfull.isFullscreen) { - state.isScreenfull = true; - } else { - state.isScreenfull = false; - } - }); + screenfull.toggle(element); + console.log(111111111111111) }; // 返回 -- Gitblit v1.9.2