Refactor processing logic and enhance error handling

- Cleaned up code in processing.py by removing inline semicolons and improving readability.
- Updated upsert_file_relation calls to ensure consistent handling of file relations.
- Enhanced query_file_relations in db_schema.py to support filtering by file existence.
- Improved API error handling in index.ts with user-friendly messages for 401 and 403 errors.
- Added online/offline status tracking in Layout.vue.
- Implemented debounced search functionality across multiple views to optimize performance.
- Introduced loading skeletons in Dashboard.vue for better user experience during data fetching.
- Enhanced file preview cleanup logic in Images.vue, Orders.vue, and Tables.vue to prevent memory leaks.
- Updated global styles to include new loading and notification animations.

web/frontend/src/views/files/Orders.vue

@@ -77,7 +77,7 @@
     </el-table>
 
     <!-- Preview dialog -->
-    <el-dialog v-model="showPreview" title="文件预览" :fullscreen="true" append-to-body :close-on-click-modal="false" class="preview-dialog">
+    <el-dialog v-model="showPreview" title="文件预览" :fullscreen="true" append-to-body :close-on-click-modal="false" class="preview-dialog" @close="cleanupPreview">
       <div class="preview-body">
         <div v-if="previewType === 'image'" class="preview-image-wrap">
           <img :src="previewSrc" style="max-width:100%;max-height:100%;object-fit:contain" />
@@ -129,7 +129,7 @@ const items = ref<any[]>([])
 const total = ref(0)
 const page = ref(1)
 const pageSize = 50
-const loading = ref(false)
+const loading = ref(true)
 const selected = ref<any[]>([])
 const sortBy = ref('created_at')
 const sortOrder = ref('desc')
@@ -197,6 +197,15 @@ async function previewFile(row: any) {
   }
 }
 
+function cleanupPreview() {
+  if (previewSrc.value && previewSrc.value.startsWith('blob:')) {
+    URL.revokeObjectURL(previewSrc.value)
+  }
+  previewSrc.value = ''
+  previewType.value = ''
+  previewRows.value = []
+}
+
 function showDetail(row: any) {
   const fname = row.result_purchase || row.output_excel || row.input_image
   const stem = fname.replace(/\.[^.]+$/, '')