添加摄像机区域管理应用

hanbaoshan

2020-08-29 21a340c24815a55a07db2dc3d2e5a19e7de440cd

 src/pages/desktop/index/store/modules/desktop.js

@@ -89,21 +89,47 @@
        offset = 5;
      }
    }
    dframe.leftOffset = state.framesOffset + order;
    dframe.topOffset = state.framesOffset + order;
    // dframe.leftOffset = state.framesOffset + order;
    // dframe.topOffset = state.framesOffset + order;
    dframe.order = 0;
    dframe.isShow = true;
    let curDframe = state.docks.find(dock => dock.id == dframe.id);
    //读取当前屏幕分辨率
    console.log(window.screen.availWidth);
    console.log(window.screen.availHeight);
    dframe.name = curDframe.name;
    dframe.width = curDframe.width;
    dframe.height = curDframe.height;
    //根据分辨率动态调整(摄像机配置,数据栈配置,比对库管理,算力管理,实时监控)
    //获取原始宽高比
    let ratio = curDframe.width/curDframe.height;
    if(curDframe.name == 'cameraAccess' || curDframe.name == 'dataStack' || curDframe.name == 'library' || curDframe.name == 'analysisPower' || curDframe.name == 'cameraVideo'){
      //处理富余高度大于140的窗口
      if(window.screen.availHeight - curDframe.height > 120){
        dframe.height = (window.screen.availHeight - curDframe.height)/2 + curDframe.height - 50;
        dframe.width = dframe.height*ratio;
      }
    }
    //全部绝对居中
    dframe.leftOffset = (document.body.offsetWidth - dframe.width)/2;
    dframe.topOffset = (document.body.offsetHeight - dframe.height)/2;
    
    state.framesOrder = order;
    state.framesOffset = offset;
    debugger
    state.frames.push(dframe);

    return true;
  },
  shotscreen: (state, {id,src}) => {
    let curFrame = state.frames.find(frame => frame.id == id);
    if(!curFrame.isShow){
      return
    }
    let curDock = state.minDocks.find(one => one.id == id);
    curDock.screenshot = src;
  },
  addMinDock: (state, dock) => {
    debugger
    let ids = state.minDocks.map(item => item.id);
    
    if (ids.indexOf(dock.id) > -1) {
@@ -113,10 +139,11 @@
      let minOne = state.minDocks.find(one => one.id == dock.id);
      
      minOne.highlight = false;
      debugger
      minOne.screenshot = dock.screenshot?dock.screenshot:minOne.screenshot;
      //找到minDocks最近打开的状态isShow为true的dock置为高亮
      let minLen = state.minDocks.length;
      for(var i = minLen-1; i >= 0; i--){
        debugger
        let temp =  state.frames.find(frame=>frame.id == state.minDocks[i].id);
        if(temp.isShow){
          state.minDocks[i].highlight = true;
@@ -132,7 +159,7 @@
    //   }
    //   return false;
    // });
    debugger
    
    state.minDocks.push(dock);
    
  },
@@ -164,6 +191,7 @@
      }
      return false;
    });
    
    state.docks.find(function (it) {
      if (it.id === item.id) {
        it.isOpen = false;
@@ -175,21 +203,32 @@
      state.safari.active = false;
    }
  },
  highlight(state){
    //找到minDocks最近打开的状态isShow为true的dock置为高亮
    let minLen = state.minDocks.length;
    for(var i = minLen-1; i >= 0; i--){
      let temp =  state.frames.find(frame=>frame.id == state.minDocks[i].id);
      if(temp.isShow){
        state.minDocks[i].highlight = true;
        return;
      }
    }
  },
  openSafari: (state) => {
    state.safari.active = true;
    state.safari.isShow = true;
  },
  refreshFrame: (state, item) => {
    debugger
    
    state.frames.forEach(function (it) {
      debugger
      
      if (it.id === item.id) {
        it.order = 1;

        state.minDocks.forEach((min,index)=>{
          debugger
          
          if(min.id == it.id){
            debugger
            
            min.highlight = true;
          }else{
            min.highlight = false;