RING:退出登录修改密码调换

src/layout/components/AppHeaderUser.vue

@@ -10,19 +10,13 @@
   <a-popover trigger="click">
     <template v-slot:content>
       <div class="setting-group">
-        <p class="cursor"
-           @click="onLogout">
-          <PoweroffOutlined />安全退出
-        </p>
-        <p class="cursor"
-           @click="changePwd">
-          <LockOutlined />修改密码
-        </p>
+        <p class="cursor" @click="changePwd"><LockOutlined />修改密码</p>
+        <p class="cursor" @click="onLogout"><PoweroffOutlined />安全退出</p>
       </div>
     </template>
     <div class="user-wrap">
       <UserOutlined />
-      <p class="user">推广员：{{name}}</p>
+      <p class="user">推广员：{{ name }}</p>
       <CaretDownFilled />
     </div>
   </a-popover>
@@ -34,7 +28,7 @@ import {
   UserOutlined,
   CaretDownFilled,
   PoweroffOutlined,
-  LockOutlined 
+  LockOutlined,
 } from "@ant-design/icons-vue";
 import useApp from "@/hooks/useApp";
 import { logout } from "@/api";
@@ -45,7 +39,7 @@ const AppHeaderUser = defineComponent({
     UserOutlined,
     CaretDownFilled,
     PoweroffOutlined,
-    LockOutlined
+    LockOutlined,
   },
   props: {
     name: String,
@@ -62,20 +56,20 @@ const AppHeaderUser = defineComponent({
         console.log("logout error");
       }
     };
-    const changePwd = () =>{
+    const changePwd = () => {
       router.replace("/forgetpwd");
-    }
+    };
 
-    return { onLogout,changePwd };
+    return { onLogout, changePwd };
   },
 });
 
 export default AppHeaderUser;
 </script>
 <style lang="less" scoped>
-  .setting-group{
-    p{
-      line-height:30px;
-    }
+.setting-group {
+  p {
+    line-height: 30px;
   }
+}
 </style>