From d6332fd1f8a6d14d5cc245b3493e4be7a7efd1ec Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Wed, 18 Sep 2024 19:11:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=BC=BA=E9=99=B7=E7=AE=A1=E7=90=86&?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E7=94=A8=E4=BE=8B):=20=E9=99=84=E4=BB=B6?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91&=E8=AF=A6=E6=83=85=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=BD=8D=E7=BD=AE=E8=B0=83=E6=95=B4&?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E6=93=8D=E4=BD=9C=E6=9D=83=E9=99=90=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/pure/ms-upload/fileList.vue    |  2 +-
 .../components/bugDetailTab.vue               | 50 +++++++++--
 frontend/src/views/bug-management/edit.vue    | 51 +++++++++--
 frontend/src/views/bug-management/index.vue   | 12 +++
 .../components/caseTemplateDetail.vue         | 57 +++++++++----
 .../components/tabContent/tabDetail.vue       | 84 ++++++++++++++++---
 .../components/addDefectDrawer/index.vue      |  2 +-
 .../components/linkDefectDrawer.vue           |  7 +-
 8 files changed, 216 insertions(+), 49 deletions(-)

diff --git a/frontend/src/components/pure/ms-upload/fileList.vue b/frontend/src/components/pure/ms-upload/fileList.vue
index f9d8adc6ab..240a20a9df 100644
--- a/frontend/src/components/pure/ms-upload/fileList.vue
+++ b/frontend/src/components/pure/ms-upload/fileList.vue
@@ -43,7 +43,7 @@
               <div class="m-b[2px] flex items-center">
                 <a-tooltip :content="item.file.name">
                   <div class="show-file-name">
-                    <div class="file-name-first one-line-text max-w-[421px] pl-[4px] font-normal">
+                    <div class="file-name-first one-line-text max-w-[300px] pl-[4px] font-normal">
                       {{ item.file.name.slice(0, item.file.name.indexOf('.')) }}
                     </div>
                     <span class="font-normal text-[var(--color-text-1)]">
diff --git a/frontend/src/views/bug-management/components/bugDetailTab.vue b/frontend/src/views/bug-management/components/bugDetailTab.vue
index b77419887c..5abd2684e0 100644
--- a/frontend/src/views/bug-management/components/bugDetailTab.vue
+++ b/frontend/src/views/bug-management/components/bugDetailTab.vue
@@ -85,28 +85,32 @@
       }"
       :upload-func="uploadOrAssociationFile"
       :handle-delete="deleteFileHandler"
-      :show-delete="props.allowEdit"
       :init-file-save-tips="t('ms.upload.waiting_save')"
+      :show-delete="false"
       @finish="uploadFileOver"
     >
       <template #actions="{ item }">
         <div>
           <!-- 本地文件 -->
-          <div v-if="item.local || item.status === 'init'" class="flex flex-nowrap">
+          <div v-if="item.local || item.status === 'init'" class="flex items-center font-normal">
             <MsButton
               v-if="item.status !== 'init' && item.status !== 'uploading' && item.file.type.includes('image')"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="handlePreview(item)"
             >
               {{ t('ms.upload.preview') }}
             </MsButton>
+            <a-divider
+              v-if="item.status !== 'init' && item.status !== 'uploading' && item.file.type.includes('image')"
+              direction="vertical"
+            />
             <MsButton
               v-if="item.status === 'done' && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="transferHandler(item)"
             >
               {{ t('caseManagement.featureCase.storage') }}
@@ -121,45 +125,73 @@
               source-id-key="bugId"
               @finish="emit('updateSuccess')"
             />
+            <a-divider
+              v-if="item.status === 'done' && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
+              direction="vertical"
+            />
             <MsButton
               v-if="item.status === 'done'"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="downloadFile(item)"
             >
               {{ t('caseManagement.featureCase.download') }}
             </MsButton>
+            <a-divider v-if="item.status === 'done'" direction="vertical" />
+            <MsButton
+              v-if="item.status !== 'uploading' && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
+              type="button"
+              :status="item.deleteContent ? 'primary' : 'danger'"
+              class="!mx-0"
+              @click="deleteFileHandler(item)"
+            >
+              {{ t(item.deleteContent) || t('ms.upload.delete') }}
+            </MsButton>
           </div>
           <!-- 关联文件 -->
