完成获取智能体配置

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

@@ -17,7 +17,7 @@
       音色模型：{{ device.ttsVoiceName }}
     </div>
     <div style="display: flex;gap: 10px;align-items: center;">
-      <div class="settings-btn" @click="$emit('configure')">
+      <div class="settings-btn" @click="handleConfigure">
         配置角色
       </div>
       <div class="settings-btn">
@@ -48,6 +48,9 @@ export default {
   methods: {
     handleDelete() {
       this.$emit('delete', this.device.agentId)
+    },
+    handleConfigure() {
+      this.$router.push({ path: '/role-config', query: { agentId: this.device.agentId } });
     }
   }
 }

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

@@ -4,14 +4,14 @@
       <div style="display: flex;align-items: center;gap: 10px;">
         <img alt="" src="@/assets/xiaozhi-logo.png" style="width: 42px;height: 42px;"/>
         <img alt="" src="@/assets/xiaozhi-ai.png" style="width: 58px;height: 12px;"/>
-        <div class="equipment-management" @click="goHome">
+        <div class="equipment-management" :class="{ 'active-tab': $route.path === '/home' }" @click="goHome">
           <img alt="" src="@/assets/home/equipment.png" style="width: 12px;height: 10px;"/>
           智能体管理
         </div>
-        <div class="equipment-management2" :class="{ 'active-tab': $route.path === '/user-management' }" @click="goUserManagement">
+        <div class="equipment-management" :class="{ 'active-tab': $route.path === '/user-management' }" @click="goUserManagement">
           用户管理
         </div>
-        <div class="equipment-management2" :class="{ 'active-tab': $route.path === '/model-config' }" @click="goModelConfig">
+        <div class="equipment-management" :class="{ 'active-tab': $route.path === '/model-config' }" @click="goModelConfig">
           模型配置
         </div>
       </div>
@@ -104,26 +104,7 @@ export default {
 </script>
 
 <style scoped>
-.equipment-management,
-.equipment-management2 {
-  cursor: pointer;
-}
-
 .equipment-management {
-  width: 82px;
-  height: 24px;
-  border-radius: 12px;
-  background: #5778ff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  font-weight: 500;
-  color: #fff;
-  font-size: 10px;
-}
-
-.equipment-management2 {
   width: 82px;
   height: 24px;
   border-radius: 12px;
@@ -137,9 +118,11 @@ export default {
   margin-left: 1px;
   align-items: center;
   transition: all 0.3s ease;
+  cursor: pointer;
+
 }
 
-.equipment-management2.active-tab {
+.equipment-management.active-tab {
   background: #5778ff !important;
   color: #fff !important;
 }