退出登录样式

src/views/main/components/header.vue

@@ -17,6 +17,7 @@
       virtual-triggering
     >
       <div class="loginOut" @click="loginOutFun">退出登录</div>
+      <div class="loginOut" @click="deviceResourceFun">仪器资源</div>
     </el-popover>
   </div>
 </template>
@@ -25,6 +26,7 @@
 import { ref, unref } from "vue";
 import { ClickOutside as vClickOutside } from "element-plus";
 
+const router = useRouter();
 const buttonRef = ref();
 const popoverRef = ref();
 const onClickOutside = () => {
@@ -34,6 +36,10 @@ const loginOutFun = () => {
   alert("退出登录");
   // window.location.href = "/login";
 };
+
+const deviceResourceFun = () => {
+  router.push("/deviceResources");
+};
 </script>
 
 <style scoped lang="scss">
@@ -47,8 +53,16 @@ const loginOutFun = () => {
   padding: 0 10px;
 
   :deep(.el-popper) {
+    background-color: $hj-white-4;
+    padding: 2px;
     .loginOut {
       cursor: pointer;
+      height: 30px;
+      margin-bottom: 2px;
+      line-height: 30px;
+      text-align: center;
+      border-radius: 4px;
+      background-color: $hj-white-1;
     }
   }