-          <div v-else class="flex flex-nowrap">
+          <div v-else class="flex items-center font-normal">
             <MsButton
               v-if="item.status !== 'init' && item.file.type.includes('image')"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="handlePreview(item)"
             >
               {{ t('ms.upload.preview') }}
             </MsButton>
+            <a-divider v-if="item.status !== 'init' && item.file.type.includes('image')" direction="vertical" />
+
             <MsButton
               v-if="item.status === 'done'"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="downloadFile(item)"
             >
               {{ t('caseManagement.featureCase.download') }}
             </MsButton>
+            <a-divider v-if="item.status === 'done'" direction="vertical" />
+
             <MsButton
               v-if="item.isUpdateFlag && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
               type="button"
               status="primary"
-              class="!mr-[4px]"
+              class="!mx-0"
               @click="handleUpdateFile(item)"
             >
               {{ t('common.update') }}
             </MsButton>
+            <a-divider v-if="item.isUpdateFlag && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])" direction="vertical" />
+            <MsButton
+              v-if="item.status === 'done' && hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
+              type="button"
+              :status="item.deleteContent ? 'primary' : 'danger'"
+              class="!mx-0"
+              @click="deleteFileHandler(item)"
+            >
+              {{ t(item.deleteContent) }}
+            </MsButton>
           </div>
         </div>
       </template>
diff --git a/frontend/src/views/bug-management/edit.vue b/frontend/src/views/bug-management/edit.vue
index 06a98fda7c..a651b809cc 100644
--- a/frontend/src/views/bug-management/edit.vue
+++ b/frontend/src/views/bug-management/edit.vue
@@ -59,24 +59,26 @@
           v-model:file-list="fileList"
           :init-file-save-tips="t('ms.upload.waiting_save')"
           mode="static"
+          :show-delete="false"
         >
           <template #actions="{ item }">
             <!-- 本地文件 -->
-            <div v-if="item.local || item.status === 'init'" class="flex flex-nowrap">
+            <div v-if="item.local || item.status === 'init'" class="flex items-center font-normal">
               <MsButton
                 v-if="item.status !== 'init' && item.file.type.includes('image')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mx-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
+              <a-divider v-if="item.status !== 'init' && item.file.type.includes('image')" direction="vertical" />
               <MsButton
                 v-if="item.status !== 'init'"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mx-0"
                 @click="transferFile(item)"
               >
                 {{ t('caseManagement.featureCase.storage') }}
@@ -90,43 +92,67 @@
                 source-id-key="bugId"
                 @finish="getDetailInfo()"
               />
+              <a-divider v-if="item.status !== 'init'" direction="vertical" />
               <MsButton
                 v-if="item.status !== 'init'"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mx-0"
                 @click="downloadFile(item)"
               >
                 {{ t('common.download') }}
               </MsButton>
+              <a-divider v-if="item.status !== 'init'" direction="vertical" />
+              <MsButton
+                v-if="item.status !== 'uploading'"
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mx-0"
+                @click="deleteFile(item)"
+              >
+                {{ t(item.deleteContent) || t('ms.upload.delete') }}
+              </MsButton>
             </div>
             <!-- 关联文件 -->
-            <div v-else class="flex flex-nowrap">
+            <div v-else class="flex items-center font-normal">
               <MsButton
                 v-if="item.status !== 'init' && item.file.type.includes('image')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mx-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
-              <MsButton v-if="bugId" type="button" status="primary" class="!mr-[4px]" @click="downloadFile(item)">
+              <a-divider v-if="item.status !== 'init' && item.file.type.includes('image')" direction="vertical" />
+              <MsButton v-if="bugId" type="button" status="primary" class="!mx-0" @click="downloadFile(item)">
                 {{ t('common.download') }}
               </MsButton>
+              <a-divider v-if="bugId" direction="vertical" />
               <MsButton
                 v-if="bugId && item.isUpdateFlag"
                 type="button"
+                class="!mx-0"
                 status="primary"
                 @click="handleUpdateFile(item)"
               >
                 {{ t('common.update') }}
               </MsButton>
