feat: 添加异常日志功能并优化UI样式

refactor: 重构后端查询逻辑和API响应处理

fix: 修复用户角色更新和文件上传问题

test: 添加前端性能测试脚本和E2E测试用例

chore: 更新依赖版本和配置文件

docs: 添加环境检查脚本和测试文档

style: 统一表格标签样式和路由命名

perf: 优化前端页面加载速度和响应时间

novalon-manage-web/src/views/file/FileManagement.vue

@@ -14,9 +14,22 @@
           </el-upload>
         </div>
       </template>
+      <div class="search-bar">
+        <el-input
+          v-model="searchKeyword"
+          placeholder="搜索文件名"
+          clearable
+          style="width: 300px"
+          @input="handleSearch"
+        >
+          <template #prefix>
+            <el-icon><Search /></el-icon>
+          </template>
+        </el-input>
+      </div>
       <el-table
         v-loading="loading"
-        :data="dataSource"
+        :data="filteredDataSource"
         style="width: 100%"
       >
         <el-table-column
@@ -46,6 +59,10 @@
           prop="createdAt"
           label="上传时间"
         />
+        <el-table-column
+          prop="createBy"
+          label="上传人"
+        />
         <el-table-column
           label="操作"
           width="150"
@@ -75,13 +92,26 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, computed } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Upload } from '@element-plus/icons-vue'
+import { Upload, Search } from '@element-plus/icons-vue'
 import request from '@/utils/request'
 
 const loading = ref(false)
 const dataSource = ref([])
+const searchKeyword = ref('')
+
+const filteredDataSource = computed(() => {
+  if (!searchKeyword.value) {
+    return dataSource.value
+  }
+  return dataSource.value.filter((item: any) =>
+    item.fileName.toLowerCase().includes(searchKeyword.value.toLowerCase())
+  )
+})
+
+const handleSearch = () => {
+}
 
 const fetchData = async () => {
   loading.value = true