style(功能用例): 评审-名称过长处理

--bug=1044149 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001044149

frontend/src/components/business/ms-minders/featureCaseMinder/attachment.vue

@@ -335,4 +335,8 @@
   }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  :deep(.file-name-first) {
+    max-width: 170px;
+  }
+</style>

frontend/src/components/pure/ms-upload/fileList.vue

@@ -43,11 +43,11 @@
               <div class="m-b[2px] flex items-center">
                 <a-tooltip :content="item.file.name">
                   <div class="show-file-name">
-                    <div class="one-line-text max-w-[421px] pl-[4px] font-normal">
+                    <div class="file-name-first one-line-text max-w-[421px] pl-[4px] font-normal">
                       {{ item.file.name.slice(0, item.file.name.indexOf('.')) }}
                     </div>
                     <span class="font-normal text-[var(--color-text-1)]">
-                      {{ item.file.name.slice(item.file.name.indexOf('.')) }}
+                      {{ item.file.name.slice(item.file.name.lastIndexOf('.')) }}
                     </span>
                   </div>
                 </a-tooltip>

frontend/src/views/case-management/caseReview/caseDetail.vue

@@ -85,18 +85,20 @@
           />
         </a-spin>
       </div>
-      <a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col">
+      <a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col overflow-hidden">
         <div class="content-center">
           <div class="rounded-[var(--border-radius-small)] bg-[var(--color-text-n9)] p-[16px]">
-            <div class="mb-[12px] flex items-center justify-between">
+            <div class="mb-[12px] flex items-center">
-              <a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
+              <div class="mr-[16px] flex-1 overflow-hidden">
-                <div
+                <a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
-                  class="one-line-text cursor-pointer font-medium text-[rgb(var(--primary-5))]"
+                  <div
-                  @click="goCaseDetail"
+                    class="one-line-text w-[fit-content] max-w-[100%] cursor-pointer font-medium text-[rgb(var(--primary-5))]"
-                >
+                    @click="goCaseDetail"
-                  【{{ caseDetail.num }}】{{ caseDetail.name }}
+                  >
-                </div>
+                    【{{ caseDetail.num }}】{{ caseDetail.name }}
-              </a-tooltip>
+                  </div>
+                </a-tooltip>
+              </div>
               <a-button
                 v-permission="['FUNCTIONAL_CASE:READ+UPDATE']"
                 type="outline"

frontend/src/views/test-plan/testPlan/detail/featureCase/detail/index.vue

@@ -67,7 +67,7 @@
             >
             <div class="flex-1 overflow-hidden">
               <a-tooltip :content="caseDetail.name">
-                <div class="one-line-text max-w-[100%] font-medium">
+                <div class="one-line-text w-[fit-content] max-w-[100%] font-medium">
                   {{ caseDetail.name }}
                 </div>
               </a-tooltip>