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;
+ }
+}