登出

src/views/Home/Home.vue

 <template>
-  <div class="page ">
+  <div class="page">
     <!-- 头部 -->
     <div class="header">
       <!-- 头部左侧 -->
       <div class="left">
-        <div><img
-            src="../../assets/img/Home/badges.png"
-            alt=""
-          /></div>
+        <div><img src="../../assets/img/Home/badges.png" alt="" /></div>
 
-        <span><img
-            src="../../assets/img/Home/logo.svg"
-            alt=""
-          /></span>
+        <span><img src="../../assets/img/Home/logo.svg" alt=""/></span>
       </div>
       <!-- 头部右侧 -->
       <div class="right">
         <div>
-          <img
-            src="../../assets/img/Home/setting.svg"
-            alt=""
-          /> 系统管理
+          <img src="../../assets/img/Home/setting.svg" alt="" /> 系统管理
         </div>
         <div class="role">
-          <img
-            src="../../assets/img/Home/role.svg"
-            alt=""
-          />用户角色
+          <img src="../../assets/img/Home/role.svg" alt="" />用户角色
           <div class="rolelist">
             <ul>
               <li>姓名：xxxx</li>
@@ -36,104 +24,72 @@
           </div>
         </div>
 
-        <div style="border: #f6a51a 1px solid" @click="logout">
         <div @click="logout">
           <img src="../../assets/img/Home/exit.svg" alt="" />安全退出
         </div>
-
       </div>
-    </div>
-    <!-- 主体 -->
-    <div class="main">
-      <div class="title">欢迎登录</div>
-      <div class="title1">方正指掌纹系统</div>
-      <!-- 待办功能区 -->
-      <div class="todoview">
-        <div class="todo">
-          <div>
-            <img
-              src="../../assets/img/Home/todoview.svg"
-              alt=""
-            />
+      <!-- 主体 -->
+      <div class="main">
+        <div class="title">欢迎登录</div>
+        <div class="title1">方正指掌纹系统</div>
+        <!-- 待办功能区 -->
+        <div class="todoview">
+          <div class="todo">
+            <div>
+              <img src="../../assets/img/Home/todoview.svg" alt="" />
+            </div>
+            <p>待办工作</p>
           </div>
-          <p>待办工作</p>
-        </div>
-        <div class="todopublic quality_inspection">
-          <p>质量检查</p>
-          <p>60</p>
-        </div>
-        <div class="todopublic shanbuapp">
-          <p>闪捕App</p>
-          <p>30</p>
-        </div>
-        <div class="todopublic fingerprint">
-          <p>待发指纹</p>
-          <p>30</p>
-        </div>
-      </div>
-      <!-- 功能区域 -->
-      <div class="todolist">
-        <!-- 第一列 -->
-        <div class="list l1">
-          <div class="import_images">
-            <img
-              src="../../assets/img/Home/import_images.svg"
-              alt=""
-            />
-            <div>图片导入</div>
+          <div class="todopublic quality_inspection">
+            <p>质量检查</p>
+            <p>60</p>
           </div>
-          <div class="import_FTP">
-            <img
-              src="../../assets/img/Home/import_FTP.svg"
-              alt=""
-            />
-            <div>导入FPTX</div>
+          <div class="todopublic shanbuapp">
+            <p>闪捕App</p>
+            <p>30</p>
+          </div>
+          <div class="todopublic fingerprint">
+            <p>待发指纹</p>
+            <p>30</p>
           </div>
         </div>
-        <!-- 第二列 -->
-        <div
-          class="list l2"
-          @click="gosjzygl"
-        >
-          <img
-            src="../../assets/img/Home/query.svg"
-            alt=""
-          />
-          <p>发查询</p>
-        </div>
-        <!-- 第三列 -->
-        <div
-          @click="gobdrd"
-          class="list l2 l3"
-        >
-          <img
-            src="../../assets/img/Home/comparison.svg"
-            alt=""
-          />
-          <p>比对认定</p>
-        </div>
-        <!-- 第四列 -->
-        <div
-          @click="gozzwcj"
-          class="list l1 l4"
-        >
-          <div class="import_images collect">
-            <img
-              src="../../assets/img/Home/collect_new.svg"
-              alt=""
-              style="width:38px; height:38px"
-            />
-            <div>活体采集</div>
+        <!-- 功能区域 -->
+        <div class="todolist">
+          <!-- 第一列 -->
+          <div class="list l1">
+            <div class="import_images">
+              <img src="../../assets/img/Home/import_images.svg" alt="" />
+              <div>图片导入</div>
+            </div>
+            <div class="import_FTP">
+              <img src="../../assets/img/Home/import_FTP.svg" alt="" />
+              <div>导入FPTX</div>
+            </div>
+          </div>
+          <!-- 第二列 -->
+          <div class="list l2" @click="gosjzygl">
+            <img src="../../assets/img/Home/query.svg" alt="" />
+            <p>发查询</p>
+          </div>
+          <!-- 第三列 -->
+          <div @click="gobdrd" class="list l2 l3">
+            <img src="../../assets/img/Home/comparison.svg" alt="" />
+            <p>比对认定</p>
           </div>
-          <div
-            @click="gosjzygl"
-            class="import_FTP management"
-          >
-            <img
-              src="../../assets/img/Home/management.svg"
-              alt=""
-            />
-            <div>数据资源管理</div>
+          <!-- 第四列 -->
+          <div @click="gozzwcj" class="list l1 l4">
+            <div class="import_images collect">
+              <img
+                src="../../assets/img/Home/collect_new.svg"
+                alt=""
+                style="width:38px; height:38px"
+              />
+              <div>活体采集</div>
+            </div>
+            <div @click="gosjzygl" class="import_FTP management">
+              <img src="../../assets/img/Home/management.svg" alt="" />
+              <div>数据资源管理</div>
+            </div>
           </div>
         </div>
       </div>
@@ -152,13 +108,13 @@ export default {
     };
   },
   methods: {
-    gobdrd () {
+    gobdrd() {
       this.$router.push("/cxyrd");
     },
-    gosjzygl () {
+    gosjzygl() {
       this.$router.push("/AllPersonnelBaseIndex/");
     },
-    gozzwcj () {
+    gozzwcj() {
       this.$router.push("/AllPersonnelBaseIndex");
     },
     logout() {
@@ -166,7 +122,7 @@ export default {
         if (res.data.code === 200) {
           this.$router.replace("/login1");
           localStorage.removeItem("token");
-          this.$message.success("退出成功！");
+          this.$message.info("退出成功！");
         }
       });
     }