个人中心

src/views/middle.vue

@@ -7,9 +7,9 @@
           <div class="header_container">
             <p>您好，黎瀛&nbsp;&nbsp;&nbsp;&nbsp;｜&nbsp;&nbsp;&nbsp;&nbsp;</p>
             <p>
-              产品而二中心&nbsp;&nbsp;&nbsp;&nbsp;｜&nbsp;&nbsp;&nbsp;&nbsp;
+              {{ dmUser.user.dept.name }}&nbsp;&nbsp;&nbsp;&nbsp;｜&nbsp;&nbsp;&nbsp;&nbsp;
             </p>
-            <p>注销</p>
+            <p @click="open">注销</p>
           </div>
         </div>
       </header>
@@ -17,8 +17,8 @@
     <el-row class="routerCardPar">
       <el-col :span="24">
         <div class="header">
-          <img src="../assets/images/logo.png">
-          <span class="company_name">中国东信智慧楼宇</span>
+          <img src="../assets/images/header.png">
+          <p class="company_name">中国东信智慧楼宇</p>
         </div>
         <div class="demo-basic--circle">
           <div class="block">
@@ -167,14 +167,14 @@
         <div class="footer_container">
           <div class="footer_left">
             <div class="img_container">
-              <img src="../assets/images/logo.png">
+              <img src="../assets/images/footer.png">
             </div>
             <div class="company_info_container">
               <p>中国—东盟信息港股份有限公司 技术支持</p>
-              <p>
-                <img src="" alt=""> 桂公网安备45010802000099号
-                桂ICP备16005301号-7
-              </p>
+              <div class="police">
+                <img src="../assets/images/police.png" alt="">
+                <p>桂公网安备45010802000099号                桂ICP备16005301号-7</p>
+              </div>
             </div>
           </div>
           <div class="footer_right">
@@ -377,6 +377,20 @@ export default {
       )}&password=${encodeURIComponent(password)}?redirect=${menuPath}`
       aEle.target = '_blank'
       aEle.click()
+    },
+    open() {
+      this.$confirm('确定注销并退出系统吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.logout()
+      })
+    },
+    logout() {
+      this.$store.dispatch('LogOut').then(() => {
+        this.$router.push({ path: this.redirect || '/login' })
+      })
     }
   }
 }
@@ -426,8 +440,13 @@ export default {
     flex-wrap: wrap;
     .header {
       padding: 0 0 20px;
+      display: flex;
       img {
-        vertical-align: middle;
+        height: 60px;
+        margin-right: 15px;
+      }
+      p{
+        line-height: 60px;
       }
       .company_name {
         font-size: 24px;
@@ -625,9 +644,22 @@ export default {
       align-items: center;
       .footer_left {
         display: flex;
+        .img_container{
+          img{
+            height: 60px;
+          }
+        }
       }
       .company_info_container {
         padding: 10px 0 0 20px;
+        .police{
+          display: flex;
+          margin-top: 5px;
+          p{
+            line-height: 20px;
+            margin-left: 5px;
+          }
+        }
       }
     }
   }