diff --git a/src/views/sevenLargeScreen/videoManagement/index.vue b/src/views/sevenLargeScreen/videoManagement/index.vue index e165029..07794dc 100644 --- a/src/views/sevenLargeScreen/videoManagement/index.vue +++ b/src/views/sevenLargeScreen/videoManagement/index.vue @@ -4,8 +4,9 @@
- -
+ + +
@@ -65,7 +66,7 @@ import { selectProjectVideoListApi, getSafeHatSessionApi } from "@/api/modules/v import { COMPANY } from "@/config/config"; const defaultProps = { children: "list", - label: (data:any, node:any) => node.data.name + label: (data: any, node: any) => node.data.name }; let videoType = ref("") as any; let ysyParams = ref({} as any); @@ -110,10 +111,13 @@ let objData = ref({ //设备列表的点击操作 const checkVideo = async (item: any) => { - ysyParams.value = item; - cameraIndexCode.value = item.serialNumber; - if (videoType.value !== 1) { - previewVideo(cameraIndexCode.value); + // 避免点击父节点导致无法出现视频 + if(item.serialNumber){ + ysyParams.value = item; + cameraIndexCode.value = item.serialNumber; + if (videoType.value !== 1) { + previewVideo(cameraIndexCode.value); + } } }; // 定义个变量保存播放ID @@ -121,8 +125,8 @@ const checkVideo = async (item: any) => { //获取视频列表 const getVideoList = async () => { let res: any = await selectProjectVideoListApi({ - projectSn: store.sn, - all: 1 + projectSn: store.sn + // all: 1 // all=1查全部 }); shipinList.value = res.result.videoList; @@ -472,4 +476,36 @@ const previewVideo = (data: string | null) => { background-size: 100% 100%; } } +// element-plus组件样式 +:deep() { + .el-tree { + background-color: transparent; + } + .el-tree-node:focus > .el-tree-node__content { + // background-color: #141E2B; + background: url("@/assets/images/dustNoise/listImg.png") no-repeat; + background-size: 100% 100%; + } + .el-tree>.el-tree-node>.el-tree-node__content { + // background-color: #141E2B; + background: url("@/assets/images/dustNoise/listImg.png") no-repeat; + background-size: 100% 100%; + } + .el-tree-node__children .el-tree-node__content { + background-color: transparent; + } + .el-tree>.el-tree-node>.el-tree-node__content:hover { + // background-color: #141E2B; + background: url("@/assets/images/dustNoise/listImg.png") no-repeat; + background-size: 100% 100%; + } + .el-tree-node__label { + color: white; + font-size: 16px; + margin-bottom: 1px; + } + .el-tree-node__expand-icon { + font-size: 16px; + } +}