| | |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | "TreeDataPool.selectedNode": function (node) {
|
|---|
| | | console.log(this.TreeDataPool.selectedNode);
|
|---|
| | | if (this.activeName == "camera-info") {
|
|---|
| | | if (this.TreeDataPool.treeActiveName == "camera") {
|
|---|
| | | this.$refs.cameraInfo.selectCamera(node);
|
|---|
| | | }
|
|---|
| | | } else if (this.activeName === "separate-rule") {
|
|---|
| | | this.$refs.sepRule.Camera = {};
|
|---|
| | | this.$refs.sepRule.initCameraData(node.id);
|
|---|
| | | this.$refs.sepRule.initCameraData(node.id, node.cameraType);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | "TreeDataPool.selectedNodes": {
|
|---|
| | | handler(nodes) {
|
|---|
| | | handler() {
|
|---|
| | | if (this.activeName == "linkage-rule") {
|
|---|
| | | this.$refs.linkRule.initCameraData();
|
|---|
| | | this.$refs.linkRule.initCameraData(
|
|---|
| | | this.TreeDataPool.selectedNode.cameraType
|
|---|
| | | );
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | deep: true,
|
|---|
| | |
|---|
| | | this.$nextTick(() => {
|
|---|
| | | if (this.activeName == "camera-info") {
|
|---|
| | | this.$refs.dataStackInfo.selectDir(node);
|
|---|
| | | this.$refs.dataStackInfo.getRule();
|
|---|
| | | } else if (this.activeName == "separate-rule" && node.length !== 0) {
|
|---|
| | | this.$refs.sepRule.initCameraData(node.id);
|
|---|
| | | }
|
|---|
| | |
|---|
| | | this.$refs.cameraInfo.selectCamera(this.TreeDataPool.selectedNode);
|
|---|
| | | } else if (this.TreeDataPool.treeActiveName == "dataStack") {
|
|---|
| | | this.$refs.dataStackInfo.selectDir(this.DataStackPool.selectedDir);
|
|---|
| | | this.$refs.dataStackInfo.getRule();
|
|---|
| | | }
|
|---|
| | | } else if (tab.name === "separate-rule") {
|
|---|
| | | if (this.TreeDataPool.treeActiveName == "camera") {
|
|---|
| | | this.$refs.sepRule.initCameraData(this.TreeDataPool.selectedNode.id);
|
|---|
| | | this.$refs.sepRule.initCameraData(
|
|---|
| | | this.TreeDataPool.selectedNode.id,
|
|---|
| | | this.TreeDataPool.selectedNode.cameraType
|
|---|
| | | );
|
|---|
| | | } else if (this.TreeDataPool.treeActiveName == "dataStack") {
|
|---|
| | | this.$refs.sepRule.initCameraData(this.DataStackPool.selectedDir.id);
|
|---|
| | | }
|
|---|
| | | } else if (this.activeName == "linkage-rule") {
|
|---|
| | | this.$refs.linkRule.initCameraData();
|
|---|
| | | // this.$refs.linkRule.initCameraData();
|
|---|
| | | } else if (this.activeName == "poll-setting") {
|
|---|
| | | this.$nextTick(() => {
|
|---|
| | | this.$refs.pullSetting.initLineChart();
|
|---|
| | |
|---|
| | | .s-video-manage {
|
|---|
| | | width: 100%;
|
|---|
| | | min-width: 1599px;
|
|---|
| | | height: 100%;
|
|---|
| | | float: left;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | user-select: none;
|
|---|
| | | .el-tabs--border-card {
|
|---|
| | | box-shadow: none;
|
|---|
| | | -webkit-box-shadow: none;
|
|---|
| | |
|---|
| | | // border-radius: 5px;
|
|---|
| | | // }
|
|---|
| | | .el-tabs--border-card {
|
|---|
| | | height: 100%;
|
|---|
| | | width: 100%;
|
|---|
| | | &.video-tab {
|
|---|
| | | & > .el-tabs__header {
|
|---|
| | |
|---|
| | | .video-tab > .el-tabs__content {
|
|---|
| | | width: 100%;
|
|---|
| | | //margin-top: 52px;
|
|---|
| | | height: calc(100% - 36px);
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | overflow-y: auto;
|
|---|
| | | padding: 0;
|
|---|
