bugfix，其他文件显示错误

src/view/case/newCaseFile.vue

@@ -42,7 +42,8 @@
           </el-button>
         </div>
       </div>
-      <!-- <el-table
+      <el-table
+        v-if="currentTypeId === 6"
         :data="files"
         class="table-list"
         tooltip-effect="dark"
@@ -60,7 +61,7 @@
         >
           <span v-if="!inputCaseTitles.includes(row)">
             {{ row.filesTitle }}
-            <el-icon class="edit-title" @click="inputCaseTitles.push(row)">
+            <el-icon class="edit-title" @click="startEdit(row)">
               <EditPen />
             </el-icon>
           </span>
@@ -68,16 +69,11 @@
             <ElInput
               v-model="row.filesTitle"
               placeholder="请输入文件名"
-              focus
+              @blur="updateFileTitle(row)"
               :maxlength="50"
               style="width: 280px"
-            >
-              <template #append>
-                <el-button type="primary" plain @click="updateFileTitle(row)">
-                  确定
-                </el-button>
-              </template>
-            </ElInput>
+              :ref="(el) => setInputRef(row.filesId, el as any)"
+            />
           </template>
         </el-table-column>
         <el-table-column label="创建时间" prop="createTime"></el-table-column>
@@ -95,10 +91,10 @@
           </span>
           <span class="oper-span delBtn" @click="del(row)"> 删除 </span>
         </el-table-column>
-      </el-table> -->
+      </el-table>
 
       <!-- 卡片网格布局 -->
-      <div class="file-grid-container" v-if="files.length">
+      <div class="file-grid-container" v-if="currentTypeId === 1 && files.length">
         <div 
           class="file-card" 
           v-for="(file, index) in files" 
@@ -173,7 +169,7 @@
             <div class="file-title">
               <span v-if="!inputCaseTitles.includes(file)" :title="file.filesTitle" class="title-text">
                 {{ file.filesTitle }}
-                <el-icon class="edit-title" @click="inputCaseTitles.push(file)">
+                <el-icon color="#999" class="edit-title" @click="startEdit(file)">
                   <EditPen />
                 </el-icon>
               </span>
@@ -181,17 +177,12 @@
                 <ElInput
                   v-model="file.filesTitle"
                   placeholder="请输入文件名"
-                  focus
+                  @blur="updateFileTitle(file)"
                   :maxlength="50"
                   size="default"
                   class="edit-input"
-                >
-                  <template #append>
-                    <el-button type="primary" plain @click="updateFileTitle(file)">
-                      确定
-                    </el-button>
-                  </template>
-                </ElInput>
+                  :ref="(el) => setInputRef(file.filesId, el as any)"
+                />
               </template>
             </div>
           </div>
@@ -222,7 +213,7 @@ import comHead from "@/components/head/index.vue";
 import { confirm } from "@/helper/message";
 import { RouteName, router } from "@/router";
 import { FileDrawType, BoardTypeDesc } from "@/constant/caseFile";
