From 50d7627b81bd524d4698765a210f32c01cd83300 Mon Sep 17 00:00:00 2001
From: Ran_Chen <1908198662@qq.com>
Date: Wed, 2 Apr 2025 17:39:49 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=AE=BE=E5=A4=87=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=8E=A5=E5=8F=A3=E4=BA=8E=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0HeaderBar=E7=AE=A1=E7=90=86=E5=91=98=E5=92=8C?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=88=86=E7=B1=BB=EF=BC=8C=E8=BF=90=E7=94=A8?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/apis/api.js              |  5 +-
 .../src/components/AddDeviceDialog.vue        | 10 +++-
 main/manager-web/src/components/HeaderBar.vue | 18 +++++-
 main/manager-web/src/store/index.js           | 14 ++++-
 .../src/views/DeviceManagement.vue            | 56 ++++++++++++-------
 5 files changed, 76 insertions(+), 27 deletions(-)

diff --git a/main/manager-web/src/apis/api.js b/main/manager-web/src/apis/api.js
index 97ab1e74..a2354e0e 100755
--- a/main/manager-web/src/apis/api.js
+++ b/main/manager-web/src/apis/api.js
@@ -7,7 +7,7 @@ import admin from './module/admin.js'
  * 如果你想调用8002端口，就用'/xiaozhi-esp32-api/api/v1'，请与vue.config.js的devServer配置相结合，方便跨域请求
  *
  */
-// const DEV_API_SERVICE = 'https://2662r3426b.vicp.fun/xiaozhi-esp32-api'
+const DEV_API_SERVICE = 'https://2662r3426b.vicp.fun/xiaozhi-esp32-api'
 // 8002开发完成完成后使用这个
 // const DEV_API_SERVICE = '/xiaozhi-esp32-api'
 
@@ -16,7 +16,8 @@ import admin from './module/admin.js'
  * @returns {string}
  */
 export function getServiceUrl() {
-    return '/xiaozhi-esp32-api'
+    // return '/xiaozhi-esp32-api'
+    return DEV_API_SERVICE
 }
 
 
diff --git a/main/manager-web/src/components/AddDeviceDialog.vue b/main/manager-web/src/components/AddDeviceDialog.vue
index a1ba5540..11189df7 100644
--- a/main/manager-web/src/components/AddDeviceDialog.vue
+++ b/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
+                });
               }
             }
           );
