设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 src/Pool/TreeData.ts

@@ -11,6 +11,8 @@
  getCameraBaseImage
} from '@/api/area'

import {getClusterDevList} from '@/api/clusterManage'

export default class TreeDataPool {
  public openeds: Array<boolean>
  public activeTreeData: Array<object>
@@ -64,6 +66,11 @@
  public gb28181CameraBaseImage: string
  public baseImageLoading: boolean

  public activeNode: string
  public clusterId: string
  public devId: string


  constructor() {
    this.openeds = [true, true, false]
    this.activeTreeData = []
@@ -102,7 +109,13 @@
    this.cameraNameForBaseImage = ""
    this.gb28181CameraBaseImage = ""
    this.baseImageLoading = false
    this.activeNode = ''
    this.clusterId = ''
    this.devId = ''


  }


  setVideoArr(index: number, value: object, vue: any): void {
    vue.$set(this.videoArr, index, value)
@@ -119,6 +132,7 @@
    function nodeFilter(node: any) {
      if (node.type === '4' && node.selected) {
        _selected.push(node.id)
        sessionStorage.setItem('cameraDevId',node.devId)
      }
      if (node.children) {
        node.children.forEach((n: any) => {
@@ -161,6 +175,7 @@

    function nodeFilter(node: any) {
      if (node.type === '4' && (node.selected || node.checked)) {
      sessionStorage.setItem("cameraDevId", node.devId);
        _this.selectedNodes.push(node.id)
      }
      if (node.children) {
@@ -338,17 +353,22 @@

  async fetchLocalTree() {
    let params: any = {
      parentId:"",
      searchType: this.searchCamType,
      cameraName: this.searchInput
      cameraName: this.searchInput,
    
      //isPlatform: 1
    }
    if (this.searchFrom == 'cluster') {
      params.isPlatform = 1
    }
  

    const rsp: any = await getLocalCameraTree(params)

    if (rsp && rsp.success) {
      this.treeData = rsp.data ? rsp.data : []
    
      this.treeData = rsp.data.treeMenu ? rsp.data.treeMenu : []
      if (this.treeData && this.treeData.length > 0) {
        this.sortTreeData(this.treeData)
      }
@@ -377,12 +397,13 @@

  async fetchGbTree() {
    const rsp: any = await getGB28181CameraTree({
      parentId: "",
      searchType: this.searchCamType,
      cameraName: this.searchInput
    })

    if (rsp && rsp.success) {
      this.gb28181Data = rsp.data ? rsp.data : []
      this.gb28181Data = rsp.data.treeMenu ? rsp.data.treeMenu : []
      if (this.gb28181Data && this.gb28181Data.length > 0) {
        this.sortTreeData(this.gb28181Data)
      }
@@ -404,7 +425,7 @@
  async add(name: string, parent: string) {
    await addAreaTreeData({
      name: name,
      parentId: parent
      parentId: parent,
    })

    this.fetchTreeData()
@@ -412,7 +433,7 @@

  async del(id: string) {
    await delAreaTreeData({
      id: id
      id: id,
    })

    this.fetchTreeData()
@@ -423,14 +444,14 @@
      id: id,
      name: name,
      parentId: this.getParent(id, isGb),
      alias: alias
      alias: alias,
    })

    this.fetchTreeData()
  }

  async refreshGB28181() {
    await refreshGB28181Tree()
    await refreshGB28181Tree({})
    // this.fetchGbTree()
  }

@@ -468,7 +489,10 @@
    if (update) {
      fn = refreshGB28181Tree
    }
    const rsp: any = await fn()
    const rsp: any = await fn({
      clusterId:this.clusterId,
      devId:this.devId,
    })

    if (rsp && rsp.success) {
      this.selectedNode = {}
@@ -481,10 +505,9 @@
      this.setDropDisable(this.treeData)
      this.isFold(this.treeData)

      this.activeTreeData = this.treeData

      this.gb28181CheckedCount = 0;
      this.gb28181CheckedCount = 0
      this.gb28181ChildNodeCount = this.countChildrenNodes(this.treeData)
      this.activeTreeData = this.treeData
    }
  }

@@ -525,7 +548,11 @@
    this.cameraNameForBaseImage = node.name

    try {
      const rsp: any = await getCameraBaseImage({ id: node.id })
      const rsp: any = await getCameraBaseImage({ 
        id: node.id,
        clusterId: this.clusterId,
        devId: this.devId,
      })

      if (rsp && rsp.data) {
        this.gb28181CameraBaseImage = rsp.data