|
|
@ -247,12 +247,12 @@ |
|
|
<button |
|
|
<button |
|
|
type="button" |
|
|
type="button" |
|
|
class="tree-toggle" |
|
|
class="tree-toggle" |
|
|
:class="{ collapsed: !treeVisible }" |
|
|
|
|
|
|
|
|
:class="treeVisible ? 'open' : 'collapsed'" |
|
|
:aria-expanded="String(treeVisible)" |
|
|
:aria-expanded="String(treeVisible)" |
|
|
:title="treeVisible ? '隐藏设备树' : '显示设备树'" |
|
|
:title="treeVisible ? '隐藏设备树' : '显示设备树'" |
|
|
@click="toggleDeviceTree" |
|
|
@click="toggleDeviceTree" |
|
|
> |
|
|
> |
|
|
<img :src="treeToggleIcon" alt=""> |
|
|
|
|
|
|
|
|
<img :src="treeVisible ? treeToggleIcon : treeCollapseIcon" alt=""> |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
@ -282,6 +282,7 @@ import iconDonghuan from "@/assets/portal/icon-donghuan.png"; |
|
|
import iconFire from "@/assets/portal/icon-fire.png"; |
|
|
import iconFire from "@/assets/portal/icon-fire.png"; |
|
|
import iconSecurity from "@/assets/portal/icon-security.png"; |
|
|
import iconSecurity from "@/assets/portal/icon-security.png"; |
|
|
import treeToggleIcon from "@/assets/portal/tree-toggle.png"; |
|
|
import treeToggleIcon from "@/assets/portal/tree-toggle.png"; |
|
|
|
|
|
import treeCollapseIcon from "@/assets/portal/tree-collapse.png"; |
|
|
|
|
|
|
|
|
const INSPECTION_CATEGORIES = ["表计", "外观", "红外"]; |
|
|
const INSPECTION_CATEGORIES = ["表计", "外观", "红外"]; |
|
|
const PORTAL_HLS_NO_RETRY_POLICY = { |
|
|
const PORTAL_HLS_NO_RETRY_POLICY = { |
|
|
@ -378,6 +379,7 @@ export default { |
|
|
triangleIcon, |
|
|
triangleIcon, |
|
|
enterIcon, |
|
|
enterIcon, |
|
|
treeToggleIcon, |
|
|
treeToggleIcon, |
|
|
|
|
|
treeCollapseIcon, |
|
|
navItems: [ |
|
|
navItems: [ |
|
|
{ key: "home", label: "首页" }, |
|
|
{ key: "home", label: "首页" }, |
|
|
{ key: "patrol", label: "动环巡检" }, |
|
|
{ key: "patrol", label: "动环巡检" }, |
|
|
@ -1584,6 +1586,10 @@ $panel-border: rgba(84, 130, 255, 0.22); |
|
|
filter: brightness(1.2) drop-shadow(0 0 6px rgba(32, 218, 255, 0.65)); |
|
|
filter: brightness(1.2) drop-shadow(0 0 6px rgba(32, 218, 255, 0.65)); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 树展开时:按钮贴到树面板左缘,显示收起箭头 */ |
|
|
|
|
|
&.open { |
|
|
|
|
|
right: 38.3%; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
:deep(.panel-select.el-select), |
|
|
:deep(.panel-select.el-select), |
|
|
@ -1820,7 +1826,8 @@ $panel-border: rgba(84, 130, 255, 0.22); |
|
|
display: block; |
|
|
display: block; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
object-fit: cover; |
|
|
|
|
|
|
|
|
/* contain:完整显示画面不裁切;树打开格子变窄时两侧留底色而不是切割视频 */ |
|
|
|
|
|
object-fit: contain; |
|
|
background: #050b24; |
|
|
background: #050b24; |
|
|
|
|
|
|
|
|
&.hidden { |
|
|
&.hidden { |
|
|
|