diff --git a/main/manager-web/src/components/HeaderBar.vue b/main/manager-web/src/components/HeaderBar.vue
index 961676a3..2efee6c1 100644
--- a/main/manager-web/src/components/HeaderBar.vue
+++ b/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);
diff --git a/main/manager-web/src/store/index.js b/main/manager-web/src/store/index.js
index d0292a63..e3e21789 100644
--- a/main/manager-web/src/store/index.js
+++ b/main/manager-web/src/store/index.js
@@ -7,7 +7,8 @@ Vue.use(Vuex)
 export default new Vuex.Store({
   state: {
     token: '',
-    userInfo: {} // 添加用户信息存储
+    userInfo: {}, // 添加用户信息存储
+    isSuperAdmin: false // 添加superAdmin状态
   },
   getters: {
     getToken(state) {
@@ -18,6 +19,12 @@ export default new Vuex.Store({
     },
     getUserInfo(state) {
       return state.userInfo
+    },
+    getIsSuperAdmin(state) {
+      if (localStorage.getItem('isSuperAdmin') === null) {
+        return state.isSuperAdmin
+      }
+      return localStorage.getItem('isSuperAdmin') === 'true'
     }
   },
   mutations: {
@@ -27,11 +34,16 @@ export default new Vuex.Store({
     },
     setUserInfo(state, userInfo) {
       state.userInfo = userInfo
+      const isSuperAdmin = userInfo.superAdmin === 1
+      state.isSuperAdmin = isSuperAdmin
+      localStorage.setItem('isSuperAdmin', isSuperAdmin)
     },
     clearAuth(state) {
       state.token = ''
       state.userInfo = {}
+      state.isSuperAdmin = false
       localStorage.removeItem('token')
+      localStorage.removeItem('isSuperAdmin')
     }
   },
   actions: {
diff --git a/main/manager-web/src/views/DeviceManagement.vue b/main/manager-web/src/views/DeviceManagement.vue
index 7be164ce..348b7cf3 100644
--- a/main/manager-web/src/views/DeviceManagement.vue
+++ b/main/manager-web/src/views/DeviceManagement.vue
@@ -59,6 +59,7 @@
 <script>
 import HeaderBar from "@/components/HeaderBar.vue";
 import AddDeviceDialog from "@/components/AddDeviceDialog.vue";
+
 export default {
   components: {HeaderBar, AddDeviceDialog },
   data() {
@@ -81,8 +82,8 @@ export default {
   },
   mounted() {
     const agentId = this.$route.query.agentId;
-    import('@/apis/module/user').then(({ default: userApi }) => {
-      this.userApi = userApi;
+    import('@/apis/module/device').then(({ default: deviceApi }) => {
+      this.deviceApi = deviceApi;
       if (agentId) {
         this.fetchBindDevices(agentId);
       }
@@ -99,7 +100,7 @@ export default {
       this.deviceList[index].isEdit = false;
     },
     handleUnbind(device_id) {
-      if (!this.userApi) {
+      if (!this.deviceApi) {
         this.$message.error('功能模块加载失败');
         return;
       }
@@ -108,12 +109,18 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        this.userApi.unbindDevice(device_id, ({ data }) => {
+        this.deviceApi.unbindDevice(device_id, ({ data }) => {
           if (data.code === 0) {
-            this.$message.success('设备解绑成功');
+            this.$message.success({
+                message: '设备解绑成功',
+                showClose: true
+            });
             this.fetchBindDevices(this.$route.query.agentId);
           } else {
-            this.$message.error(data.msg || '设备解绑失败');
+            this.$message.error({
+            message: data.msg || '设备解绑失败',
+            showClose: true
+            });
           }
         });
       });
@@ -128,19 +135,29 @@ export default {
       this.loading = true;
       import('@/apis/module/device').then(({ default: deviceApi }) => {
         deviceApi.getAgentBindDevices(agentId, ({ data }) => {
-            this.loading = false;
-            if (data.code === 0) {
-                this.deviceList = data.data.map(device => ({
-                    device_id: device.id,
-                    model: device.board,
-                    firmwareVersion: device.appVersion,
-                    macAddress: device.macAddress,
-                    bindTime: device.createDate,
-                    lastConversation: device.lastConnectedAt,
-                    remark: device.alias,
-                    isEdit: false,
-                    otaSwitch: device.autoUpdate === 1
-                }));
+          this.loading = false;
+          if (data.code === 0) {
+            // 格式化日期并按照绑定时间降序排列
+            this.deviceList = data.data.map(device => {
+              // 格式化绑定时间
+              const bindDate = new Date(device.createDate);
+              const formattedBindTime = `${bindDate.getFullYear()}-${(bindDate.getMonth()+1).toString().padStart(2, '0')}-${bindDate.getDate().toString().padStart(2, '0')} ${bindDate.getHours().toString().padStart(2, '0')}:${bindDate.getMinutes().toString().padStart(2, '0')}:${bindDate.getSeconds().toString().padStart(2, '0')}`;
+              return {
+                device_id: device.id,
+                model: device.board,
+                firmwareVersion: device.appVersion,
+                macAddress: device.macAddress,
+                bindTime: formattedBindTime, // 使用格式化后的时间
+                lastConversation: device.lastConnectedAt,
+                remark: device.alias,
+                isEdit: false,
+                otaSwitch: device.autoUpdate === 1,
+                // 添加原始时间用于排序
+                rawBindTime: new Date(device.createDate).getTime()
+              };
+            })
+            // 按照绑定时间降序排序
+            .sort((a, b) => a.rawBindTime - b.rawBindTime);
           } else {
             this.$message.error(data.msg || '获取设备列表失败');
           }
@@ -152,6 +169,7 @@ export default {
     },
   }
 };
+
 </script>
 
 <style scoped>