From 03441c8582cbe539a3982a14ce0a30c9f030ad2c Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Sat, 5 Apr 2025 20:19:28 +0800
Subject: [PATCH] =?UTF-8?q?update=EF=BC=9A=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/babel.config.js              |  23 ++-
 main/manager-web/jsconfig.json                |   2 +-
 main/manager-web/package-lock.json            |   2 +-
 main/manager-web/package.json                 |   2 +-
 main/manager-web/src/App.vue                  |   7 +-
 main/manager-web/src/apis/httpRequest.js      |  16 +-
 main/manager-web/src/apis/module/admin.js     |  40 ++---
 main/manager-web/src/apis/module/agent.js     |   6 +-
 main/manager-web/src/apis/module/device.js    |  48 ++---
 main/manager-web/src/apis/module/model.js     | 166 +++++++++---------
 main/manager-web/src/apis/module/ota.js       |   4 +-
 main/manager-web/src/apis/module/user.js      |   2 +-
 main/manager-web/src/main.js                  |  12 +-
 main/manager-web/src/router/index.js          |  10 +-
 main/manager-web/src/store/index.js           |  10 +-
 main/manager-web/src/styles/global.scss       |   2 +-
 main/manager-web/src/utils/index.js           |   2 +-
 main/manager-web/src/views/ModelConfig.vue    | 105 +++++------
 main/manager-web/src/views/UserManagement.vue | 112 ++++++------
 main/manager-web/src/views/login.vue          |  45 ++---
 main/manager-web/src/views/register.vue       |  39 ++--
 main/manager-web/src/views/roleConfig.vue     | 161 +++++++++--------
 main/manager-web/src/views/test.vue           |  15 +-
 23 files changed, 414 insertions(+), 417 deletions(-)

diff --git a/main/manager-web/babel.config.js b/main/manager-web/babel.config.js
index 52fce6d4..b3469a75 100644
--- a/main/manager-web/babel.config.js
+++ b/main/manager-web/babel.config.js
@@ -1,13 +1,12 @@
 module.exports = {
-    presets: [
-      ['@vue/cli-plugin-babel/preset', {
-        useBuiltIns: 'usage',
-        corejs: 3
-      }]
-    ],
-    plugins: [
-        '@babel/plugin-syntax-dynamic-import',  // 确保支持动态导入 (Lazy Loading)
-        '@babel/plugin-transform-runtime' 
-      ]
-  }
-  
\ No newline at end of file
+  presets: [
+    ['@vue/cli-plugin-babel/preset', {
+      useBuiltIns: 'usage',
+      corejs: 3
+    }]
+  ],
+  plugins: [
+    '@babel/plugin-syntax-dynamic-import',  // 确保支持动态导入 (Lazy Loading)
+    '@babel/plugin-transform-runtime'
+  ]
+}
diff --git a/main/manager-web/jsconfig.json b/main/manager-web/jsconfig.json
index 4aafc5f6..587b2896 100644
--- a/main/manager-web/jsconfig.json
+++ b/main/manager-web/jsconfig.json
@@ -16,4 +16,4 @@
       "scripthost"
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/main/manager-web/package-lock.json b/main/manager-web/package-lock.json
index 54610c6d..f84c4950 100644
--- a/main/manager-web/package-lock.json
+++ b/main/manager-web/package-lock.json
@@ -8847,4 +8847,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/main/manager-web/package.json b/main/manager-web/package.json
index 5a6e7de2..e49c09a8 100644
--- a/main/manager-web/package.json
+++ b/main/manager-web/package.json
@@ -43,4 +43,4 @@
     "*.scss",
     "*.vue"
   ]
-}
+}
\ No newline at end of file
diff --git a/main/manager-web/src/App.vue b/main/manager-web/src/App.vue
index e6ebe913..4e54377e 100644
--- a/main/manager-web/src/App.vue
+++ b/main/manager-web/src/App.vue
@@ -1,11 +1,10 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
 <style lang="scss">