+              <a-divider v-if="bugId && item.isUpdateFlag" direction="vertical" />
+              <MsButton
+                v-if="item.status !== 'uploading'"
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mx-0"
+                @click="deleteFile(item)"
+              >
+                {{ t(item.deleteContent) }}
+              </MsButton>
             </div>
           </template>
           <template #title="{ item }">
-            <span v-if="item.isUpdateFlag" class="ml-4 flex items-center font-normal text-[rgb(var(--warning-6))]"
-              ><icon-exclamation-circle-fill /> <span>{{ t('caseManagement.featureCase.fileIsUpdated') }}</span>
+            <span v-if="item.isUpdateFlag" class="ml-4 flex items-center font-normal text-[rgb(var(--warning-6))]">
+              <icon-exclamation-circle-fill /> <span>{{ t('caseManagement.featureCase.fileIsUpdated') }}</span>
             </span>
           </template>
         </MsFileList>
@@ -789,6 +815,13 @@
     }
   };
 
+  function deleteFile(item: MsFileItem) {
+    const index = fileList.value.findIndex((e) => e.uid === item.uid);
+    if (index !== -1) {
+      fileList.value.splice(index, 1);
+    }
+  }
+
   // 监视自定义字段改变处理formCreate
   watch(
     () => formRules.value,
diff --git a/frontend/src/views/bug-management/index.vue b/frontend/src/views/bug-management/index.vue
index 3f9f37b12a..9558c7c096 100644
--- a/frontend/src/views/bug-management/index.vue
+++ b/frontend/src/views/bug-management/index.vue
@@ -79,6 +79,14 @@
             </a-tooltip>
           </div>
         </template>
+        <template #description="{ record }">
+          <a-tooltip position="tl" class="ms-tooltip-white">
+            <div v-dompurify-html="record.description || '-'"></div>
+            <template #content>
+              <div v-dompurify-html="record.description || '-'"></div>
+            </template>
+          </a-tooltip>
+        </template>
       </MsBaseTable>
     </div>
   </MsCard>
@@ -765,6 +773,10 @@
         } else {
           item.showInTable = false;
         }
+        if (item.title === '内容') {
+          item.slotName = 'description';
+          item.showTooltip = false;
+        }
       });
     } catch (error) {
       // eslint-disable-next-line no-console
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseTemplateDetail.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseTemplateDetail.vue
index 3ff8f68a22..541ae796ea 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseTemplateDetail.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseTemplateDetail.vue
@@ -67,19 +67,21 @@
           mode="static"
           :init-file-save-tips="t('ms.upload.waiting_save')"
           :show-upload-type-desc="true"
+          :show-delete="false"
         >
           <template #actions="{ item }">
             <!-- 本地文件 -->
-            <div v-if="item.local || item.status === 'init'" class="flex flex-nowrap">
+            <div v-if="item.local || item.status === 'init'" class="flex items-center font-normal">
               <MsButton
                 v-if="item.status !== 'init' && item.file.type.includes('image/')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
+              <a-divider v-if="item.status !== 'init' && item.file.type.includes('image/')" direction="vertical" />
               <SaveAsFilePopover
                 v-if="item.uid === activeTransferFileParams?.uid"
                 v-model:visible="transferVisible"
@@ -94,54 +96,72 @@
                 v-if="item.status !== 'init'"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="transferFile(item)"
               >
                 {{ t('caseManagement.featureCase.storage') }}
               </MsButton>
+              <a-divider v-if="item.status !== 'init'" direction="vertical" />
               <MsButton
                 v-if="item.status !== 'init'"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="downloadFile(item)"
               >
                 {{ t('caseManagement.featureCase.download') }}
               </MsButton>
+              <a-divider v-if="item.status !== 'init'" direction="vertical" />
+              <MsButton
+                v-if="item.status !== 'uploading'"
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mr-0"
+                @click="deleteFile(item)"
+              >
+                {{ t(item.deleteContent) || t('ms.upload.delete') }}
+              </MsButton>
             </div>
             <!-- 关联文件 -->
-            <div v-else class="flex flex-nowrap">
+            <div v-else class="flex items-center font-normal">
               <MsButton
                 v-if="item.file.type.includes('/image')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
-              <MsButton
-                v-if="props.caseId"
-                type="button"
-                status="primary"
-                class="!mr-[4px]"
-                @click="downloadFile(item)"
-              >
+              <a-divider v-if="item.file.type.includes('/image')" direction="vertical" />
+              <MsButton v-if="props.caseId" type="button" status="primary" class="!mr-0" @click="downloadFile(item)">
                 {{ t('caseManagement.featureCase.download') }}
               </MsButton>
+              <a-divider v-if="props.caseId" direction="vertical" />
               <MsButton
                 v-if="props.caseId && item.isUpdateFlag"
                 type="button"
+                class="!mx-0"
                 status="primary"
                 @click="handleUpdateFile(item)"
               >
                 {{ t('common.update') }}
               </MsButton>
+              <a-divider v-if="props.caseId && item.isUpdateFlag" direction="vertical" />
+              <MsButton
+                v-if="item.status !== 'uploading'"
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mr-0"
+                @click="deleteFile(item)"
+              >
+                {{ t(item.deleteContent) }}
+              </MsButton>
             </div>
           </template>
           <template #title="{ item }">
-            <span v-if="item.isUpdateFlag" class="ml-4 flex items-center font-normal text-[rgb(var(--warning-6))]"
-              ><icon-exclamation-circle-fill /> <span>{{ t('caseManagement.featureCase.fileIsUpdated') }}</span>
+            <span v-if="item.isUpdateFlag" class="ml-4 flex items-center font-normal text-[rgb(var(--warning-6))]">
+              <icon-exclamation-circle-fill /> <span>{{ t('caseManagement.featureCase.fileIsUpdated') }} </span>
             </span>
           </template>
         </MsFileList>
@@ -611,6 +631,13 @@
     featureCaseStore.setModuleId([value]);
   }
 
