From c93580b591f5e9bde484f6c61f38f55fbbd6907d Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Thu, 18 Jul 2024 10:52:54 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BE=8B):=20?=
 =?UTF-8?q?=E8=AF=84=E5=AE=A1-=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1044149 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001044149
---
 .../featureCaseMinder/attachment.vue          |  6 ++++-
 .../components/pure/ms-upload/fileList.vue    |  4 ++--
 .../case-management/caseReview/caseDetail.vue | 22 ++++++++++---------
 .../detail/featureCase/detail/index.vue       |  2 +-
 4 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/business/ms-minders/featureCaseMinder/attachment.vue b/frontend/src/components/business/ms-minders/featureCaseMinder/attachment.vue
index d08f5a45f7..267325f96a 100644
--- a/frontend/src/components/business/ms-minders/featureCaseMinder/attachment.vue
+++ b/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>
diff --git a/frontend/src/components/pure/ms-upload/fileList.vue b/frontend/src/components/pure/ms-upload/fileList.vue
index bcc78a71fd..59d6c72390 100644
--- a/frontend/src/components/pure/ms-upload/fileList.vue
+++ b/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>
diff --git a/frontend/src/views/case-management/caseReview/caseDetail.vue b/frontend/src/views/case-management/caseReview/caseDetail.vue
index 142f0da2f7..5af5c0e579 100644
--- a/frontend/src/views/case-management/caseReview/caseDetail.vue
+++ b/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">
-              <a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
-                <div
-                  class="one-line-text cursor-pointer font-medium text-[rgb(var(--primary-5))]"
-                  @click="goCaseDetail"
-                >
-                  【{{ caseDetail.num }}】{{ caseDetail.name }}
-                </div>
-              </a-tooltip>
+            <div class="mb-[12px] flex items-center">
+              <div class="mr-[16px] flex-1 overflow-hidden">
+                <a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
+                  <div
+                    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>
+                </a-tooltip>
+              </div>
               <a-button
                 v-permission="['FUNCTIONAL_CASE:READ+UPDATE']"
                 type="outline"
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/index.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/index.vue
index 368b65ec75..e22003d710 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/index.vue
+++ b/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>