From 4e0ab00da5ddf6e2b398e4f81b0a995e0773628f Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Fri, 24 Nov 2023 17:43:22 +0800
Subject: [PATCH] add account popover operation button

---
 frontend/src/views/Home/Home.vue                     | 12 +++++++++++-
 .../src/views/Overview/components/DepartChart.vue    |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Home/Home.vue b/frontend/src/views/Home/Home.vue
index 5c3f802..fed29af 100644
--- a/frontend/src/views/Home/Home.vue
+++ b/frontend/src/views/Home/Home.vue
@@ -17,7 +17,12 @@
                             <el-icon>
                                 <User />
                             </el-icon>
-                            <span> hello {{ user.name }}!</span>
+                            <el-popover placement="bottom" trigger="click">
+                                <template #reference>
+                                    <span> hello {{ user.name }}!</span>
+                                </template>
+                                <el-button>修改密码</el-button>
+                            </el-popover>
                             <el-icon>
                                 <Expand @click="handleLogout" />
                             </el-icon>
@@ -112,6 +117,11 @@ function doLogout() {
 
 
 <style lang="scss">
+.el-popover.el-popper {
+    min-width: 100px;
+    width: auto !important;
+}
+
 .el-aside {
     height: 100%;
     display: flex;
diff --git a/frontend/src/views/Overview/components/DepartChart.vue b/frontend/src/views/Overview/components/DepartChart.vue
index cac3ab8..989cd93 100644
--- a/frontend/src/views/Overview/components/DepartChart.vue
+++ b/frontend/src/views/Overview/components/DepartChart.vue
@@ -100,7 +100,7 @@ onMounted(() => {
         ElMessage.error("failed to get department machines overview info:" + err.msg)
     })
 
-    window.addEventListener("resize", resize);
+    window.addEventListener("resize", resize, {passive: true});
 })
 
 function resize() {
-- 
Gitee