| | |
| | | </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> |
| | |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane |
| | | label="数据栈" |
| | | name="dataStack" |
| | | :style="`height:${height - 56}px;`" |
| | | v-if="showDataStack" |
| | | > |
| | | <el-tab-pane label="数据栈" name="dataStack" v-if="showDataStack"> |
| | | <div class="local-vedio-area"> |
| | | <!-- 搜索 --> |
| | | <div class="search-input"> |
| | |
| | | size="small" |
| | | clearable |
| | | @input="querySearchAsync('dir')" |
| | | :style="'width:103px;'" |
| | | :style="'width:148px;'" |
| | | > |
| | | <i |
| | | class="el-icon-search el-input__icon" |
| | |
| | | } from "@/api/camera"; |
| | | |
| | | import bus from "@/plugin/bus" |
| | | import TreeMenu from "@/components/treeMenu/index"; |
| | | // import TreeMenu from "@/components/treeMenu/index"; |
| | | import TreeMenu from "@/components/giantTree/index"; |
| | | import LocalVedioList from '@/components/subComponents/LocalVedioList'; |
| | | import FileUpload from '@/components/subComponents/FileUpload/index'; |
| | | import XLSX from 'xlsx' |
| | |
| | | this.timeout = setTimeout(() => { |
| | | if (type === "camera") { |
| | | this.TreeDataPool.fetchTreeData(); |
| | | } |
| | | if (type === "cluster") { |
| | | this.TreeDataPool.fetchClusterTree(); |
| | | } |
| | | if (type === "dir") { |
| | | this.DataStackPool.fetchFiles(); |
| | |
| | | } |
| | | .dev-vedio-list { |
| | | padding: 0 15px; |
| | | max-height: 740px; |
| | | box-sizing: border-box; |
| | | 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; |
| | | } |
| | | // @media screen and (max-height: 720px) { |
| | | // max-height: 580px; |
| | | // } |
| | | // @media screen and (min-height: 900px) { |
| | | // max-height: 740px; |
| | | // } |
| | | } |
| | | .dev-vedio-list::-webkit-scrollbar { |
| | | /*滚动条整体样式*/ |
| | |
| | | } |
| | | |
| | | .tree-edit { |
| | | z-index: 1; |
| | | z-index: 2; |
| | | font-size: 16px; |
| | | position: absolute; |
| | | top: 56px; |