From 33eec2b68fbd0c7c6a9031ac36e790cd213a25d1 Mon Sep 17 00:00:00 2001
From: xiaoxie <hotcoffie@163.com>
Date: 星期六, 23 四月 2022 11:20:00 +0800
Subject: [PATCH] 动态计算播放器尺寸，保持16：9比例，避免出现黑框或固定大小无法缩放
---
web_src/src/components/devicePosition.vue | 6 +++++-
1 files changed, 5 insertions(+), 1 deletions(-)
diff --git a/web_src/src/components/devicePosition.vue b/web_src/src/components/devicePosition.vue
index cc74dc1..a807363 100644
--- a/web_src/src/components/devicePosition.vue
+++ b/web_src/src/components/devicePosition.vue
@@ -1,6 +1,6 @@
<template>
<div id="devicePosition" style="width: 100vw; height: 91vh;">
- <el-container style="height: 91vh;" v-loading="isLoging">
+ <el-container v-if="onOff" style="height: 91vh;" v-loading="isLoging">
<el-aside width="auto" style="background-color: #ffffff">
<DeviceTree ref="deviceTree" :clickEvent="clickEvent" :contextMenuEvent="contextmenuEventHandler" ></DeviceTree>
</el-aside>
@@ -8,6 +8,9 @@
<MapComponent ref="map"></MapComponent>
</el-main>
</el-container>
+ <div v-if="!onOff" style="width: 100%; height:100%; text-align: center; line-height: 5rem">
+ <p>鍦板浘鍔熻兘宸插叧闂�</p>
+ </div>
<div ref="infobox" v-if="channel != null " >
<div v-if="channel != null" class="infobox-content">
<el-descriptions class="margin-top" :title="channel.name" :column="1" :colon="true" size="mini" :labelStyle="labelStyle" >
@@ -55,6 +58,7 @@
},
data() {
return {
+ onOff: typeof window.mapParam !== "undefined",
deviceService: new DeviceService(),
layer: null,
lineLayer: null,
--
Gitblit v1.8.0