fix(接口管理): 修复场景名称太长设置定时任务样式错乱问题

--bug=1038664 --user=郭雨琦 https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001038664

frontend/src/views/api-test/scenario/components/scenarioTable.vue

@@ -294,7 +294,19 @@
     <template #title>
       <div class="float-left">
         {{ scheduleModalTitle }}
-        <div class="float-right text-[var(--color-text-4)]">
+        <a-tooltip v-if="translateTextToPX(tableRecord?.name) > 300">
+          <template #content>
+            <span>
+              {{ tableRecord?.name }}
+            </span>
+          </template>
+          <div class="float-right flex text-[var(--color-text-4)]">
+            {{ '（' }}
+            <div class="one-line-text" style="max-width: 300px">{{ tableRecord?.name }}</div>
+            {{ '）' }}
+          </div>
+        </a-tooltip>
+        <div v-else class="float-right text-[var(--color-text-4)]">
           {{ '（' + tableRecord?.name + '）' }}
         </div>
       </div>
@@ -610,6 +622,7 @@
   import useModal from '@/hooks/useModal';
   import useTableStore from '@/hooks/useTableStore';
   import useAppStore from '@/store/modules/app';
+  import { translateTextToPX } from '@/utils/css';
   import { hasAnyPermission } from '@/utils/permission';
 
   import { Environment } from '@/models/apiTest/management';

frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue

@@ -215,7 +215,13 @@
                 <!-- 自定义字段结束 -->
                 <div class="baseItem">
                   <span class="label"> {{ t('caseManagement.featureCase.tableColumnCreateUser') }}</span>
-                  <span class="value">{{ detailInfo?.createUserName }}</span>
+                  <a-tooltip
+                    v-if="translateTextToPX(detailInfo?.createUserName) > 200"
+                    :content="detailInfo?.createUserName"
+                  >
+                    <span class="one-line-text" style="max-width: 200px">{{ detailInfo?.createUserName }}</span>
+                  </a-tooltip>
+                  <span v-else class="value">{{ detailInfo?.createUserName }}</span>
                 </div>
                 <div class="baseItem">
                   <span class="label"> {{ t('caseManagement.featureCase.tableColumnCreateTime') }}</span>
@@ -283,6 +289,7 @@
   import useFeatureCaseStore from '@/store/modules/case/featureCase';
   import useUserStore from '@/store/modules/user';
   import { characterLimit } from '@/utils';
+  import { translateTextToPX } from '@/utils/css';
   import { hasAnyPermission } from '@/utils/permission';
 
   import type { CustomAttributes, DetailCase, TabItemType } from '@/models/caseManagement/featureCase';

frontend/src/views/project-management/messageManagement/components/robotList.vue

@@ -31,21 +31,34 @@
                   {{ robot.description }}
                 </div>
                 <div v-else class="flex flex-wrap items-center text-[12px] leading-[16px] text-[var(--color-text-4)]">
-                  <div class="mr-[16px]">
-                    <a-tooltip position="tl" mini :content="robot.createUser">{{ robot.createUser }}</a-tooltip>
-                    {{
-                      `${t('project.messageManagement.createAt')} ${dayjs(robot.createTime).format(
-                        'YYYY-MM-DD HH:mm:ss'
-                      )}`
-                    }}
-                  </div>
-                  <div>
-                    {{
-                      `${robot.updateUser} ${t('project.messageManagement.updateAt')} ${dayjs(robot.updateTime).format(
-                        'YYYY-MM-DD HH:mm:ss'
-                      )}`
-                    }}
-                  </div>
+                  <a-tooltip
+                    v-if="translateTextToPX(robot.createUser) > 200"
+                    position="tl"
+                    mini
+                    :content="robot.createUser"
+                  >
+                    <span class="one-line-text" style="max-width: 200px">{{ robot.createUser }}</span></a-tooltip
+                  >
+                  <span v-else class="one-line-text" style="max-width: 200px">{{ robot.createUser }}</span>
+                  <span class="mr-[16px]">{{
+                    `${t('project.messageManagement.createAt')} ${dayjs(robot.createTime).format(
+                      'YYYY-MM-DD HH:mm:ss'
+                    )}`
+                  }}</span>
+                  <a-tooltip
+                    v-if="translateTextToPX(robot.updateUser) > 200"
+                    position="tl"
+                    mini
+                    :content="robot.updateUser"
+                  >
+                    <span class="one-line-text" style="max-width: 200px">{{ robot.updateUser }}</span></a-tooltip
+                  >
+                  <span v-else class="one-line-text" style="max-width: 200px">{{ robot.updateUser }}</span>
+                  {{
+                    ` ${t('project.messageManagement.updateAt')} ${dayjs(robot.updateTime).format(
+                      'YYYY-MM-DD HH:mm:ss'
+                    )}`
+                  }}
                 </div>
               </div>
             </div>
@@ -303,6 +316,7 @@
   import useVisit from '@/hooks/useVisit';
   import useAppStore from '@/store/modules/app';
   import { characterLimit } from '@/utils';
+  import { translateTextToPX } from '@/utils/css';
 
   import type {
     ProjectRobotPlatform,