From f2c6cb8641589f9a8af49ff30e979756d7cd8a39 Mon Sep 17 00:00:00 2001
From: zhuoqinglian <1035449612@qq.com>
Date: Mon, 2 Mar 2026 15:33:38 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E4=BC=98=E5=8C=96=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=BA=A2=E5=87=BA=E6=82=AC=E6=B5=AE=E7=AA=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/components/DeviceItem.vue | 16 ++++++++++++++--
 main/manager-web/src/styles/global.scss        | 10 ++++++++++
 main/manager-web/src/views/roleConfig.vue      |  9 ++++++---
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/main/manager-web/src/components/DeviceItem.vue b/main/manager-web/src/components/DeviceItem.vue
index 28cbcb5b..87a82687 100644
--- a/main/manager-web/src/components/DeviceItem.vue
+++ b/main/manager-web/src/components/DeviceItem.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="device-item">
     <div style="display: flex;justify-content: space-between;">
-      <div style="font-weight: 700;font-size: 18px;text-align: left;color: #3d4566;">
+    <el-tooltip :content="device.agentName" placement="top" effect="light">
+      <div class="device-item-title">
         {{ device.agentName }}
       </div>
+    </el-tooltip>
       <div>
         <img src="@/assets/home/delete.png" alt="" style="width: 18px;height: 18px;margin-right: 10px;"
           @click.stop="handleDelete" />
-        <el-tooltip class="item" effect="dark" :content="device.systemPrompt" placement="top"
+        <el-tooltip class="item" effect="light" :content="device.systemPrompt" placement="top"
           popper-class="custom-tooltip">
           <img src="@/assets/home/info.png" alt="" style="width: 18px;height: 18px;" />
         </el-tooltip>
@@ -140,6 +142,16 @@ export default {
   background: #fafcfe;
   padding: 22px 22px 14px;
   box-sizing: border-box;
+  &-title {
+    flex: 1;
+    font-weight: bold;
+    font-size: 18px;
+    color: #3d4566;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
 }
 
 .device-name {
diff --git a/main/manager-web/src/styles/global.scss b/main/manager-web/src/styles/global.scss
index 3aba4bdb..15bbe6b1 100644
--- a/main/manager-web/src/styles/global.scss
+++ b/main/manager-web/src/styles/global.scss
@@ -19,4 +19,14 @@ select:-webkit-autofill:focus {
 
 .el-icon-video-play, .el-icon-video-pause { 
   font-size: 18px !important;
+}
+
+.is-light {
+  border: 1px solid #e4e7ed !important;
+  color: #595959;
+  font-size: 14px;
+  background: #fafcfe !important;
+  .popper__arrow {
+    border-top-color: #e4e7ed !important;
+   }
 }
\ No newline at end of file
diff --git a/main/manager-web/src/views/roleConfig.vue b/main/manager-web/src/views/roleConfig.vue
index 75cea7fe..470b7c66 100644
--- a/main/manager-web/src/views/roleConfig.vue
+++ b/main/manager-web/src/views/roleConfig.vue
@@ -32,7 +32,7 @@
                   v-model="inputValue"
                   ref="saveTagInput"
                   size="small"
-                  maxLength="100"
+                  maxLength="64"
                   @keyup.enter.native="handleInputConfirm"
                   @blur="handleInputConfirm"
                 >
@@ -63,7 +63,7 @@
                       <el-input
                         v-model="form.agentName"
                         class="form-input"
-                        maxlength="10"
+                        maxlength="64"
                       />
                     </el-form-item>
                     <el-form-item :label="$t('roleConfig.roleTemplate') + '：'">
@@ -387,7 +387,6 @@ export default {
         asr: false, // 语音识别功能状态
       },
       dynamicTags: [],
-      maxVisibleTags: 5,
       inputVisible: false,
       inputValue: ''
     };
@@ -471,6 +470,7 @@ export default {
               intentModelId: "",
             },
           };
+          this.dynamicTags = [];
           this.currentFunctions = [];
           this.$message.success({
             message: i18n.t("roleConfig.resetSuccess"),
@@ -1531,5 +1531,8 @@ export default {
 }
 .input-new-tag {
   width: 90px;
+  &::v-deep(.el-input__inner) {
+    width: 90px !important;
+  }
 }
 </style>