fix: BUG修改

This commit is contained in:
kun 2024-03-25 11:47:22 +08:00
parent 8cea1162bd
commit cf991171e6
7 changed files with 48 additions and 56 deletions

View File

@ -13,9 +13,9 @@ NODE_ENV = 'development'
# 沈阳合盈线上 # 沈阳合盈线上
# VITE_API_URL = "http://101.43.164.214:45022" # VITE_API_URL = "http://101.43.164.214:45022"
# 演示平台 # 演示平台
# VITE_API_URL = 'http://jxj.zhgdyun.com:9809' VITE_API_URL = 'http://jxj.zhgdyun.com:9809'
# 百色七参数线上地址 # 百色七参数线上地址
VITE_API_URL = 'http://101.43.164.214:11111' # VITE_API_URL = 'http://101.43.164.214:11111'
# 上传 # 上传
VITE_ULD_API_URL = 'http://192.168.34.155:8012/onlinePreview?url=' VITE_ULD_API_URL = 'http://192.168.34.155:8012/onlinePreview?url='

View File

@ -107,15 +107,12 @@ onMounted(async () => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (oWebControl.value === undefined) { //
// oWebControl.JS_HideWnd();
oWebControl.JS_HideWnd(); //
// oWebControl.JS_RequestInterface({ funcName: "destroyWnd" });
oWebControl.JS_RequestInterface({ funcName: "destroyWnd" }); //
// oWebControl.JS_Disconnect();
oWebControl.JS_Disconnect();
}
});
const initPlugin = () => { const initPlugin = () => {
oWebControl = new WebControl({ oWebControl = new WebControl({
@ -295,7 +292,6 @@ const previewVideo = (data: string | null) => {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main { .main {
border-radius: 8px; border-radius: 8px;

View File

@ -1,5 +1,5 @@
<template> <template>
<ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100" :isFlat="false" @scaleChange="scaleChange" v-show="false"> <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100" :isFlat="false" @scaleChange="scaleChange">
<div class="largeScreen" ref="dataScreenRef"> <div class="largeScreen" ref="dataScreenRef">
<div class="header"> <div class="header">
<!-- <div class="hearderIcon"><img src="@/assets/images/jxjLogo.png" alt="" /></div> --> <!-- <div class="hearderIcon"><img src="@/assets/images/jxjLogo.png" alt="" /></div> -->

View File

@ -107,14 +107,12 @@ onMounted(async () => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (oWebControl.value === undefined) { //
// oWebControl.JS_HideWnd();
oWebControl.JS_HideWnd();
// //
oWebControl.JS_RequestInterface({ funcName: "destroyWnd" }); oWebControl.JS_RequestInterface({ funcName: "destroyWnd" });
// //
oWebControl.JS_Disconnect(); oWebControl.JS_Disconnect();
}
}); });
const initPlugin = () => { const initPlugin = () => {

View File

@ -107,14 +107,12 @@ onMounted(async () => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (oWebControl.value === undefined) { //
// oWebControl.JS_HideWnd();
oWebControl.JS_HideWnd(); //
// oWebControl.JS_RequestInterface({ funcName: "destroyWnd" });
oWebControl.JS_RequestInterface({ funcName: "destroyWnd" }); //
// oWebControl.JS_Disconnect();
oWebControl.JS_Disconnect();
}
}); });
const initPlugin = () => { const initPlugin = () => {

View File

@ -149,14 +149,12 @@ onMounted(async () => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (oWebControl.value === undefined) { //
// oWebControl.JS_HideWnd();
oWebControl.JS_HideWnd(); //
// oWebControl.JS_RequestInterface({ funcName: "destroyWnd" });
oWebControl.JS_RequestInterface({ funcName: "destroyWnd" }); //
// oWebControl.JS_Disconnect();
oWebControl.JS_Disconnect();
}
}); });
const initPlugin = () => { const initPlugin = () => {

View File

@ -4,7 +4,15 @@
<div class="videoListBig"> <div class="videoListBig">
<Card title="监控设备列表"> <Card title="监控设备列表">
<el-scrollbar style="height: 100%"> <el-scrollbar style="height: 100%">
<el-tree ref="treeRef" default-expand-all icon="ArrowRight" :data="shipinList" node-key="name" :props="defaultProps" @node-click="checkVideo"> <el-tree
ref="treeRef"
default-expand-all
icon="ArrowRight"
:data="shipinList"
node-key="name"
:props="defaultProps"
@node-click="checkVideo"
>
</el-tree> </el-tree>
<!-- <div class="decivList"> <!-- <div class="decivList">
<div <div
@ -40,11 +48,7 @@
</div> </div>
<!-- 播放海康 --> <!-- 播放海康 -->
<div ref="playWndBox" style="width: 90%; height: 100%; margin: 0 5% 2% 5%"> <div ref="playWndBox" style="width: 90%; height: 100%; margin: 0 5% 2% 5%">
<div <div id="playWnd" class="playWnd" style="width: 100%; height: 100%"></div>
id="playWnd"
class="playWnd"
style="width: 100%;height: 100%;"
></div>
<!-- :style="{ <!-- :style="{
height: playWndHeight + 'px', height: playWndHeight + 'px',
width: playWndWidth + 'px' width: playWndWidth + 'px'
@ -113,7 +117,7 @@ let objData = ref({
// //
const checkVideo = async (item: any) => { const checkVideo = async (item: any) => {
// //
if(item.serialNumber){ if (item.serialNumber) {
ysyParams.value = item; ysyParams.value = item;
cameraIndexCode.value = item.serialNumber; cameraIndexCode.value = item.serialNumber;
if (videoType.value !== 1) { if (videoType.value !== 1) {
@ -184,14 +188,12 @@ onMounted(async () => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (oWebControl.value === undefined) { //
// oWebControl.JS_HideWnd();
oWebControl.JS_HideWnd(); //
// oWebControl.JS_RequestInterface({ funcName: "destroyWnd" });
oWebControl.JS_RequestInterface({ funcName: "destroyWnd" }); //
// oWebControl.JS_Disconnect();
oWebControl.JS_Disconnect();
}
}); });
const initPlugin = () => { const initPlugin = () => {
@ -481,12 +483,12 @@ const previewVideo = (data: string | null) => {
.el-tree { .el-tree {
background-color: transparent; background-color: transparent;
} }
.el-tree>.el-tree-node:focus > .el-tree-node__content { .el-tree > .el-tree-node:focus > .el-tree-node__content {
// background-color: #141E2B; // background-color: #141E2B;
background: url("@/assets/images/dustNoise/listImg.png") no-repeat; background: url("@/assets/images/dustNoise/listImg.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree>.el-tree-node>.el-tree-node__content { .el-tree > .el-tree-node > .el-tree-node__content {
// background-color: #141E2B; // background-color: #141E2B;
background: url("@/assets/images/dustNoise/listImg.png") no-repeat; background: url("@/assets/images/dustNoise/listImg.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@ -499,20 +501,20 @@ const previewVideo = (data: string | null) => {
.el-tree-node__children .el-tree-node { .el-tree-node__children .el-tree-node {
margin-top: 3%; margin-top: 3%;
} }
.el-tree>.el-tree-node>.el-tree-node__content:hover { .el-tree > .el-tree-node > .el-tree-node__content:hover {
// background-color: #141E2B; // background-color: #141E2B;
background: url("@/assets/images/dustNoise/listImg.png") no-repeat; background: url("@/assets/images/dustNoise/listImg.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree-node__label{ .el-tree-node__label {
color: white; color: white;
font-size: 16px; font-size: 16px;
margin-bottom: 1px; margin-bottom: 1px;
} }
.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label { .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
margin-left: 8%; margin-left: 8%;
} }
.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__expand-icon { .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__expand-icon {
color: white; color: white;
font-size: 16px; font-size: 16px;
position: absolute; position: absolute;