diff --git a/project-management/frontend/src/business/menu/file/edit/EditFileMetadata.vue b/project-management/frontend/src/business/menu/file/edit/EditFileMetadata.vue
index 851e943378..9e458e10ac 100644
--- a/project-management/frontend/src/business/menu/file/edit/EditFileMetadata.vue
+++ b/project-management/frontend/src/business/menu/file/edit/EditFileMetadata.vue
@@ -8,7 +8,10 @@
     ref="editFile"
   >
     <span slot="title" class="dialog-footer">
-      <span>{{ data.name }}</span>
+      <el-tooltip :content="data.name" v-if="data.name && data.name.length > 80">
+        <span>{{ data.name | split }}</span>
+      </el-tooltip>
+      <span v-else>{{ data.name | split }}</span>
       <i
         class="el-icon-download ms-header-menu"
         @click="download"
@@ -330,6 +333,15 @@ export default {
       },
     },
   },
+  filters: {
+    split: (value) => {
+      if (value && value.length > 80) {
+        return value.substring(0, 80) + "...";
+      } else {
+        return value;
+      }
+    }
+  },
   methods: {
     getCommitId() {
       if (this.data && this.data.attachInfo) {
diff --git a/project-management/frontend/src/business/menu/file/list/FileMetadataList.vue b/project-management/frontend/src/business/menu/file/list/FileMetadataList.vue
index 72992a0ff0..ce02a92953 100644
--- a/project-management/frontend/src/business/menu/file/list/FileMetadataList.vue
+++ b/project-management/frontend/src/business/menu/file/list/FileMetadataList.vue
@@ -485,17 +485,20 @@ export default {
         });
         return;
       }
-      operationConfirm(
-        this,
-        this.$t("project.file_delete_tip", [row.name]),
-        () => {
+      let tips = this.$t("project.file_delete_tip", [row.name]);
+      this.$confirm('<p style="word-break: break-word">' + tips + '</p>',
+        "", {
+          dangerouslyUseHTMLString: true,
+          confirmButtonText: this.$t("commons.confirm"),
+          cancelButtonText: this.$t("commons.cancel"),
+          type: "warning"
+        }).then(() => {
           deleteFileMetaById(row.id).then(() => {
             this.$success(this.$t("commons.delete_success"));
             this.getProjectFiles();
             this.refreshModule();
           });
-        }
-      );
+        });
     },
     getTypes() {
       this.typeFilters = [];