机房可视化

src/layout/components/Sidebar/index.vue

@@ -14,6 +14,10 @@
       >
         <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
       </el-menu>
+      <div onclick="handleWindowOpen()" class="menuLinkDiv">
+        <i class="el-icon-view" />
+        <span class="menuLink">机房可视化</span>
+      </div>
     </el-scrollbar>
   </div>
 </template>
@@ -49,8 +53,45 @@ export default {
     isCollapse() {
       return !this.sidebar.opened
     }
+  },
+  mounted() {
+    window.handleWindowOpen = this.handleWindowOpen
+  },
+  methods: {
+    handleWindowOpen() {
+      window.open('http://47.110.242.76:8088/')
+    }
   }
 }
 </script>
 <style lang="scss">
+.sidebar-menu{
+  .menuLinkDiv{
+    height: 56px;
+    line-height: 56px;
+    font-size: 14px;
+    //padding: 0 20px;
+    list-style: none;
+    box-sizing: border-box;
+    white-space: nowrap;
+    cursor: pointer;
+    position: relative;
+    .el-icon-view{
+      position: relative;
+      top: 3px;
+      margin-left: 17px;
+      margin-right: 15px;
+      font-size: 20px;
+      color: rgb(255, 255, 255);
+    }
+    .menuLink{
+      line-height: 56px;
+      font-size: 14px;
+      color: rgb(255, 255, 255);
+    }
+    &:hover {
+      background: #1A2137;
+    }
+  }
+}
 </style>