摄像机信息区域/时间规则,系统维护,实时监控,算力管理样式调整

hanbaoshan

2020-08-06 d656ff9cf8c97a01c0cc990d935e4b42b314be22

 src/pages/desktop/index/components/Tools.vue

@@ -12,10 +12,11 @@
      </div>
    </div>
    <div class="tools-middle">
      <div v-for="dock in this.$store.state.desktop.minDocks" :key="dock.id" class="dock-item-wrap" :class="{'actived':dock.highlight}">
      <div v-for="dock in $store.state.desktop.minDocks" :key="dock.id" class="dock-item-wrap" :class="{'actived':dock.highlight}">
        <a @click="dockClick(dock)">
          <img class="dock-item" :src="dock.src" :alt="dock.alt" />
          <img class="dock-shot" :src="dock.screenshot" :alt="dock.name" />
          <img class="dock-shot" :src="dock.screenshot" v-if="dock.screenshot"/>
          
        </a>
      </div>
    </div>
@@ -75,6 +76,7 @@
  //     deep: true
  //   }
  // },

  
  methods: {
    notificationCenterClick: function () {
@@ -103,7 +105,8 @@
          id: frame.id,
          src: frame.icon,
          alt: frame.title,
          type: "3"
          type: "3",
          screenshot: ''
        });
      })
    },
@@ -122,7 +125,7 @@
        this.$store.commit("desktop/resetMinFrame", dock.id);
        //点击的iframe置顶并高亮
        debugger
        //this.$store.commit("desktop/refreshFrame", dock);
        this.$store.commit("desktop/refreshFrame", dock);
      }
    }
  }
@@ -180,6 +183,7 @@
}
.tools-middle .dock-item-wrap.actived{
  border-color: #40c3ff;
  background-color: #98aabe;
}
.dock-item-wrap a {
  height: 100%;