From 6c8a550a6b8835a0e30d7232ef266e05aaeab7e7 Mon Sep 17 00:00:00 2001
From: wyj2080 <1603068044@qq.com>
Date: Fri, 24 Apr 2020 10:47:42 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=80=E5=87=BA=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home.vue    |  37 ++++++++++++++++++++++++++++++++++---
 static/img/logout.png | Bin 0 -> 707 bytes
 2 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 static/img/logout.png

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 42023d9..a153cb0 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -3,9 +3,17 @@
         <Layout :style="{minHeight: '100vh'}">
             <Sider collapsible :collapsed-width="78" v-model="isCollapsed">
 
-                <div style="margin-top: 40px;margin-bottom: 20px;font-weight: bold;font-size: 30px;color: #ffffff;">
-                    <Avatar size="36"></Avatar>
-                    <span>拓客营销</span>
+                <div style="margin: 40px 0 20px 20px;font-weight: bold;font-size: 30px;color: #ffffff;">
+                    <Poptip placement="bottom-start" width="200" :offset="-8">
+                        <img src="../../static/img/avatar.png" style="width: 32px;vertical-align: middle;cursor: pointer"/>
+                        <div slot="content">
+                            <div style="cursor: pointer;" @click="logoutClick">
+                                <span class="logout-span">退出登录</span>
+                                <img class="logout-img" src="../../static/img/logout.png"/>
+                            </div>
+                        </div>
+                    </Poptip>
+                    <span class="project-title">拓客营销</span>
                 </div>
 
                 <Menu ref="menu" :active-name="selectedItemName" :open-names="openName" theme="dark" width="auto"
@@ -296,6 +304,14 @@
                     this.selectedSubMenu = "";
                 }
                 this.$router.push(this.breadcrumbUrl);
+            },
+            //登出
+            logoutClick: function () {
+                sessionStorage.setItem("loginInfo", "");
+                sessionStorage.setItem("userId", "");
+                sessionStorage.setItem("roleCode", "");
+                this.$router.push('/login');
+                this.$Message.info("登出成功");
             }
         },
 
@@ -336,4 +352,19 @@
         vertical-align: middle;
         font-size: 22px;
     }
+    /*项目标题*/
+    .project-title{
+        font-size: 24px;
+        margin-left: 15px;
+    }
+    /*退出登入*/
+    .logout-span{
+        font-size: 15px;
+        vertical-align: middle;
+        color: #535353;
+    }
+    .logout-img{
+        vertical-align: middle;
+        margin-left: 80px;
+    }
 </style>
diff --git a/static/img/logout.png b/static/img/logout.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcc370f8f7c402687926297deb9b872c66cfa3ea
GIT binary patch
literal 707
zcmV;!0zCbRP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj7ZAnByR5(w4lgn!pQ542Alcy<df^{Pj1tkcI)YjNQ
z>%wSI@*s(b!Ce>KDN6M}$U^8!EQ*+ImRW^7U5FtO6;eTvN)Qt9ffTBUN>V#cGUM-#
zF{Jo7@Nv%h&Uemz%pJ+}4=WT3dvJA0lI*=+?{p%Oc=fBY-G&2nU6*L`$g(U&B9V8+
zV(~D|58$nE7rWi=Lz~TZ5GbKg=ruK6^qGG*=kxhFgv%7pG@H#jLI?bU(7<Q$6K1n{
z1uoiZwbs2}@0(h!rpsc0SdF4+4k4JfSS(h-kDA?X|AE^NPNBKs_xq;=FK05DF&Y;k
z=fMXCU5ZAdZ$)v`*!D~63uxP<$NT;M)oeEFlHG3iA&5n=NpUG04wps4-z*l3)o@q9
z7jVJpbk2w)oB(1Mb<X;T*f4H>c)^;c4P%b-l)Omj1ZU}y=LvMkQm51TEJVWCqRN(a
z25YLSZVqTuFc|y>cOPt#&dCJ32^0oxB$LU$p~74)R~zm&Gwymkp49<uLNDfa2^IWK
znU&W`tR%a*6yviB3j_kaMx(LJg{FKypE{t8PmYZd+Q3&C;yHo%Y!NPH0zb4=Dy1RT
z2B~3{N@W}u1P*EqafvmCd?z^xd_wd;<8G!n+Bteuc3+Vp)@UqI6E81aE|;g%>GU5D
zsamaCN~O{fwD)Kn$BU=^%=kRK#A7tyA)E#8Dc(f1ir}N7DB|3cJg^z~>+lEI!3!3?
z9FNBz8w0pJo5SIlrErV%C{V;88b9I1PcupLUi=QQ2A0r1;n6AE{>EG`w~tlNGyNI@
p@jH*&2AUOikmW_T8OUIh=_gPn9@@`>=c@n!002ovPDHLkV1k@#LK^@8

literal 0
HcmV?d00001