-import { computed, onMounted, onUnmounted, ref, watchEffect } from "vue";
+import { computed, onMounted, onUnmounted, ref, watchEffect, nextTick } from "vue";
 import { addCaseFile } from "./quisk";
 import { title, desc } from "@/store/system";
 import {
@@ -262,7 +253,23 @@ const caseId = computed(() => {
 const caseInfoData = ref<any>();
 
 const inputCaseTitles = ref<CaseFile[]>([]);
+const inputRefs = ref<Record<number, InstanceType<typeof ElInput> | null>>({});
+
+const setInputRef = (filesId: number, el: InstanceType<typeof ElInput> | null) => {
+  if (filesId == null) return;
+  inputRefs.value[filesId] = el;
+};
 
+const startEdit = async (file: CaseFile) => {
+  if (!inputCaseTitles.value.includes(file)) {
+    inputCaseTitles.value.push(file);
+  }
+  await nextTick();
+  const target = inputRefs.value[file.filesId!];
+  if (target && typeof (target as any).focus === 'function') {
+    (target as any).focus();
+  }
+};
 // 处理标题输入事件
 const handleTitleInput = (file: CaseFile, value: string) => {
   file.filesTitle = value;
@@ -321,7 +328,7 @@ const updateFileTitle = async (caseFile: CaseFile) => {
     
     // 更新成功后刷新列表
     refresh();
-    ElMessage.success("更新成功！");
+    // ElMessage.success("更新成功！");
   } catch (error) {
     console.error('更新失败:', error);
     ElMessage.error("更新失败！");
@@ -353,7 +360,14 @@ watchEffect(() => {
 
 const isDraw = computed(() => currentTypeId.value === FileDrawType);
 
-const files = ref<CaseFile[]>([]);
+type CaseFileEx = CaseFile & {
+  type?: 'old' | 'tabulation' | 'overview'
+  tabulationId?: number
+  overviewId?: number
+  id?: number
+};
+
+const files = ref<CaseFileEx[]>([]);
 
 // 计算预览图片列表
 const srcList = computed(() => {
@@ -433,11 +447,15 @@ const refresh = async () => {
     //   title: item.title || '平面图',
     //   type: 'overview' as const
     // }));
-    const caseFiles = (caseFilesRes || []).map(item => ({
+    const caseFiles = (caseFilesRes || []).map((item: any) => ({
       ...item,
-      type: (item.tabulationId && item.overviewId) ? 'overview' : item.tabulationId ? 'tabulation' : 'old'
-    }));
-    
+      type: (item.tabulationId && item.overviewId)
+        ? ('overview' as const)
+        : item.tabulationId
+          ? ('tabulation' as const)
+          : ('old' as const)
+    })) as CaseFileEx[];
+
     files.value = [...caseFiles];
   } catch (error) {
     console.error('获取文件列表失败:', error);
@@ -498,7 +516,7 @@ const gotoDraw = (type: BoardType, id: number) => {
 };
 
 // 处理不同类型的编辑逻辑
-const handleEdit = (file: CaseFile) => {
+const handleEdit = (file: CaseFileEx) => {
   if (file.type === 'tabulation') {
     // tabulation 类型的编辑链接
     if(appId === 'fire'){
@@ -660,7 +678,7 @@ onUnmounted(() => {
 .file-grid-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, 387px);
-  gap: 16px;
+  gap: 22px;
   padding: 16px 0;
 }
 // 无数据
@@ -678,11 +696,12 @@ onUnmounted(() => {
   // transition: all 0.3s ease;
   width: 387px;
   height: 303px;
-  display: flex;
-  flex-direction: column;
+  margin-left: 10px;
+  // display: flex;
+  // flex-direction: column;
   .card-image-container{
     &:hover {
-      // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
       // transform: translateY(-2px);
       
       .card-overlay {
@@ -697,10 +716,12 @@ onUnmounted(() => {
 
 .card-image-container {
   position: relative;
-  flex: 1;
-  overflow: hidden;
-  border: 1px solid #e4e7ed;
+  // flex: 1;
+  height: 280px;
+  // overflow: hidden;
+  border: none;
   border-radius: 8px;
+  box-shadow: 0 0 12px rgba(0,0,0,.12);
 }
 
 .card-image {
@@ -760,23 +781,21 @@ onUnmounted(() => {
     font-weight: 500;
     color: #303133;
     text-align: left;
-    // display: flex;
-    // justify-content: space-between;
-    // align-items: center;
+    display: flex;
+    align-items: center;
     word-break: break-all;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    line-height: 1.4;
-  }
-  .edit-title{
-    display: none;
-    position: absolute;
-    right: 0;
   }
+  // .edit-title{
+  //   display: none;
+  //   position: absolute;
+  //   right: 0;
+  // }
   .edit-input {
     :deep(.el-input__wrapper) {
-      height: 30px;
+      height: 20px;
     }
     
     :deep(.el-input-group__append) {

src/view/mediaLibrary/index.vue

@@ -233,12 +233,12 @@ const handleDownload = async (row: Media, type: 'media' | 'hash') => {
   // 显示全屏加载
   const loading = ElLoading.service({
     lock: true,
-    text: type === 'media' ? '正在下载文件...' : '正在下载Hash...',
+    text: type === 'media' ? '文件处理中' : '正在下载Hash...',
   });
   // 关闭加载效果
   setTimeout(() => {
       loading.close();
-    }, 500); // 延迟500毫秒关闭，确保用户能看到加载效果
+  }, 2000); // 延迟500毫秒关闭，确保用户能看到加载效果
   try {
     let url = '';
     let fileName = '';
@@ -332,7 +332,7 @@ const handleDownload = async (row: Media, type: 'media' | 'hash') => {
         // ElMessage.error('Hash文件下载失败');
       }
     }
-    
+    loading.close();
     ElMessage.success(type === 'media' ? '下载成功' : 'Hash下载成功');
   } catch (error) {
     console.error(type === 'media' ? '下载失败:' : 'Hash下载失败:', error);

src/view/mediaLibrary/uploadMedia.vue

@@ -244,6 +244,10 @@ const handleUpload = async () => {
   padding: 0 20px;
   max-height: 600px;
   overflow-y: auto;
+  :deep(.el-upload-list__item-info){
+    min-width: 300px;
+    max-width: 480px;
+  }
 }
 
 .group-select {