From 98a44e94ecc76abd72b9817648ca4b91469b936a Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 08 八月 2020 16:04:16 +0800
Subject: [PATCH] 添加退出登录,布局调整

---
 src/pages/desktop/index/components/Tools.vue |   45 +++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/pages/desktop/index/components/Tools.vue b/src/pages/desktop/index/components/Tools.vue
index 8bcadc0..2cda1d5 100644
--- a/src/pages/desktop/index/components/Tools.vue
+++ b/src/pages/desktop/index/components/Tools.vue
@@ -31,14 +31,25 @@
         <img :src="`${publicPath}images/desktop/header-icon/notice.png`" alt />
       </div>
       <div class="tools-icon">
-        <img :src="`${publicPath}images/desktop/header-icon/user.png`" alt />
+        <el-dropdown size="small" placement="bottom">
+          <span class="el-dropdown-link">
+            <img :src="`${publicPath}images/desktop/header-icon/user.png`" alt />
+            <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
+          </span>
+          <el-dropdown-menu slot="dropdown" style='top: 44px;'>
+            <el-dropdown-item @click.native='toLogout'>
+              閫�鍑虹櫥褰�
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        
       </div>
     </div>
   </div>
 </template>
 
 <script>
-
+import {logout} from "@/api/login";
 export default {
   name: "Tools",
   data() {
@@ -127,6 +138,33 @@
         debugger
         this.$store.commit("desktop/refreshFrame", dock);
       }
+    },
+    toLogout(){
+      this.$confirm("鎻愮ず锛氱‘瀹氶��鍑哄悧锛�", {
+        center: true,
+        cancelButtonClass: "comfirm-class-cancle",
+        confirmButtonClass: "comfirm-class-sure"
+      }).then(_ => {
+        logout().then(res => {
+          if (res === "閫�鍑烘垚鍔�") {
+            sessionStorage.removeItem("userInfo");
+            location.assign('/view/index');
+            this.$notify({
+              title: "鎻愮ず",
+              type: "success",
+              message: "閫�鍑烘垚鍔燂紒"
+            });
+          } else {
+            this.$notify({
+              title: "鎻愮ず",
+              type: "success",
+              message: "閫�鍑哄け璐�!"
+            });
+          }
+        });
+      }).catch(_ => {
+        console.log("閫�鍑哄け璐�");
+      });
     }
   }
 };
@@ -225,4 +263,7 @@
   height: 100%;
   margin-right: 14px;
 }
+.el-dropdown-menu{
+  top: 40px !important;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0