From cd113a535166f12c082abe2d7528fc28631c0b04 Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Thu, 13 Nov 2025 11:01:28 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=8F=92=E4=BB=B6=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E5=89=8D=EF=BC=8C=E4=B8=8D=E5=90=8C=E9=A2=9C=E8=89=B2=E7=9A=84?=
 =?UTF-8?q?=E7=82=B9=E6=98=93=E8=AE=A9=E4=BA=BA=E4=BA=A7=E7=94=9F=E8=AF=AF?=
 =?UTF-8?q?=E8=A7=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FunctionDialog.vue         | 29 +++++++++----------
 main/manager-web/src/views/roleConfig.vue     | 17 ++++-------
 2 files changed, 19 insertions(+), 27 deletions(-)

diff --git a/main/manager-web/src/components/FunctionDialog.vue b/main/manager-web/src/components/FunctionDialog.vue
index c554a4a3..23adce78 100644
--- a/main/manager-web/src/components/FunctionDialog.vue
+++ b/main/manager-web/src/components/FunctionDialog.vue
@@ -13,7 +13,9 @@
       <div class="function-column">
         <div class="column-header">
           <h4 class="column-title">{{ $t('functionDialog.unselectedFunctions') }}</h4>
-          <el-button type="text" @click="selectAll" class="select-all-btn">{{ $t('functionDialog.selectAll') }}</el-button>
+          <el-button type="text" @click="selectAll" class="select-all-btn">
+            {{ $t('functionDialog.selectAll') }}
+          </el-button>
         </div>
         <div class="function-list">
           <div v-if="unselected.length">
@@ -21,7 +23,7 @@
               <el-checkbox :label="func.name" v-model="selectedNames" @change="(val) => handleCheckboxChange(func, val)"
                 @click.native.stop></el-checkbox>
               <div class="func-tag" @click="handleFunctionClick(func)">
-                <div class="color-dot" :style="{ backgroundColor: getFunctionColor(func.name) }"></div>
+                <div class="color-dot"></div>
                 <span>{{ func.name }}</span>
               </div>
             </div>
@@ -36,7 +38,9 @@
       <div class="function-column">
         <div class="column-header">
           <h4 class="column-title">{{ $t('functionDialog.selectedFunctions') }}</h4>
-          <el-button type="text" @click="deselectAll" class="select-all-btn">{{ $t('functionDialog.selectAll') }}</el-button>
+          <el-button type="text" @click="deselectAll" class="select-all-btn">
+            {{ $t('functionDialog.selectAll') }}
+          </el-button>
         </div>
         <div class="function-list">
           <div v-if="selectedList.length > 0">
@@ -44,7 +48,7 @@
               <el-checkbox :label="func.name" v-model="selectedNames" @change="(val) => handleCheckboxChange(func, val)"
                 @click.native.stop></el-checkbox>
               <div class="func-tag" @click="handleFunctionClick(func)">
-                <div class="color-dot" :style="{ backgroundColor: getFunctionColor(func.name) }"></div>
+                <div class="color-dot"></div>
                 <span>{{ func.name }}</span>
               </div>
             </div>
@@ -57,7 +61,9 @@
 
       <!-- 右侧：参数配置 -->
       <div class="params-column">
-        <h4 v-if="currentFunction" class="column-title">{{ $t('functionDialog.paramConfig') }} - {{ currentFunction.name }}</h4>
+        <h4 v-if="currentFunction" class="column-title">
+          {{ $t('functionDialog.paramConfig') }} - {{ currentFunction.name }}
+        </h4>
         <div v-if="currentFunction" class="params-container">
           <el-form :model="currentFunction" class="param-form">
             <!-- 遍历 fieldsMeta，而不是 params 的 keys -->
@@ -119,8 +125,8 @@
           <el-input v-model="mcpUrl" readonly class="url-input">
             <template #suffix>
               <el-button @click="copyUrl" class="inner-copy-btn" icon="el-icon-document-copy">
-                  {{ $t('functionDialog.copy') }}
-                </el-button>
+                {{ $t('functionDialog.copy') }}
+              </el-button>
             </template>
           </el-input>
         </div>
@@ -191,10 +197,6 @@ export default {
       selectedNames: [],
       currentFunction: null,
       modifiedFunctions: {},
-      functionColorMap: [
-        '#FF6B6B', '#4ECDC4', '#45B7D1',
-        '#96CEB4', '#FFEEAD', '#D4A5A5', '#A2836E'
-      ],
       tempFunctions: {},
       // 添加一个标志位来跟踪是否已经保存
       hasSaved: false,
@@ -405,10 +407,6 @@ export default {
       // 通知父组件对话框已关闭且已保存
       this.$emit('dialog-closed', true);
     },
-    getFunctionColor(name) {
-      const hash = [...name].reduce((acc, char) => acc + char.charCodeAt(0), 0);
-      return this.functionColorMap[hash % this.functionColorMap.length];
-    },
     fieldRemark(field) {
       let description = (field && field.label) ? field.label : '';
       if (field.default) {
@@ -527,6 +525,7 @@ export default {
   flex-shrink: 0;
   width: 8px;
   height: 8px;
+  background-color: #5778ff;
   margin-right: 8px;
   border-radius: 50%;
 }
diff --git a/main/manager-web/src/views/roleConfig.vue b/main/manager-web/src/views/roleConfig.vue
index a0f89503..8e0eee08 100644
--- a/main/manager-web/src/views/roleConfig.vue
+++ b/main/manager-web/src/views/roleConfig.vue
@@ -104,7 +104,7 @@
                             <div slot="content">
                               <div><strong>功能名称:</strong> {{ func.name }}</div>
                             </div>
-                            <div class="icon-dot" :style="{ backgroundColor: getFunctionColor(func.name) }">
+                            <div class="icon-dot">
                               {{ getFunctionDisplayChar(func.name) }}
                             </div>
                           </el-tooltip>
@@ -189,10 +189,6 @@ export default {
       voiceOptions: [],
       showFunctionDialog: false,
       currentFunctions: [],
-      functionColorMap: [
-        '#FF6B6B', '#4ECDC4', '#45B7D1',
-        '#96CEB4', '#FFEEAD', '#D4A5A5', '#A2836E'
-      ],
       allFunctions: [],
       originalFunctions: [],
     }
@@ -428,20 +424,16 @@ export default {
         }
       });
     },
-    getFunctionColor(name) {
-      const hash = [...name].reduce((acc, char) => acc + char.charCodeAt(0), 0);
-      return this.functionColorMap[hash % this.functionColorMap.length];
-    },
     getFunctionDisplayChar(name) {
       if (!name || name.length === 0) return '';
-      
+
       for (let i = 0; i < name.length; i++) {
         const char = name[i];
         if (/[\u4e00-\u9fa5a-zA-Z0-9]/.test(char)) {
           return char;
         }
       }
-      
+
       // 如果没有找到有效字符，返回第一个字符
       return name.charAt(0);
     },
@@ -768,11 +760,12 @@ export default {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: white;
+  color: #5778ff;
   font-weight: bold;
   font-size: 12px;
   margin-right: 8px;
   position: relative;
+  background-color: #e6ebff;
 }
 
 ::v-deep .el-form-item__label {