From 2bfdf5a9eb493303c2499e2dd8e8ceec93ce66a5 Mon Sep 17 00:00:00 2001
From: Sun_sun <469361609@qq.com>
Date: Thu, 11 Sep 2025 11:01:20 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E6=94=B9]=20=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E9=80=80=E5=87=BA=E7=99=BB=E5=BD=95=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9=EF=BC=8C=E6=B7=BB=E5=8A=A0=E8=BA=AB?=
 =?UTF-8?q?=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/MyProfile.vue | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/views/MyProfile.vue b/src/views/MyProfile.vue
index 8796712..084af5f 100644
--- a/src/views/MyProfile.vue
+++ b/src/views/MyProfile.vue
@@ -24,7 +24,10 @@
       <div class="user-actions">
         <template v-if="userStore.isAuthenticated">
           <span class="username">{{ userStore.user?.username || '用户' }}</span>
-          <button class="logout-btn" @click="handleLogout">退出登录</button>
+          <div class="user-role">
+            <el-tag type="primary">代理</el-tag>
+          </div>
+          <!--          <button class="logout-btn" @click="handleLogout">退出登录</button>-->
         </template>
         <template v-else>
           <div class="auth-buttons">
@@ -112,6 +115,10 @@
       </div>
     </div>
 
+    <div v-if="userStore.isAuthenticated" class="option-section" style="">
+      <el-button @click="handleLogout" type="danger" class="option-btn" plain>退出登录</el-button>
+    </div>
+
     <!-- 头像上传对话框 -->
     <el-dialog
         v-model="showAvatarUpload"
@@ -401,9 +408,9 @@ export default {
         await ElMessageBox.confirm('确定要退出登录吗？', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
-          type: 'warning'
+          type: 'warning',
+          lockScroll: false
         });
-
         userStore.logout();
         router.push('/mylogin');
         ElMessage.success('已退出登录');
@@ -562,6 +569,7 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 60%;
+  margin-right: 10px;
 }
 
 .auth-buttons {
@@ -818,6 +826,26 @@ export default {
   font-size: 14px;
 }
 
+.option-section {
+  margin-top: 20px;
+
+  .option-btn {
+    width: 100%;
+    border-radius: 12px;
+    font-weight: 500;
+    font-size: 14px;
+    color: #ff4d4f;
+  }
+
+  .option-btn:hover {
+    color: white;
+  }
+
+  .option-btn:active {
+    color: white;
+  }
+}
+
 /* 头像上传对话框样式 */
 .avatar-uploader {
   text-align: center;