-
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -29,7 +28,7 @@ nav {
 
 .copyright {
   text-align: center;
-  color:rgb(0, 0, 0);
+  color: rgb(0, 0, 0);
   font-size: 12px;
   font-weight: 400;
   margin-top: auto;
@@ -40,10 +39,10 @@ nav {
   transform: translateX(-50%);
   width: 100%;
 }
+
 .el-message {
   top: 45px !important;
 }
-
 </style>
 <script>
 </script>
\ No newline at end of file
diff --git a/main/manager-web/src/apis/httpRequest.js b/main/manager-web/src/apis/httpRequest.js
index 44d939e7..182152f9 100755
--- a/main/manager-web/src/apis/httpRequest.js
+++ b/main/manager-web/src/apis/httpRequest.js
@@ -1,7 +1,7 @@
-import {goToPage, showDanger, showWarning, isNotNull} from '../utils/index'
-import Constant from '../utils/constant'
 import Fly from 'flyio/dist/npm/fly';
-import store from '../store/index'
+import store from '../store/index';
+import Constant from '../utils/constant';
+import { goToPage, isNotNull, showDanger, showWarning } from '../utils/index';
 
 const fly = new Fly()
 // 设置超时
@@ -22,11 +22,11 @@ function sendRequest() {
         _failCallback: null,
         _method: 'GET',
         _data: {},
-        _header: {'content-type': 'application/json; charset=utf-8'},
+        _header: { 'content-type': 'application/json; charset=utf-8' },
         _url: '',
         _responseType: undefined, // 新增响应类型字段
         'send'() {
-            if(isNotNull(store.getters.getToken)){
+            if (isNotNull(store.getters.getToken)) {
                 this._header.Authorization = 'Bearer ' + (JSON.parse(store.getters.getToken)).token
             }
 
@@ -40,7 +40,7 @@ function sendRequest() {
                 if (error) {
                     return
                 }
-                
+
                 if (this._sucCallback) {
                     this._sucCallback(res)
                 }
@@ -101,13 +101,13 @@ function sendRequest() {
 // 在错误处理函数中添加日志
 function httpHandlerError(info, callBack) {
     console.log('httpHandlerError', info)
-    
+
     /** 请求成功，退出该函数 可以根据项目需求来判断是否请求成功。这里判断的是status为200的时候是成功 */
     let networkError = false
     if (info.status === 200) {
         if (info.data.code === 'success' || info.data.code === 0 || info.data.code === undefined) {
             return networkError
-        }else if (info.data.code === 401) {
+        } else if (info.data.code === 401) {
             console.log('触发 401，清除 Token 并跳转登录页');
             store.commit('clearAuth');
             goToPage(Constant.PAGE.LOGIN, true);
diff --git a/main/manager-web/src/apis/module/admin.js b/main/manager-web/src/apis/module/admin.js
index 83da3023..f00036cf 100644
--- a/main/manager-web/src/apis/module/admin.js
+++ b/main/manager-web/src/apis/module/admin.js
@@ -1,30 +1,30 @@
-import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
+import { getServiceUrl } from '../api';
+import RequestService from '../httpRequest';
 
 
 export default {
     // 用户列表
     getUserList(params, callback) {
-      const queryParams = new URLSearchParams({
-        page: params.page,
-        limit: params.limit,
-        mobile: params.mobile
-      }).toString();
+        const queryParams = new URLSearchParams({
+            page: params.page,
+            limit: params.limit,
+            mobile: params.mobile
+        }).toString();
 
-      RequestService.sendRequest()
-        .url(`${getServiceUrl()}/api/v1/admin/users?${queryParams}`)
-                .method('GET')
-                .success((res) => {
-                    RequestService.clearRequestTime()
-                    callback(res)
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/api/v1/admin/users?${queryParams}`)
+            .method('GET')
+            .success((res) => {
+                RequestService.clearRequestTime()
+                callback(res)
+            })
+            .fail((err) => {
+                console.error('请求失败:', err)
+                RequestService.reAjaxFun(() => {
+                    this.getUserList(callback)
                 })
-                .fail((err) => {
-                    console.error('请求失败:', err)
-                    RequestService.reAjaxFun(() => {
-                        this.getUserList(callback)
-                    })
-                }).send()
-        },
+            }).send()
+    },
     // 删除用户
     deleteUser(id, callback) {
         RequestService.sendRequest()
diff --git a/main/manager-web/src/apis/module/agent.js b/main/manager-web/src/apis/module/agent.js
index 034cbf8a..d0cc15e5 100644
--- a/main/manager-web/src/apis/module/agent.js
+++ b/main/manager-web/src/apis/module/agent.js
@@ -1,5 +1,5 @@
-import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
+import { getServiceUrl } from '../api';
+import RequestService from '../httpRequest';
 
 
 export default {
@@ -23,7 +23,7 @@ export default {
         RequestService.sendRequest()
             .url(`${getServiceUrl()}/api/v1/agent`)
             .method('POST')
-            .data({agentName: agentName})
+            .data({ agentName: agentName })
             .success((res) => {
                 RequestService.clearRequestTime();
                 callback(res);
diff --git a/main/manager-web/src/apis/module/device.js b/main/manager-web/src/apis/module/device.js
index e8dc2c71..c6a9f0be 100644
--- a/main/manager-web/src/apis/module/device.js
+++ b/main/manager-web/src/apis/module/device.js
@@ -1,38 +1,38 @@
-import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
+import { getServiceUrl } from '../api';
+import RequestService from '../httpRequest';
 
 export default {
     // 已绑设备
-     getAgentBindDevices(agentId, callback) {
-         RequestService.sendRequest()
-             .url(`${getServiceUrl()}/api/v1/device/bind/${agentId}`)
-             .method('GET')
-             .success((res) => {
-                 RequestService.clearRequestTime();
-                 callback(res);
-             })
-             .fail((err) => {
-                 console.error('获取设备列表失败:', err);
-                 RequestService.reAjaxFun(() => {
-                     this.getAgentBindDevices(agentId, callback);
-                 });
-             }).send();
-     },
+    getAgentBindDevices(agentId, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/api/v1/device/bind/${agentId}`)
+            .method('GET')
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .fail((err) => {
+                console.error('获取设备列表失败:', err);
+                RequestService.reAjaxFun(() => {
+                    this.getAgentBindDevices(agentId, callback);
+                });
+            }).send();
+    },
     // 解绑设备
     unbindDevice(device_id, callback) {
-          RequestService.sendRequest()
+        RequestService.sendRequest()
             .url(`${getServiceUrl()}/api/v1/device/unbind`)
             .method('POST')
             .data({ deviceId: device_id })
             .success((res) => {
-              RequestService.clearRequestTime();
-              callback(res);
+                RequestService.clearRequestTime();
+                callback(res);
             })
             .fail((err) => {
-              console.error('解绑设备失败:', err);
-              RequestService.reAjaxFun(() => {
-                this.unbindDevice(device_id, callback);
-              });
+                console.error('解绑设备失败:', err);
+                RequestService.reAjaxFun(() => {
+                    this.unbindDevice(device_id, callback);
+                });
             }).send();
     },
     // 绑定设备
diff --git a/main/manager-web/src/apis/module/model.js b/main/manager-web/src/apis/module/model.js
index 2bf7dc00..f13e335b 100644
--- a/main/manager-web/src/apis/module/model.js
+++ b/main/manager-web/src/apis/module/model.js
@@ -1,96 +1,96 @@
-import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
+import { getServiceUrl } from '../api';
+import RequestService from '../httpRequest';
 
 
 export default {
-    // 获取模型配置列表
-    getModelList(params, callback) {
-      const queryParams = new URLSearchParams({
-        modelType: params.modelType,
-        modelName: params.modelName || '',
-        page: params.page || 0,
-        limit: params.limit || 10
-      }).toString();
+  // 获取模型配置列表
+  getModelList(params, callback) {
+    const queryParams = new URLSearchParams({
+      modelType: params.modelType,
+      modelName: params.modelName || '',
+      page: params.page || 0,
+      limit: params.limit || 10
+    }).toString();
 
-      RequestService.sendRequest()
-        .url(`${getServiceUrl()}/api/v1/models/models/list?${queryParams}`)
-        .method('GET')
-        .success((res) => {
-            RequestService.clearRequestTime()
-            callback(res)
+    RequestService.sendRequest()
+      .url(`${getServiceUrl()}/api/v1/models/models/list?${queryParams}`)
+      .method('GET')
+      .success((res) => {
+        RequestService.clearRequestTime()
+        callback(res)
+      })
+      .fail((err) => {
+        console.error('获取模型列表失败:', err)
+        RequestService.reAjaxFun(() => {
+          this.getModelList(params, callback)
         })
-        .fail((err) => {
-            console.error('获取模型列表失败:', err)
-            RequestService.reAjaxFun(() => {
-                this.getModelList(params, callback)
-            })
-        }).send()
-    },
-    // 获取模型供应器列表
-    getModelProviders(modelType, callback) {
-      RequestService.sendRequest()
-        .url(`${getServiceUrl()}/api/v1/models/${modelType}/provideTypes`)
-        .method('GET')
-        .success((res) => {
-          RequestService.clearRequestTime()
-          callback(res.data?.data || [])
+      }).send()
+  },
+  // 获取模型供应器列表
+  getModelProviders(modelType, callback) {
+    RequestService.sendRequest()
+      .url(`${getServiceUrl()}/api/v1/models/${modelType}/provideTypes`)
+      .method('GET')
+      .success((res) => {
+        RequestService.clearRequestTime()
+        callback(res.data?.data || [])
+      })
+      .fail((err) => {
+        console.error('获取供应器列表失败:', err)
+        this.$message.error('获取供应器列表失败')
+        RequestService.reAjaxFun(() => {
+          this.getModelProviders(modelType, callback)
         })
-        .fail((err) => {
-          console.error('获取供应器列表失败:', err)
-          this.$message.error('获取供应器列表失败')
-          RequestService.reAjaxFun(() => {
-            this.getModelProviders(modelType, callback)
-          })
-        }).send()
-    },
+      }).send()
+  },
 
-    // 新增模型配置
-    addModel(params, callback) {
-      const { modelType, provideCode, formData } = params;
-      const postData = {
-        modelCode: formData.modelCode,
-        modelName: formData.modelName,
-        isDefault: formData.isDefault ? 1 : 0,
-        isEnabled: formData.isEnabled ? 1 : 0,
-        configJson: JSON.stringify(formData.configJson),
-        docLink: formData.docLink,
-        remark: formData.remark,
-        sort: formData.sort || 0
-      };
+  // 新增模型配置
+  addModel(params, callback) {
+    const { modelType, provideCode, formData } = params;
+    const postData = {
+      modelCode: formData.modelCode,
+      modelName: formData.modelName,
+      isDefault: formData.isDefault ? 1 : 0,
+      isEnabled: formData.isEnabled ? 1 : 0,
+      configJson: JSON.stringify(formData.configJson),
+      docLink: formData.docLink,
+      remark: formData.remark,
+      sort: formData.sort || 0
+    };
 
-      RequestService.sendRequest()
-        .url(`${getServiceUrl()}/api/v1/models/models/${modelType}/${provideCode}`)
-        .method('POST')
-        .data(postData)
-        .success((res) => {
-          RequestService.clearRequestTime()
-          callback(res)
+    RequestService.sendRequest()
+      .url(`${getServiceUrl()}/api/v1/models/models/${modelType}/${provideCode}`)
+      .method('POST')
+      .data(postData)
+      .success((res) => {
+        RequestService.clearRequestTime()
+        callback(res)
+      })
+      .fail((err) => {
+        console.error('新增模型失败:', err)
+        this.$message.error(err.msg || '新增模型失败')
+        RequestService.reAjaxFun(() => {
+          this.addModel(params, callback)
         })
-        .fail((err) => {
-          console.error('新增模型失败:', err)
-          this.$message.error(err.msg || '新增模型失败')
-          RequestService.reAjaxFun(() => {
-            this.addModel(params, callback)
-          })
-        }).send()
-    },
-    // 删除模型配置
-    deleteModel(modelType, provideCode, id, callback) {
-      RequestService.sendRequest()
-        .url(`${getServiceUrl()}/api/v1/models/models/${modelType}/${provideCode}/${id}`)
-        .method('DELETE')
-        .success((res) => {
-          RequestService.clearRequestTime()
-          callback(res)
+      }).send()
+  },
+  // 删除模型配置
+  deleteModel(modelType, provideCode, id, callback) {
+    RequestService.sendRequest()
+      .url(`${getServiceUrl()}/api/v1/models/models/${modelType}/${provideCode}/${id}`)
+      .method('DELETE')
+      .success((res) => {
+        RequestService.clearRequestTime()
+        callback(res)
+      })
+      .fail((err) => {
+        console.error('删除模型失败:', err)
+        this.$message.error(err.msg || '删除模型失败')
+        RequestService.reAjaxFun(() => {
+          this.deleteModel(modelType, provideCode, id, callback)
         })
-        .fail((err) => {
-          console.error('删除模型失败:', err)
-          this.$message.error(err.msg || '删除模型失败')
-          RequestService.reAjaxFun(() => {
-            this.deleteModel(modelType, provideCode, id, callback)
-          })
-        }).send()
-    },
+      }).send()
+  },
 
 
 }
diff --git a/main/manager-web/src/apis/module/ota.js b/main/manager-web/src/apis/module/ota.js
index fbc76421..127efb41 100644
--- a/main/manager-web/src/apis/module/ota.js
+++ b/main/manager-web/src/apis/module/ota.js
@@ -1,5 +1,5 @@
+import { getServiceUrl } from '../api'
 import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
 
 export default {
     /**
@@ -11,7 +11,7 @@ export default {
         RequestService.sendRequest()
             .url(`${getServiceUrl()}/api/v1/ota/activation`)
             .method('GET')
-            .query({code})
+            .query({ code })
             .success((res) => {
                 RequestService.clearRequestTime()
                 callback(res)
diff --git a/main/manager-web/src/apis/module/user.js b/main/manager-web/src/apis/module/user.js
index 8464794c..01dc0492 100755
--- a/main/manager-web/src/apis/module/user.js
+++ b/main/manager-web/src/apis/module/user.js
@@ -1,5 +1,5 @@
+import { getServiceUrl } from '../api'
 import RequestService from '../httpRequest'
-import {getServiceUrl} from '../api'
 
 
 export default {
diff --git a/main/manager-web/src/main.js b/main/manager-web/src/main.js
index 12d672ca..e082f682 100644
--- a/main/manager-web/src/main.js
+++ b/main/manager-web/src/main.js
@@ -1,11 +1,11 @@
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
-import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
-import './styles/global.scss'
+import 'normalize.css/normalize.css'; // A modern alternative to CSS resets
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import './styles/global.scss';
 
 Vue.use(ElementUI);
 
diff --git a/main/manager-web/src/router/index.js b/main/manager-web/src/router/index.js
index a6f2f2a6..75456641 100644
--- a/main/manager-web/src/router/index.js
+++ b/main/manager-web/src/router/index.js
@@ -56,11 +56,11 @@ const routes = [
     }
   },
   {
-   path: '/model-config',
-   name: 'ModelConfig',
-   component: function () {
-     return import('../views/ModelConfig.vue')
-   }
+    path: '/model-config',
+    name: 'ModelConfig',
+    component: function () {
+      return import('../views/ModelConfig.vue')
+    }
   },
   {
     path: '/test',
diff --git a/main/manager-web/src/store/index.js b/main/manager-web/src/store/index.js
index 15377c71..e359c479 100644
--- a/main/manager-web/src/store/index.js
+++ b/main/manager-web/src/store/index.js
@@ -1,7 +1,7 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-import Constant from '../utils/constant'
-import {goToPage} from "@/utils";
+import { goToPage } from "@/utils";
+import Vue from 'vue';
+import Vuex from 'vuex';
+import Constant from '../utils/constant';
 
 Vue.use(Vuex)
 
@@ -52,7 +52,7 @@ export default new Vuex.Store({
     logout({ commit }) {
       return new Promise((resolve) => {
         commit('clearAuth')
-        goToPage(Constant.PAGE.LOGIN,true);
+        goToPage(Constant.PAGE.LOGIN, true);
         window.location.reload(); // 彻底重置状态
       })
     }
diff --git a/main/manager-web/src/styles/global.scss b/main/manager-web/src/styles/global.scss
index dfc8e51b..b83180f2 100644
--- a/main/manager-web/src/styles/global.scss
+++ b/main/manager-web/src/styles/global.scss
@@ -1,6 +1,6 @@
 // 覆盖 autofill 样式
 input:-webkit-autofill,
-input:-webkit-autofill:hover, 
+input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
diff --git a/main/manager-web/src/utils/index.js b/main/manager-web/src/utils/index.js
index aeb728b4..8a5a960e 100755
--- a/main/manager-web/src/utils/index.js
+++ b/main/manager-web/src/utils/index.js
@@ -1,6 +1,6 @@
+import { Message } from 'element-ui'
 import router from '../router'
 import Constant from '../utils/constant'
-import { Message } from 'element-ui'
 
 /**
  * 判断用户是否登录
diff --git a/main/manager-web/src/views/ModelConfig.vue b/main/manager-web/src/views/ModelConfig.vue
index cdb9e3ef..e0f4afb9 100644
--- a/main/manager-web/src/views/ModelConfig.vue
+++ b/main/manager-web/src/views/ModelConfig.vue
@@ -2,26 +2,26 @@
   <div class="welcome">
     <HeaderBar />
 
-      <div class="operation-bar">
-          <h2 class="page-title">模型配置</h2>
-        <div class="right-operations">
-          <el-button plain size="small" @click="handleImport" style="background: #7b9de5; color: white;">
-            <img loading="lazy" alt="" src="@/assets/model/inner_conf.png">
-            导入配置
-          </el-button>
-          <el-button plain size="small" @click="handleExport" style="background: #71c9d1; color: white;">
-            <img loading="lazy" alt="" src="@/assets/model/output_conf.png">
-            导出配置
-          </el-button>
-        </div>
+    <div class="operation-bar">
+      <h2 class="page-title">模型配置</h2>
+      <div class="right-operations">
+        <el-button plain size="small" @click="handleImport" style="background: #7b9de5; color: white;">
+          <img loading="lazy" alt="" src="@/assets/model/inner_conf.png">
+          导入配置
+        </el-button>
+        <el-button plain size="small" @click="handleExport" style="background: #71c9d1; color: white;">
+          <img loading="lazy" alt="" src="@/assets/model/output_conf.png">
+          导出配置
+        </el-button>
       </div>
+    </div>
 
     <!-- 主体内容 -->
     <div class="main-wrapper">
       <div class="content-panel">
         <!-- 左侧导航 -->
         <el-menu :default-active="activeTab" class="nav-panel" @select="handleMenuSelect"
-                 style="background-size: cover; background-position: center;">
+          style="background-size: cover; background-position: center;">
           <el-menu-item index="vad">
             <span class="menu-text">语言活动检测</span>
           </el-menu-item>
@@ -46,14 +46,14 @@
         <div class="content-area">
           <div class="title-bar">
             <div class="title-wrapper">
-            <h2 class="model-title">{{ modelTypeText }}</h2>
-            <el-button type="primary" size="small" @click="addModel" class="add-btn">
-               添加
-            </el-button>
+              <h2 class="model-title">{{ modelTypeText }}</h2>
+              <el-button type="primary" size="small" @click="addModel" class="add-btn">
+                添加
+              </el-button>
             </div>
             <div class="action-group">
               <div class="search-group">
-                <el-input placeholder="请输入模型名称查询" v-model="search" size="small" class="search-input" clearable/>
+                <el-input placeholder="请输入模型名称查询" v-model="search" size="small" class="search-input" clearable />
                 <el-button type="primary" size="small" class="search-btn" @click="handleSearch">
                   查询
                 </el-button>
@@ -61,7 +61,9 @@
             </div>
           </div>
 
-          <el-table ref="modelTable" style="width: 100%" :header-cell-style="{background: 'transparent'}" :data="modelList"  class="data-table" header-row-class-name="table-header" :header-cell-class-name="headerCellClassName" @selection-change="handleSelectionChange">
+          <el-table ref="modelTable" style="width: 100%" :header-cell-style="{ background: 'transparent' }"
+            :data="modelList" class="data-table" header-row-class-name="table-header"
+            :header-cell-class-name="headerCellClassName" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="55" align="center"></el-table-column>
             <el-table-column label="模型名称" prop="modelName" align="center"></el-table-column>
             <el-table-column label="模型编码" prop="modelCode" align="center"></el-table-column>
@@ -72,9 +74,8 @@
             </el-table-column>
             <el-table-column label="是否启用" align="center">
               <template slot-scope="scope">
-                <el-switch v-model="scope.row.isEnabled" class="custom-switch"
-                           :active-value="1" :inactive-value="0"
-                           :active-color="null" :inactive-color="null"/>
+                <el-switch v-model="scope.row.isEnabled" class="custom-switch" :active-value="1" :inactive-value="0"
+                  :active-color="null" :inactive-color="null" />
               </template>
             </el-table-column>
             <el-table-column v-if="activeTab === 'tts'" label="音色管理" align="center">
@@ -98,7 +99,9 @@
 
           <div class="table-footer">
             <div class="batch-actions">
-              <el-button size="mini" @click="selectAll" style="width: 75px; background: #606ff3">{{ isAllSelected ? '取消全选' : '全选' }}</el-button>
+              <el-button size="mini" @click="selectAll" style="width: 75px; background: #606ff3">{{ isAllSelected ?
+                '取消全选' : '全选'
+                }}</el-button>
               <el-button size="mini" type="danger" icon="el-icon-delete" @click="batchDelete">
                 删除
               </el-button>
@@ -107,7 +110,8 @@
               <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">首页</button>
               <button class="pagination-btn" :disabled="currentPage === 1" @click="goPrev">上一页</button>
 
-              <button v-for="page in visiblePages" :key="page" class="pagination-btn" :class="{ active: page === currentPage }" @click="goToPage(page)">
+              <button v-for="page in visiblePages" :key="page" class="pagination-btn"
+                :class="{ active: page === currentPage }" @click="goToPage(page)">
                 {{ page }}
               </button>
 
@@ -118,23 +122,24 @@
         </div>
       </div>
 
-      <ModelEditDialog :modelType="activeTab" :visible.sync="editDialogVisible" :modelData="editModelData" @save="handleModelSave"/>
+      <ModelEditDialog :modelType="activeTab" :visible.sync="editDialogVisible" :modelData="editModelData"
+        @save="handleModelSave" />
       <TtsModel :visible.sync="ttsDialogVisible" />
-      <AddModelDialog  :modelType="activeTab" :visible.sync="addDialogVisible" @confirm="handleAddConfirm"/>
+      <AddModelDialog :modelType="activeTab" :visible.sync="addDialogVisible" @confirm="handleAddConfirm" />
     </div>
 
     <div class="copyright">
-        ©2025 xiaozhi-esp32-server
-      </div>
+      ©2025 xiaozhi-esp32-server
     </div>
+  </div>
 </template>
 
 <script>
+import ModelApi from "@/apis/module/model";
+import AddModelDialog from "@/components/AddModelDialog.vue";
 import HeaderBar from "@/components/HeaderBar.vue";
 import ModelEditDialog from "@/components/ModelEditDialog.vue";
 import TtsModel from "@/components/TtsModel.vue";
-import AddModelDialog from "@/components/AddModelDialog.vue";
-import ModelApi from "@/apis/module/model";
 
 export default {
   components: { HeaderBar, ModelEditDialog, TtsModel, AddModelDialog },
@@ -227,7 +232,7 @@ export default {
               this.activeTab,
               model.configJson?.provider || '',
               model.id,
-              ({data}) => resolve(data.code === 0)
+              ({ data }) => resolve(data.code === 0)
             )
           })
         )
@@ -262,7 +267,7 @@ export default {
           this.activeTab,
           model.configJson?.provider || '',  // 从configJson获取provider
           model.id,
-          ({data}) => {
+          ({ data }) => {
             if (data.code === 0) {
               this.$message.success('删除成功')
               this.loadData()
@@ -316,7 +321,7 @@ export default {
         }
       };
 
-      ModelApi.addModel(params, ({data}) => {
+      ModelApi.addModel(params, ({ data }) => {
         if (data.code === 0) {
           this.$message.success('新增成功');
           this.loadData();
@@ -328,8 +333,8 @@ export default {
 
     // 分页器
     goFirst() {
-    this.currentPage = 1;
-    this.loadData();
+      this.currentPage = 1;
+      this.loadData();
     },
     goPrev() {
       if (this.currentPage > 1) {
@@ -357,7 +362,7 @@ export default {
         limit: this.pageSize
       };
 
-      ModelApi.getModelList(params, ({data}) => {
+      ModelApi.getModelList(params, ({ data }) => {
         if (data.code === 0) {
           this.modelList = data.data.list;
           this.total = data.data.total;
@@ -371,7 +376,7 @@ export default {
 </script>
 
 <style scoped>
-::v-deep .el-table tr{
+::v-deep .el-table tr {
   background: transparent;
 }
 
@@ -394,7 +399,7 @@ export default {
   min-height: 600px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
   position: relative;
-  background: rgba(237,242,255,0.5);
+  background: rgba(237, 242, 255, 0.5);
 }
 
 .operation-bar {
@@ -430,12 +435,10 @@ export default {
   height: 100%;
   border-right: 1px solid #ebeef5;
   background:
-    linear-gradient(
-      120deg,
+    linear-gradient(120deg,
       rgba(107, 140, 255, 0.3) 0%,
       rgba(169, 102, 255, 0.3) 25%,
-      transparent 60%
-    ),
+      transparent 60%),
     url("../assets/model/model.png") no-repeat center / cover;
   padding: 16px 0;
   flex-shrink: 0;
@@ -620,7 +623,8 @@ export default {
 }
 
 ::v-deep .el-table .custom-selection-header .cell .el-checkbox__inner {
-  display: none !important; /* 使表头复选框不可见 */
+  display: none !important;
+  /* 使表头复选框不可见 */
 }
 
 ::v-deep .el-table .custom-selection-header .cell::before {
@@ -646,6 +650,7 @@ export default {
 }
 
 ::v-deep .data-table {
+
   &.el-table::before,
   &.el-table::after,
   &.el-table__inner-wrapper::before {
@@ -654,14 +659,14 @@ export default {
 }
 
 ::v-deep .data-table .el-table__header-wrapper {
-  border-bottom: 1px solid rgb(224,227,237);
+  border-bottom: 1px solid rgb(224, 227, 237);
 }
 
 ::v-deep .data-table .el-table__body td {
-  border-bottom: 1px solid rgb(224,227,237) !important;
+  border-bottom: 1px solid rgb(224, 227, 237) !important;
 }
 
-.el-button img{
+.el-button img {
   height: 1em;
   vertical-align: middle;
   padding-right: 2px;
@@ -689,7 +694,8 @@ export default {
 }
 
 .voice-management-btn:hover {
-    background: #8aa2e0; /* 悬停时颜色加深 */
+  background: #8aa2e0;
+  /* 悬停时颜色加深 */
   transform: scale(1.05);
 }
 
@@ -701,7 +707,8 @@ export default {
   padding-right: 15px !important;
 }
 
-.edit-btn, .delete-btn {
+.edit-btn,
+.delete-btn {
   margin: 0 8px;
   color: #7079aa !important;
 }
@@ -777,6 +784,4 @@ export default {
     margin-left: 10px;
   }
 }
-
 </style>
-
diff --git a/main/manager-web/src/views/UserManagement.vue b/main/manager-web/src/views/UserManagement.vue
index b6c4308e..af5982db 100644
--- a/main/manager-web/src/views/UserManagement.vue
+++ b/main/manager-web/src/views/UserManagement.vue
@@ -5,7 +5,8 @@
     <div class="operation-bar">
       <h2 class="page-title">用户管理</h2>
       <div class="right-operations">
-        <el-input placeholder="请输入手机号码查询" v-model="searchPhone" class="search-input" @keyup.enter.native="handleSearch"/>
+        <el-input placeholder="请输入手机号码查询" v-model="searchPhone" class="search-input"
+          @keyup.enter.native="handleSearch" />
         <el-button class="btn-search" @click="handleSearch">搜索</el-button>
       </div>
     </div>
@@ -14,7 +15,8 @@
       <div class="content-panel">
         <div class="content-area">
           <el-card class="user-card" shadow="never">
-            <el-table ref="userTable" :data="userList" class="transparent-table" :header-cell-class-name="headerCellClassName">
+            <el-table ref="userTable" :data="userList" class="transparent-table"
+              :header-cell-class-name="headerCellClassName">
               <el-table-column label="选择" type="selection" align="center" width="120"></el-table-column>
               <el-table-column label="用户Id" prop="userid" align="center"></el-table-column>
               <el-table-column label="手机号码" prop="mobile" align="center"></el-table-column>
@@ -22,14 +24,14 @@
               <el-table-column label="状态" prop="status" align="center"></el-table-column>
               <el-table-column label="操作" align="center">
                 <template slot-scope="scope">
-                  <el-button size="mini" type="text" @click="resetPassword(scope.row)" style="color: #989fdd">重置密码</el-button>
-                  <el-button size="mini" type="text"
-                    v-if="scope.row.status === '正常'"
+                  <el-button size="mini" type="text" @click="resetPassword(scope.row)"
+                    style="color: #989fdd">重置密码</el-button>
+                  <el-button size="mini" type="text" v-if="scope.row.status === '正常'"
                     @click="disableUser(scope.row)">禁用账户</el-button>
-                  <el-button size="mini" type="text"
-                    v-if="scope.row.status === '禁用'"
+                  <el-button size="mini" type="text" v-if="scope.row.status === '禁用'"
                     @click="restoreUser(scope.row)">恢复账号</el-button>
-                  <el-button size="mini" type="text" @click="deleteUser(scope.row)" style="color: #989fdd">删除用户</el-button>
+                  <el-button size="mini" type="text" @click="deleteUser(scope.row)"
+                    style="color: #989fdd">删除用户</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -38,14 +40,16 @@
               <div class="ctrl_btn">
                 <el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll">全选</el-button>
                 <el-button size="mini" type="success" icon="el-icon-circle-check" @click="batchEnable">启用</el-button>
-                <el-button size="mini" type="warning" @click="batchDisable"><i class="el-icon-remove-outline rotated-icon"></i>禁用</el-button>
+                <el-button size="mini" type="warning" @click="batchDisable"><i
+                    class="el-icon-remove-outline rotated-icon"></i>禁用</el-button>
                 <el-button size="mini" type="danger" icon="el-icon-delete" @click="batchDelete">删除</el-button>
               </div>
               <div class="custom-pagination">
                 <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">首页</button>
                 <button class="pagination-btn" :disabled="currentPage === 1" @click="goPrev">上一页</button>
 
-                <button v-for="page in visiblePages" :key="page" class="pagination-btn" :class="{ active: page === currentPage }" @click="goToPage(page)">
+                <button v-for="page in visiblePages" :key="page" class="pagination-btn"
+                  :class="{ active: page === currentPage }" @click="goToPage(page)">
                   {{ page }}
                 </button>
 
@@ -61,14 +65,14 @@
     <div class="copyright">
       ©2025 xiaozhi-esp32-server
     </div>
-    <view-password-dialog :visible.sync="showViewPassword" :password="currentPassword"/>
+    <view-password-dialog :visible.sync="showViewPassword" :password="currentPassword" />
   </div>
 </template>
 
 <script>
-import HeaderBar from "@/components/HeaderBar.vue";
 import adminApi from '@/apis/module/admin';
-import ViewPasswordDialog from '@/components/ViewPasswordDialog.vue'
+import HeaderBar from "@/components/HeaderBar.vue";
+import ViewPasswordDialog from '@/components/ViewPasswordDialog.vue';
 
 export default {
   components: { HeaderBar, ViewPasswordDialog },
@@ -108,23 +112,23 @@ export default {
   },
   methods: {
     fetchUsers() {
-        adminApi.getUserList({
-            page: this.currentPage,
-            limit: this.pageSize,
-            mobile: this.searchPhone
-        }, ({ data }) => {
-            if (data.code === 0) {
-                this.userList = data.data.list.map(user => ({
-                    ...user,
-                    status: user.status === '1' ? '正常' : '禁用'
-                }));
-                this.total = data.data.total;
-            }
-        });
+      adminApi.getUserList({
+        page: this.currentPage,
+        limit: this.pageSize,
+        mobile: this.searchPhone
+      }, ({ data }) => {
+        if (data.code === 0) {
+          this.userList = data.data.list.map(user => ({
+            ...user,
+            status: user.status === '1' ? '正常' : '禁用'
+          }));
+          this.total = data.data.total;
+        }
+      });
     },
     handleSearch() {
-        this.currentPage = 1;
-        this.fetchUsers();
+      this.currentPage = 1;
+      this.fetchUsers();
     },
     handleSelectAll() {
       this.$refs.userTable.toggleAllSelection();
@@ -152,11 +156,11 @@ export default {
           const results = await Promise.all(
             selectedUsers.map(user => {
               return new Promise((resolve) => {
-                adminApi.deleteUser(user.userid, ({data}) => {
+                adminApi.deleteUser(user.userid, ({ data }) => {
                   if (data.code === 0) {
-                    resolve({success: true, userid: user.userid});
+                    resolve({ success: true, userid: user.userid });
                   } else {
-                    resolve({success: false, userid: user.userid, msg: data.msg});
+                    resolve({ success: false, userid: user.userid, msg: data.msg });
                   }
                 });
               });
@@ -197,7 +201,7 @@ export default {
     },
     batchDisable() {
       this.userList.forEach(user => {
-      user.status = '禁用';
+        user.status = '禁用';
       });
       this.$message.success('状态已更新为禁用');
     },
@@ -224,22 +228,22 @@ export default {
       console.log('恢复用户：', row);
     },
     deleteUser(row) {
-        this.$confirm('确定要删除该用户吗？', '警告', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-        }).then(() => {
-            adminApi.deleteUser(row.userid, ({data}) => {
-                if (data.code === 0) {
-                    this.$message.success('删除成功')
-                    this.fetchUsers()
-                } else {
-                    this.$message.error(data.msg || '删除失败')
-                }
-            })
-        }).catch(() => {})
+      this.$confirm('确定要删除该用户吗？', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        adminApi.deleteUser(row.userid, ({ data }) => {
+          if (data.code === 0) {
+            this.$message.success('删除成功')
+            this.fetchUsers()
+          } else {
+            this.$message.error(data.msg || '删除失败')
+          }
+        })
+      }).catch(() => { })
     },
-    headerCellClassName({columnIndex}) {
+    headerCellClassName({ columnIndex }) {
       if (columnIndex === 0) {
         return 'custom-selection-header'
       }
@@ -252,13 +256,13 @@ export default {
     goPrev() {
       if (this.currentPage > 1) {
         this.currentPage--;
-         this.fetchUsers();
+        this.fetchUsers();
       }
     },
     goNext() {
       if (this.currentPage < this.pageCount) {
         this.currentPage++;
-         this.fetchUsers();
+        this.fetchUsers();
       }
     },
     goToPage(page) {
@@ -289,7 +293,7 @@ export default {
   min-height: 600px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
   position: relative;
-  background: rgba(237,242,255,0.5);
+  background: rgba(237, 242, 255, 0.5);
 }
 
 .operation-bar {
@@ -355,6 +359,7 @@ export default {
   display: flex;
   gap: 8px;
   padding-left: 26px;
+
   .el-button {
     min-width: 72px;
     height: 32px;
@@ -481,6 +486,7 @@ export default {
 
 :deep(.transparent-table) {
   background: white;
+
   .el-table__header th {
     background: white !important;
     color: black;
@@ -492,6 +498,7 @@ export default {
 
   .el-table__body tr {
     background-color: white;
+
     td {
       border-top: 1px solid rgba(0, 0, 0, 0.04);
       border-bottom: 1px solid rgba(0, 0, 0, 0.04);
@@ -534,17 +541,18 @@ export default {
     align-items: center;
     margin-top: 40px;
   }
+
   :deep(.transparent-table) {
     .el-table__body tr {
       td {
         padding-top: 16px;
         padding-bottom: 16px;
       }
-      & + tr {
+
+      &+tr {
         margin-top: 10px;
       }
     }
   }
 }
-
 </style>
\ No newline at end of file
diff --git a/main/manager-web/src/views/login.vue b/main/manager-web/src/views/login.vue
index 1907be72..48f43630 100644
--- a/main/manager-web/src/views/login.vue
+++ b/main/manager-web/src/views/login.vue
@@ -2,20 +2,18 @@
   <div class="welcome">
     <el-container style="height: 100%;">
       <el-header>
-        <div
-            style="display: flex;align-items: center;margin-top: 15px;margin-left: 10px;gap: 10px;">
-          <img loading="lazy" alt="" src="@/assets/xiaozhi-logo.png" style="width: 45px;height: 45px;"/>
-          <img loading="lazy" alt="" src="@/assets/xiaozhi-ai.png" style="height: 18px;"/>
+        <div style="display: flex;align-items: center;margin-top: 15px;margin-left: 10px;gap: 10px;">
+          <img loading="lazy" alt="" src="@/assets/xiaozhi-logo.png" style="width: 45px;height: 45px;" />
+          <img loading="lazy" alt="" src="@/assets/xiaozhi-ai.png" style="height: 18px;" />
         </div>
       </el-header>
       <div class="login-person">
-        <img loading="lazy" alt="" src="@/assets/login/login-person.png" style="width: 100%;"/>
+        <img loading="lazy" alt="" src="@/assets/login/login-person.png" style="width: 100%;" />
       </div>
       <el-main style="position: relative;">
         <div class="login-box" @keyup.enter="login">
-          <div
-              style="display: flex;align-items: center;gap: 20px;margin-bottom: 39px;padding: 0 30px;">
-            <img loading="lazy" alt="" src="@/assets/login/hi.png" style="width: 34px;height: 34px;"/>
+          <div style="display: flex;align-items: center;gap: 20px;margin-bottom: 39px;padding: 0 30px;">
+            <img loading="lazy" alt="" src="@/assets/login/hi.png" style="width: 34px;height: 34px;" />
             <div class="login-text">登录</div>
             <div class="login-welcome">
               WELCOME TO LOGIN
@@ -23,27 +21,23 @@
           </div>
           <div style="padding: 0 30px;">
             <div class="input-box">
-              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/username.png"/>
-              <el-input v-model="form.username" placeholder="请输入用户名"/>
+              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/username.png" />
+              <el-input v-model="form.username" placeholder="请输入用户名" />
             </div>
             <div class="input-box">
-              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png"/>
-              <el-input v-model="form.password" placeholder="请输入密码" type="password"/>
+              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png" />
+              <el-input v-model="form.password" placeholder="请输入密码" type="password" />
             </div>
             <div style="display: flex; align-items: center; margin-top: 20px; width: 100%; gap: 10px;">
               <div class="input-box" style="width: calc(100% - 130px); margin-top: 0;">
-                <img loading="lazy" alt="" class="input-icon" src="@/assets/login/shield.png"/>
-                <el-input v-model="form.captcha" placeholder="请输入验证码" style="flex: 1;"/>
+                <img loading="lazy" alt="" class="input-icon" src="@/assets/login/shield.png" />
+                <el-input v-model="form.captcha" placeholder="请输入验证码" style="flex: 1;" />
               </div>
-              <img loading="lazy" v-if="captchaUrl"
-                   :src="captchaUrl"
-                   alt="验证码"
-                   style="width: 150px; height: 40px; cursor: pointer;"
-                   @click="fetchCaptcha"
-              />
+              <img loading="lazy" v-if="captchaUrl" :src="captchaUrl" alt="验证码"
+                style="width: 150px; height: 40px; cursor: pointer;" @click="fetchCaptcha" />
             </div>
             <div
-                style="font-weight: 400;font-size: 14px;text-align: left;color: #5778ff;display: flex;justify-content: space-between;margin-top: 20px;">
+              style="font-weight: 400;font-size: 14px;text-align: left;color: #5778ff;display: flex;justify-content: space-between;margin-top: 20px;">
               <div style="cursor: pointer;" @click="goToRegister">新用户注册</div>
             </div>
           </div>
@@ -92,7 +86,7 @@ export default {
     fetchCaptcha() {
       console.log(this.$store.getters.getToken)
       if (this.$store.getters.getToken) {
-        if (this.$route.path !== '/home'){
+        if (this.$route.path !== '/home') {
           this.$router.push('/home')
         }
       } else {
@@ -100,7 +94,7 @@ export default {
 
         Api.user.getCaptcha(this.captchaUuid, (res) => {
           if (res.status === 200) {
-            const blob = new Blob([res.data], {type: res.data.type});
+            const blob = new Blob([res.data], { type: res.data.type });
             this.captchaUrl = URL.createObjectURL(blob);
           } else {
             showDanger('验证码加载失败，点击刷新');
@@ -133,7 +127,7 @@ export default {
       }
 
       this.form.captchaId = this.captchaUuid
-      Api.user.login(this.form, ({data}) => {
+      Api.user.login(this.form, ({ data }) => {
         if (data.code === 0) {
           showSuccess('登录成功！');
           this.$store.commit('setToken', JSON.stringify(data.data));
@@ -156,5 +150,4 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-@import './auth.scss'; // 添加这行引用
-</style>
+@import './auth.scss'; // 添加这行引用</style>
diff --git a/main/manager-web/src/views/register.vue b/main/manager-web/src/views/register.vue
index 5d0ce0c8..d30db354 100644
--- a/main/manager-web/src/views/register.vue
+++ b/main/manager-web/src/views/register.vue
@@ -4,8 +4,8 @@
       <!-- 保持相同的头部 -->
       <el-header>
         <div style="display: flex;align-items: center;margin-top: 15px;margin-left: 10px;gap: 10px;">
-          <img loading="lazy" alt="" src="@/assets/xiaozhi-logo.png" style="width: 45px;height: 45px;"/>
-          <img loading="lazy" alt="" src="@/assets/xiaozhi-ai.png" style="width: 70px;height: 13px;"/>
+          <img loading="lazy" alt="" src="@/assets/xiaozhi-logo.png" style="width: 45px;height: 45px;" />
+          <img loading="lazy" alt="" src="@/assets/xiaozhi-ai.png" style="width: 70px;height: 13px;" />
         </div>
       </el-header>
 
@@ -13,7 +13,7 @@
         <div class="login-box">
           <!-- 修改标题部分 -->
           <div style="display: flex;align-items: center;gap: 20px;margin-bottom: 39px;padding: 0 30px;">
-            <img loading="lazy" alt="" src="@/assets/login/hi.png" style="width: 34px;height: 34px;"/>
+            <img loading="lazy" alt="" src="@/assets/login/hi.png" style="width: 34px;height: 34px;" />
             <div class="login-text">注册</div>
             <div class="login-welcome">
               WELCOME TO REGISTER
@@ -23,34 +23,30 @@
           <div style="padding: 0 30px;">
             <!-- 用户名输入框 -->
             <div class="input-box">
-              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/username.png"/>
-              <el-input v-model="form.username" placeholder="请输入用户名"/>
+              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/username.png" />
+              <el-input v-model="form.username" placeholder="请输入用户名" />
             </div>
 
             <!-- 密码输入框 -->
             <div class="input-box">
-              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png"/>
-              <el-input v-model="form.password" placeholder="请输入密码" type="password"/>
+              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png" />
+              <el-input v-model="form.password" placeholder="请输入密码" type="password" />
             </div>
 
             <!-- 新增确认密码 -->
             <div class="input-box">
-              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png"/>
-              <el-input v-model="form.confirmPassword" placeholder="请确认密码" type="password"/>
+              <img loading="lazy" alt="" class="input-icon" src="@/assets/login/password.png" />
+              <el-input v-model="form.confirmPassword" placeholder="请确认密码" type="password" />
             </div>
 
             <!-- 验证码部分保持相同 -->
             <div style="display: flex; align-items: center; margin-top: 20px; width: 100%; gap: 10px;">
               <div class="input-box" style="width: calc(100% - 130px); margin-top: 0;">
-                <img loading="lazy" alt="" class="input-icon" src="@/assets/login/shield.png"/>
-                <el-input v-model="form.captcha" placeholder="请输入验证码" style="flex: 1;"/>
+                <img loading="lazy" alt="" class="input-icon" src="@/assets/login/shield.png" />
+                <el-input v-model="form.captcha" placeholder="请输入验证码" style="flex: 1;" />
               </div>
-              <img loading="lazy" v-if="captchaUrl"
-                   :src="captchaUrl"
-                   alt="验证码"
-                   style="width: 150px; height: 40px; cursor: pointer;"
-                   @click="fetchCaptcha"
-              />
+              <img loading="lazy" v-if="captchaUrl" :src="captchaUrl" alt="验证码"
+                style="width: 150px; height: 40px; cursor: pointer;" @click="fetchCaptcha" />
             </div>
 
             <!-- 修改底部链接 -->
@@ -83,8 +79,8 @@
 </template>
 
 <script>
-import {getUUID, goToPage, showDanger, showSuccess} from '@/utils'
 import Api from '@/apis/api';
+import { getUUID, goToPage, showDanger, showSuccess } from '@/utils';
 
 export default {
   name: 'register',
@@ -109,7 +105,7 @@ export default {
       this.form.captchaId = getUUID();
       Api.user.getCaptcha(this.form.captchaId, (res) => {
         if (res.status === 200) {
-          const blob = new Blob([res.data], {type: res.data.type});
+          const blob = new Blob([res.data], { type: res.data.type });
           this.captchaUrl = URL.createObjectURL(blob);
 
         } else {
@@ -146,7 +142,7 @@ export default {
         return;
       }
 
-      Api.user.register(this.form, ({data}) => {
+      Api.user.register(this.form, ({ data }) => {
         console.log(data)
         if (data.code === 0) {
           showSuccess('注册成功！')
@@ -169,5 +165,4 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import './auth.scss'; // 修改为导入新建的SCSS文件
-</style>
+@import './auth.scss'; // 修改为导入新建的SCSS文件</style>
diff --git a/main/manager-web/src/views/roleConfig.vue b/main/manager-web/src/views/roleConfig.vue
index 57648c14..8af3e786 100644
--- a/main/manager-web/src/views/roleConfig.vue
+++ b/main/manager-web/src/views/roleConfig.vue
@@ -1,27 +1,28 @@
 <template>
   <div class="welcome">
-    <HeaderBar/>
+    <HeaderBar />
     <el-main style="padding: 16px;display: flex;flex-direction: column;">
       <div style="border-radius: 16px;background: #fafcfe; border: 1px solid #e8f0ff;">
         <div
-            style="padding: 15px 24px;font-weight: 700;font-size: 19px;text-align: left;color: #3d4566;display: flex;gap: 13px;align-items: center;">
+          style="padding: 15px 24px;font-weight: 700;font-size: 19px;text-align: left;color: #3d4566;display: flex;gap: 13px;align-items: center;">
           <div
-              style="width: 37px;height: 37px;background: #5778ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
-            <img loading="lazy" src="@/assets/home/setting-user.png" alt="" style="width: 19px;height: 19px;"/>
+            style="width: 37px;height: 37px;background: #5778ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
+            <img loading="lazy" src="@/assets/home/setting-user.png" alt="" style="width: 19px;height: 19px;" />
           </div>
           {{ form.agentName }}
         </div>
-        <div style="height: 1px;background: #e8f0ff;"/>
+        <div style="height: 1px;background: #e8f0ff;" />
         <el-form ref="form" :model="form" label-width="72px">
           <div style="padding: 16px 24px;max-width: 792px;">
             <el-form-item label="助手昵称：">
               <div class="input-46" style="width: 100%; max-width: 412px;">
-                <el-input v-model="form.agentName"/>
+                <el-input v-model="form.agentName" />
               </div>
             </el-form-item>
             <el-form-item label="角色模版：">
               <div style="display: flex;gap: 8px;">
-                <div v-for="template in templates" :key="template" class="template-item" :class="{ 'template-loading': loadingTemplate }" @click="selectTemplate(template)">
+                <div v-for="template in templates" :key="template" class="template-item"
+                  :class="{ 'template-loading': loadingTemplate }" @click="selectTemplate(template)">
                   {{ template }}
                 </div>
               </div>
@@ -30,32 +31,31 @@
               <div style="display: flex;gap: 8px;align-items: center;">
                 <div class="input-46" style="flex:1.4;">
                   <el-select v-model="form.ttsVoiceId" placeholder="请选择" style="width: 100%;">
-                    <el-option v-for="item in options" :key="item.value" :label="item.label"
-                               :value="item.value">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                   </el-select>
                 </div>
                 <div class="audio-box">
                   <audio src="http://music.163.com/song/media/outer/url?id=447925558.mp3" controls
-                         style="height: 100%;width: 100%;"/>
+                    style="height: 100%;width: 100%;" />
                 </div>
               </div>
             </el-form-item>
             <el-form-item label="角色介绍：">
               <div class="textarea-box">
-                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容"
-                          v-model="form.systemPrompt" maxlength="2000" show-word-limit/>
+                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容" v-model="form.systemPrompt"
+                  maxlength="2000" show-word-limit />
               </div>
             </el-form-item>
             <el-form-item label="记忆体：">
               <div class="textarea-box">
-                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容"
-                          v-model="form.langCode" maxlength="1000"/>
+                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容" v-model="form.langCode"
+                  maxlength="1000" />
                 <div class="prompt-bottom" @click="clearMemory">
                   <div style="display: flex;gap: 8px;align-items: center;">
                     <div style="color: #979db1;font-size: 11px;">当前记忆（每次对话后重新生成）</div>
                     <div class="clear-btn">
-                      <i class="el-icon-delete-solid" style="font-size: 11px;"/>
+                      <i class="el-icon-delete-solid" style="font-size: 11px;" />
                       清除
                     </div>
                   </div>
@@ -65,7 +65,7 @@
             </el-form-item>
             <el-form-item v-for="model in models" :key="model.label" :label="model.label" class="model-item">
               <el-select v-model="form.model[model.key]" filterable placeholder="请选择" class="select-field">
-                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="" class="lh-form-item" style="margin-top: -25px;">
@@ -83,7 +83,7 @@
             重制
           </div>
           <div class="clear-text">
-            <img loading="lazy" src="@/assets/home/red-info.png" alt="" style="width: 19px;height: 19px;"/>
+            <img loading="lazy" src="@/assets/home/red-info.png" alt="" style="width: 19px;height: 19px;" />
             保存配置后，需要重启设备，新的配置才会生效。
           </div>
         </div>
@@ -100,7 +100,7 @@ import HeaderBar from "@/components/HeaderBar.vue";
 
 export default {
   name: 'RoleConfigPage',
-  components: {HeaderBar},
+  components: { HeaderBar },
   data() {
     return {
       form: {
@@ -121,16 +121,16 @@ export default {
         }
       },
       options: [
-        {value: '选项1', label: '黄金糕'},
-        {value: '选项2', label: '双皮奶'}
+        { value: '选项1', label: '黄金糕' },
+        { value: '选项2', label: '双皮奶' }
       ],
       models: [
-        {label: '大语言模型(LLM)', key: 'llmModelId'},
-        {label: '语音识别(ASR)', key: 'asrModelId'},
-        {label: '语音活动检测(VAD)', key: 'vadModelId'},
-        {label: '语音合成(TTS)', key: 'ttsModelId'},
-        {label: '意图识别(Intent)', key: 'intentModelId'},
-        {label: '记忆(Memory)', key: 'memModelId'}
+        { label: '大语言模型(LLM)', key: 'llmModelId' },
+        { label: '语音识别(ASR)', key: 'asrModelId' },
+        { label: '语音活动检测(VAD)', key: 'vadModelId' },
+        { label: '语音合成(TTS)', key: 'ttsModelId' },
+        { label: '意图识别(Intent)', key: 'intentModelId' },
+        { label: '记忆(Memory)', key: 'memModelId' }
       ],
       templates: ['湾湾小何', '星际游子', '英语老师', '好奇男孩', '汪汪队长'],
       loadingTemplate: false
@@ -153,8 +153,8 @@ export default {
         language: this.form.language,
         sort: this.form.sort
       };
-      import('@/apis/module/agent').then(({default: agentApi}) => {
-        agentApi.updateAgentConfig(this.$route.query.agentId, configData, ({data}) => {
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.updateAgentConfig(this.$route.query.agentId, configData, ({ data }) => {
           if (data.code === 0) {
             this.$message.success('配置保存成功');
           } else {
@@ -192,31 +192,31 @@ export default {
       })
     },
     selectTemplate(templateName) {
-        if (this.loadingTemplate) return;
-        this.loadingTemplate = true;
-        import('@/apis/module/agent').then(({default: agentApi}) => {
-            agentApi.getAgentTemplate((response) => {  // 移除参数传递
-                this.loadingTemplate = false;
-                if (response.data.code === 0) {
-                    // 在客户端过滤匹配的模板
-                    const matchedTemplate = response.data.data.find(
-                        t => t.agentName === templateName
-                    );
-                    if (matchedTemplate) {
-                        this.applyTemplateData(matchedTemplate);
-                        this.$message.success(`「${templateName}」模板已应用`);
-                    } else {
-                        this.$message.warning(`未找到「${templateName}」模板`);
-                    }
-                } else {
-                    this.$message.error(response.data.msg || '获取模板失败');
-                }
-            });
-        }).catch((error) => {
-            this.loadingTemplate = false;
-            this.$message.error('模板加载失败');
-            console.error('接口异常:', error);
+      if (this.loadingTemplate) return;
+      this.loadingTemplate = true;
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.getAgentTemplate((response) => {  // 移除参数传递
+          this.loadingTemplate = false;
+          if (response.data.code === 0) {
+            // 在客户端过滤匹配的模板
+            const matchedTemplate = response.data.data.find(
+              t => t.agentName === templateName
+            );
+            if (matchedTemplate) {
+              this.applyTemplateData(matchedTemplate);
+              this.$message.success(`「${templateName}」模板已应用`);
+            } else {
+              this.$message.warning(`未找到「${templateName}」模板`);
+            }
+          } else {
+            this.$message.error(response.data.msg || '获取模板失败');
+          }
         });
+      }).catch((error) => {
+        this.loadingTemplate = false;
+        this.$message.error('模板加载失败');
+        console.error('接口异常:', error);
+      });
     },
     applyTemplateData(templateData) {
       this.form = {
@@ -235,37 +235,37 @@ export default {
         }
       };
     },
-  fetchAgentConfig(agentId) {
-    import('@/apis/module/agent').then(({default: agentApi}) => {
-      agentApi.getDeviceConfig(agentId, ({data}) => {
-        if (data.code === 0) {
-          this.form = {
-            ...this.form,
-            ...data.data,
-            model: {
-              ttsModelId: data.data.ttsModelId,
-              vadModelId: data.data.vadModelId,
-              asrModelId: data.data.asrModelId,
-              llmModelId: data.data.llmModelId,
-              memModelId: data.data.memModelId,
-              intentModelId: data.data.intentModelId
-            }
-          };
-        } else {
-          this.$message.error(data.msg || '获取配置失败');
-        }
+    fetchAgentConfig(agentId) {
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.getDeviceConfig(agentId, ({ data }) => {
+          if (data.code === 0) {
+            this.form = {
+              ...this.form,
+              ...data.data,
+              model: {
+                ttsModelId: data.data.ttsModelId,
+                vadModelId: data.data.vadModelId,
+                asrModelId: data.data.asrModelId,
+                llmModelId: data.data.llmModelId,
+                memModelId: data.data.memModelId,
+                intentModelId: data.data.intentModelId
+              }
+            };
+          } else {
+            this.$message.error(data.msg || '获取配置失败');
+          }
+        });
       });
-    });
+    },
+    // 清空记忆体内容
+    clearMemory() {
+      this.form.langCode = "";
+      this.$message.success("记忆体已清空");
+    },
   },
-  // 清空记忆体内容
-  clearMemory() {
-    this.form.langCode = "";
-    this.$message.success("记忆体已清空");
-  },
-},
   mounted() {
     const agentId = this.$route.query.agentId;
-    console.log('agentId2222',agentId);
+    console.log('agentId2222', agentId);
     if (agentId) {
       this.fetchAgentConfig(agentId);
     }
@@ -299,7 +299,7 @@ export default {
   padding-bottom: 2px;
 }
 
-.select-field{
+.select-field {
   width: 100%;
   max-width: 720px;
   border: 1px solid #e4e6ef;
@@ -397,4 +397,3 @@ export default {
   background: #f6f8fb;
 }
 </style>
-
diff --git a/main/manager-web/src/views/test.vue b/main/manager-web/src/views/test.vue
index e5ea8309..9ec2643a 100644
--- a/main/manager-web/src/views/test.vue
+++ b/main/manager-web/src/views/test.vue
@@ -3,13 +3,12 @@
     <h1 class="title">XiaoZhi ESP32 Server 测试助手</h1>
     <div class="chat-container" ref="chatContainer">
       <div v-for="(message, index) in messages" :key="index"
-           :class="['message', message.role === 'user' ? 'user' : 'assistant']">
+        :class="['message', message.role === 'user' ? 'user' : 'assistant']">
         <span>{{ message.content }}</span>
       </div>
     </div>
     <div class="controls">
-      <button @click="toggleRecording" :disabled="wsStatus !== 'connected'"
-              :class="{ recording: isRecording }">
+      <button @click="toggleRecording" :disabled="wsStatus !== 'connected'" :class="{ recording: isRecording }">
         {{ isRecording ? '停止录音' : '开始录音' }}
       </button>
       <p>WebSocket: {{ wsStatus }}</p>
@@ -18,8 +17,8 @@
 </template>
 
 <script>
-import Recorder from 'opus-recorder';
 import { OpusDecoder } from 'opus-decoder';
+import Recorder from 'opus-recorder';
 
 export default {
   name: 'TestPage',
@@ -89,8 +88,8 @@ export default {
           console.log('收到音频帧，大小:', event.data.byteLength, '字节');
           const opusFrame = new Uint8Array(event.data);
           const frameHead = Array.from(opusFrame.slice(0, 8))
-              .map(b => b.toString(16).padStart(2, '0'))
-              .join(' ');
+            .map(b => b.toString(16).padStart(2, '0'))
+            .join(' ');
           console.log('音频帧前8字节:', frameHead);
 
           try {
@@ -258,8 +257,8 @@ export default {
           const frames = this.stripOggContainer(data);
           frames.forEach((frame, index) => {
             const frameHead = Array.from(new Uint8Array(frame.slice(0, 8)))
-                .map(b => b.toString(16).padStart(2, '0'))
-                .join(' ');
+              .map(b => b.toString(16).padStart(2, '0'))
+              .join(' ');
             console.log(`帧 ${index} 大小: ${frame.byteLength} 字节，前8字节: ${frameHead}`);
 
             if (frame.byteLength < 50 || frame.byteLength > 300) {