update: 优化文本溢出悬浮窗样式

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 {

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;
+   }
 }

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>