+  function deleteFile(item: MsFileItem) {
+    const index = fileList.value.findIndex((e) => e.uid === item.uid);
+    if (index !== -1) {
+      fileList.value.splice(index, 1);
+    }
+  }
+
   // 监视文件列表处理关联和本地文件
   watch(
     () => fileList.value,
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDetail.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDetail.vue
index f16697faa5..d84ef667e9 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDetail.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDetail.vue
@@ -113,23 +113,23 @@
           projectId: currentProjectId,
         }"
         :upload-func="uploadOrAssociationFile"
-        :handle-delete="deleteFileHandler"
-        :show-delete="props.allowEdit && !props.isTestPlan"
+        :show-delete="false"
         @finish="uploadFileOver"
       >
         <template #actions="{ item }">
           <div v-if="props.allowEdit">
             <!-- 本地文件 -->
-            <div v-if="item.local || item.status === 'init'" class="flex flex-nowrap">
+            <div v-if="item.local || item.status === 'init'" class="flex items-center font-normal">
               <MsButton
                 v-if="item.file.type.includes('/image')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
+              <a-divider v-if="item.file.type.includes('/image')" direction="vertical" />
               <SaveAsFilePopover
                 v-if="!props.isTestPlan && item.uid === activeTransferFileParams?.uid"
                 v-model:visible="transferVisible"
@@ -141,53 +141,110 @@
                 @finish="emit('updateSuccess')"
               />
               <MsButton
-                v-if="!props.isTestPlan"
+                v-if="props.allowEdit && !props.isTestPlan && hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="transferFileHandler(item)"
               >
                 {{ t('caseManagement.featureCase.storage') }}
               </MsButton>
+              <a-divider
+                v-if="props.allowEdit && !props.isTestPlan && hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])"
+                direction="vertical"
+              />
               <MsButton
-                v-if="item.status === 'done'"
+                v-if="
+                  item.status === 'done' &&
+                  props.allowEdit &&
+                  !props.isTestPlan &&
+                  hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])
+                "
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="downloadFile(item)"
               >
                 {{ t('caseManagement.featureCase.download') }}
               </MsButton>
+              <a-divider
+                v-if="
+                  item.status === 'done' &&
+                  props.allowEdit &&
+                  !props.isTestPlan &&
+                  hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])
+                "
+                direction="vertical"
+              />
+              <MsButton
+                v-if="item.status !== 'uploading' && props.allowEdit && !props.isTestPlan"
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mr-0"
+                @click="deleteFileHandler(item)"
+              >
+                {{ t(item.deleteContent) || t('ms.upload.delete') }}
+              </MsButton>
             </div>
             <!-- 关联文件 -->
