调整设备管理接口于页面，增加HeaderBar管理员和用户分类，运用本地缓存

main/manager-web/src/components/AddDeviceDialog.vue

@@ -56,10 +56,16 @@ export default {
               this.loading = false;
               if (data.code === 0) {
                 this.$emit('refresh');
-                this.$message.success('设备绑定成功');
+                    this.$message.success({
+                    message: '设备绑定成功',
+                    showClose: true
+                });
                 this.closeDialog();
               } else {
-                this.$message.error(data.msg || '绑定失败');
+                    this.$message.error({
+                    message: data.msg || '绑定失败',
+                    showClose: true
+                });
               }
             }
           );

main/manager-web/src/components/HeaderBar.vue

@@ -13,11 +13,11 @@
           <img loading="lazy" alt="" src="@/assets/header/robot.png" :style="{ filter: $route.path === '/home' ? 'brightness(0) invert(1)' : 'None' }"/>
           智能体管理
         </div>
-        <div class="equipment-management" :class="{ 'active-tab': $route.path === '/user-management' }" @click="goUserManagement">
+        <div v-if="isSuperAdmin" class="equipment-management" :class="{ 'active-tab': $route.path === '/user-management' }" @click="goUserManagement">
           <img loading="lazy" alt="" src="@/assets/header/user_management.png" :style="{ filter: $route.path === '/user-management' ? 'brightness(0) invert(1)' : 'None' }"/>
           用户管理
         </div>
-        <div class="equipment-management" :class="{ 'active-tab': $route.path === '/model-config' }" @click="goModelConfig">
+        <div v-if="isSuperAdmin" class="equipment-management" :class="{ 'active-tab': $route.path === '/model-config' }" @click="goModelConfig">
           <img loading="lazy" alt="" src="@/assets/header/model_config.png" :style="{ filter: $route.path === '/model-config' ? 'brightness(0) invert(1)' : 'None' }"/>
           模型配置
         </div>
@@ -41,6 +41,7 @@
              {{ userInfo.username || '加载中...' }}<i class="el-icon-arrow-down el-icon--right"></i>
           </span>
           <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item icon="el-icon-plus" @click.native="">个人中心</el-dropdown-item>
             <el-dropdown-item icon="el-icon-circle-plus" @click.native="showChangePasswordDialog">修改密码</el-dropdown-item>
             <el-dropdown-item icon="el-icon-circle-plus-outline" @click.native="handleLogout">退出登录</el-dropdown-item>
           </el-dropdown-menu>
@@ -56,7 +57,7 @@
 <script>
 import userApi from '@/apis/module/user';
 import ChangePasswordDialog from './ChangePasswordDialog.vue'; // 引入修改密码弹窗组件
-import { mapActions } from 'vuex'; // 导入 mapActions
+import { mapActions, mapGetters } from 'vuex';
 
 
 export default {
@@ -75,6 +76,12 @@ export default {
       isChangePasswordDialogVisible: false // 控制修改密码弹窗的显示
     }
   },
+  computed: {
+    ...mapGetters(['getIsSuperAdmin']),
+    isSuperAdmin() {
+      return this.getIsSuperAdmin;
+    }
+  },
   mounted() {
     this.fetchUserInfo()
   },
@@ -93,6 +100,9 @@ export default {
     fetchUserInfo() {
       userApi.getUserInfo(({data}) => {
         this.userInfo = data.data
+        if (data.data.superAdmin !== undefined) {
+          this.$store.commit('setUserInfo', data.data);
+        }
       })
     },
 
@@ -125,7 +135,9 @@ export default {
       try {
         // 调用 Vuex 的 logout action
         await this.logout();
+
         this.$message.success('退出登录成功');
+
         this.$router.push('/login');
       } catch (error) {
         console.error('退出登录失败:', error);