| | |
| | | </div>--> |
| | | </li> |
| | | |
| | | <!-- 添加区域图标 --> |
| | | <div class="tree-edit area-add" v-show="!TreeDataPool.readonly"> |
| | | <el-tooltip content="添加区域" placement="bottom" popper-class="atooltip"> |
| | | <button @click="addNode($event)"> |
| | |
| | | </template> |
| | | |
| | | <!-- 国标刷新图标 --> |
| | | <div class="tree-edit gb-refresh" v-show="!TreeDataPool.gbReadonly"> |
| | | <!-- <div class="tree-edit gb-refresh" v-show="!TreeDataPool.gbReadonly"> |
| | | <el-tooltip content="刷新" placement="top" popper-class="atooltip"> |
| | | <button @click="refreshGB"> |
| | | <i v-if="loadingGBTree" class="el-icon-loading" style="font-size:16px"></i> |
| | | <i v-else class="el-icon-refresh" style="font-size:16px"></i> |
| | | </button> |
| | | </el-tooltip> |
| | | </div> |
| | | </div>--> |
| | | <div class="tree-edit gb-lock" v-show="showLock"> |
| | | <button @click="gbLockSwitch"> |
| | | <i v-if="TreeDataPool.gbReadonly" class="el-icon-lock" style="font-size:16px"></i> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | cameraAuth: "videoMonitor:camera", |
| | | dataStack: "videoMonitor:dataStack", |
| | | activeIndexVideo: "", |
| | | buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [], |
| | | installedApps: sessionStorage.getItem("apps") || [], |
| | | loginName: JSON.parse(sessionStorage.getItem("userInfo")).username || "用户名", |
| | |
| | | label: "联动摄像机" |
| | | } |
| | | ], |
| | | searchTypeLocalVideo: [ |
| | | { |
| | | value: 0, |
| | | label: "全部" |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "处理完成" |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "处理中" |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "未配规则" |
| | | }, |
| | | { |
| | | value: 4, |
| | | label: "未开启" |
| | | } |
| | | ], |
| | | timeout: null, |
| | | fileUploadBox: false, |
| | | loadingGBTree: false, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | console.log(this.appName) |
| | | console.log(this.showCam) |
| | | if (this.showCam) { |
| | | this.TreeDataPool.treeActiveName = "camera" |
| | | this.TreeDataPool.fetchTreeData(); |
| | |
| | | .dev-vedio-list { |
| | | padding: 0 15px; |
| | | box-sizing: border-box; |
| | | height: calc(100vh - 80px); |
| | | // height: calc(100vh - 80px); |
| | | //max-height: 740px; |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | // @media screen and (max-height: 720px) { |
| | | // max-height: 580px; |
| | | // } |
| | | // @media screen and (min-height: 900px) { |
| | | // max-height: 740px; |
| | | // } |
| | | // overflow-x: hidden; |
| | | overflow: auto; |
| | | |
| | | } |
| | | .dev-vedio-list::-webkit-scrollbar { |
| | | /*滚动条整体样式*/ |