fix bug

src/views/vehicle/customer-archive.vue

@@ -634,11 +634,20 @@
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column label="文件名称" min-width="180">
+          <el-table-column label="文件名称" min-width="180" align="left">
             <template #default="{ row }">
-              <el-link type="primary" :disabled="!row.url" @click="previewQualificationFile(row)">{{
-                row.originalName || row.name || '-'
-              }}</el-link>
+              <div
+                class="qualification-file-name-cell"
+                :title="row.originalName || row.name || '-'"
+              >
+                <span
+                  class="qualification-file-name"
+                  :class="{ 'is-disabled': !row.url }"
+                  @click="row.url && previewQualificationFile(row)"
+                >
+                  {{ row.originalName || row.name || '-' }}
+                </span>
+              </div>
             </template>
           </el-table-column>
           <el-table-column label="附件描述" min-width="220">
@@ -4461,6 +4470,41 @@ export default {
   font-weight: 400;
 }
 
+.qualification-file-name-cell {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qualification-file-name {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  cursor: pointer;
+  color: #606266;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: #409eff;
+  }
+
+  &.is-disabled {
+    cursor: default;
+    color: #606266;
+
+    &:hover {
+      color: #606266;
+    }
+  }
+}
+
 .qualification-upload-bar {
   display: grid;
   grid-template-columns: 1fr auto 1fr;