| | |
| | | @click="closeTree" |
| | | ></i> |
| | | </el-tooltip> |
| | | </div> --> |
| | | </div>--> |
| | | </li> |
| | | |
| | | <!-- 添加区域图标 --> |
| | |
| | | style="color: #3D68E1;line-height: 22px;font-size: 27px;" |
| | | @click="closeTree" |
| | | ></i> |
| | | </div> --> |
| | | </div>--> |
| | | </div> |
| | | |
| | | <!-- 本地视频源列表 --> |
| | |
| | | updateStatus |
| | | } from "@/api/localVedio"; |
| | | |
| | | import bus from "@/plugin/bus" |
| | | import TreeMenu from "@/components/treeMenu/index"; |
| | | import LocalVedioList from '@/components/subComponents/LocalVedioList'; |
| | | import FileUpload from '@/components/subComponents/FileUpload/index'; |
| | |
| | | }, |
| | | closeTree() { |
| | | this.TreeDataPool.showTreeBox = false; |
| | | // bus.$emit('refreshCompareImg') |
| | | bus.$emit('refreshCompareImg') |
| | | }, |
| | | addNode(event) { |
| | | this.$refs.tree.addNode(event, { id: 0 }); |
| | | }, |
| | | addCamera(node) { |
| | | // bus.$emit("addCameraOnTree", node); |
| | | bus.$emit("addCameraOnTree", node); |
| | | }, |
| | | addDir(node) { |
| | | // bus.$emit("addDirOnTree", node); |
| | | bus.$emit("addDirOnTree", node); |
| | | }, |
| | | menuOpen(index) { |
| | | this.TreeDataPool.openeds[index] = true; |
| | |
| | | .left-tree-box { |
| | | float: left; |
| | | width: 100%; |
| | | .el-tabs__nav-prev,.el-tabs__nav-next{ |
| | | .el-tabs__nav-prev, |
| | | .el-tabs__nav-next { |
| | | display: none; |
| | | } |
| | | .el-tabs--border-card { |
| | |
| | | // import fTemplate from "@/components/common/fTemplate"; |
| | | // import localSeparate from "@/components/camera/localSeparate"; |
| | | |
| | | //import bus from "@/main"; |
| | | import bus from "@/plugin/bus"; |
| | | //import TreeDataPool from "@/Pool/TreeData"; |
| | | |
| | | export default { |
| | |
| | | }, |
| | | mounted() { |
| | | this.$nextTick(() => { |
| | | // bus.$on("addCameraOnTree", node => { |
| | | // this.handAddDevice(node); |
| | | // }); |
| | | // bus.$on("addDirOnTree", node => { |
| | | // this.handAddDIr(node); |
| | | // }); |
| | | // this.TreeDataPool.clean(); |
| | | bus.$on("addCameraOnTree", node => { |
| | | this.handAddDevice(node); |
| | | }); |
| | | bus.$on("addDirOnTree", node => { |
| | | this.handAddDIr(node); |
| | | }); |
| | | this.TreeDataPool.clean(); |
| | | }); |
| | | |
| | | let _this = this |
| | |
| | | .el-tabs--border-card { |
| | | height: 100%; |
| | | width: 100%; |
| | | &.video-tab{ |
| | | &>.el-tabs__header{ |
| | | &.video-tab { |
| | | & > .el-tabs__header { |
| | | position: fixed; |
| | | top:0; |
| | | |
| | | width:100%; |
| | | z-index:999; |
| | | top: 0; |
| | | |
| | | width: 100%; |
| | | z-index: 999; |
| | | height: 54px; |
| | | overflow-y: hidden; |
| | | } |
| | | } |
| | | .el-tabs__header { |
| | | |
| | | .is-active { |
| | | color: #3d68e1 !important; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | .video-tab>.el-tabs__content { |
| | | .video-tab > .el-tabs__content { |
| | | width: 100%; |
| | | margin-top: 52px; |
| | | //height: calc(100% - 52px); |
New file |
| | |
| | | import Vue from "vue" |
| | | export default new Vue(); |