-            <div v-else class="flex flex-nowrap">
+            <div v-else class="flex items-center font-normal">
               <MsButton
                 v-if="item.file.type.includes('/image')"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="handlePreview(item)"
               >
                 {{ t('ms.upload.preview') }}
               </MsButton>
+              <a-divider v-if="item.file.type.includes('/image')" direction="vertical" />
               <MsButton
                 v-if="item.status === 'done'"
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="downloadFile(item)"
               >
                 {{ t('caseManagement.featureCase.download') }}
               </MsButton>
+              <a-divider v-if="item.status === 'done'" direction="vertical" />
               <MsButton
-                v-if="item.isUpdateFlag"
+                v-if="
+                  item.isUpdateFlag &&
+                  props.allowEdit &&
+                  !props.isTestPlan &&
+                  hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])
+                "
                 type="button"
                 status="primary"
-                class="!mr-[4px]"
+                class="!mr-0"
                 @click="handleUpdateFile(item)"
               >
                 {{ t('common.update') }}
               </MsButton>
+              <a-divider
+                v-if="
+                  item.isUpdateFlag &&
+                  props.allowEdit &&
+                  !props.isTestPlan &&
+                  hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])
+                "
+                direction="vertical"
+              />
+              <MsButton
+                v-if="
+                  item.status !== 'uploading' &&
+                  props.allowEdit &&
+                  !props.isTestPlan &&
+                  hasAllPermission(['FUNCTIONAL_CASE:READ+UPDATE'])
+                "
+                type="button"
+                :status="item.deleteContent ? 'primary' : 'danger'"
+                class="!mr-0"
+                @click="deleteFileHandler(item)"
+              >
+                {{ t(item.deleteContent) }}
+              </MsButton>
             </div>
           </div>
         </template>
@@ -262,6 +319,7 @@
   import useAppStore from '@/store/modules/app';
   import { characterLimit, downloadByteFile, getGenerateId, sleep } from '@/utils';
   import { scrollIntoView } from '@/utils/dom';
+  import { hasAllPermission } from '@/utils/permission';
 
   import type { AssociatedList, DetailCase, StepList } from '@/models/caseManagement/featureCase';
   import type { TableQueryParams } from '@/models/common';
diff --git a/frontend/src/views/case-management/components/addDefectDrawer/index.vue b/frontend/src/views/case-management/components/addDefectDrawer/index.vue
index 1c5060410f..6585e2b253 100644
--- a/frontend/src/views/case-management/components/addDefectDrawer/index.vue
+++ b/frontend/src/views/case-management/components/addDefectDrawer/index.vue
@@ -2,7 +2,7 @@
   <MsDrawer
     v-model:visible="showBugDrawer"
     :mask="true"
-    :title="t('case.saveContinueText')"
+    :title="bugId ? t('bugManagement.editBug') : t('caseManagement.featureCase.createDefect')"
     :ok-text="t('common.create')"
     :ok-loading="drawerLoading"
     :width="850"
diff --git a/frontend/src/views/case-management/components/linkDefectDrawer.vue b/frontend/src/views/case-management/components/linkDefectDrawer.vue
index 2978aff439..5d774d53b9 100644
--- a/frontend/src/views/case-management/components/linkDefectDrawer.vue
+++ b/frontend/src/views/case-management/components/linkDefectDrawer.vue
@@ -39,6 +39,11 @@
       <template #name="{ record }">
         <BugNamePopover :name="record.name || record.title" :content="record.content || record.description || ''" />
       </template>
+      <template #createUserName="{ record }">
+        <a-tooltip :content="`${record.createUserName}`" position="tl">
+          <div class="one-line-text">{{ record.createUserName || '-' }}</div>
+        </a-tooltip>
+      </template>
     </ms-base-table>
   </MsDrawer>
 </template>
@@ -142,7 +147,7 @@
     },
     {
       title: 'caseManagement.featureCase.tableColumnCreateUser',
-      slotName: 'createUser',
+      slotName: 'createUserName',
       dataIndex: 'createUser',
       showInTable: true,
       showTooltip: true,