style: 全局 UI 主题皮肤重构与样式模块化

引入 Element Plus 主题定制和主题皮肤 composable，将全局
样式拆分为组件级独立 CSS 文件（侧边栏、顶栏、工作台等），
统一色彩变量和间距规范，重构所有视图和组件样式以适配新
主题系统，优化图表和知识图谱组件视觉表现，提取审计和差
旅报销相关子组件。

web/src/views/scripts/ArchiveCenterView.js

@@ -1,4 +1,4 @@
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, ref } from 'vue'
 
 import TableLoadingState from '../../components/shared/TableLoadingState.vue'
 import TableEmptyState from '../../components/shared/TableEmptyState.vue'
@@ -102,7 +102,6 @@ export default {
     const activeTypeFilter = ref(ARCHIVE_FILTER_ALL)
     const activeDepartmentFilter = ref(ARCHIVE_FILTER_ALL)
     const activeArchiveMonthFilter = ref(ARCHIVE_FILTER_ALL)
-    const openFilterKey = ref('')
     const selectedClaimId = ref('')
     const listKeyword = ref('')
     const rows = ref([])
@@ -118,7 +117,7 @@ export default {
     const departmentFilterLabel = computed(() => resolveFilterLabel(departmentFilterOptions.value, activeDepartmentFilter.value, '所属部门'))
     const archiveMonthFilterLabel = computed(() => resolveFilterLabel(archiveMonthFilterOptions.value, activeArchiveMonthFilter.value, '归档月份'))
 
-    const filterDropdowns = computed(() => [
+    const filterMenus = computed(() => [
       {
         key: 'risk',
         label: riskFilterLabel.value,
@@ -210,7 +209,6 @@ export default {
       activeDepartmentFilter.value = ARCHIVE_FILTER_ALL
       activeArchiveMonthFilter.value = ARCHIVE_FILTER_ALL
       listKeyword.value = ''
-      openFilterKey.value = ''
     }
 
     function handleEmptyAction() {
@@ -222,10 +220,6 @@ export default {
       resetListFilters()
     }
 
-    function toggleFilterDropdown(key) {
-      openFilterKey.value = openFilterKey.value === key ? '' : key
-    }
-
     function selectFilterValue(key, value) {
       if (key === 'risk') {
         activeRiskFilter.value = value
@@ -237,18 +231,6 @@ export default {
         activeArchiveMonthFilter.value = value
       }
 
-      openFilterKey.value = ''
-    }
-
-    function handleDocumentClick(event) {
-      const target = event.target
-      if (!(target instanceof Element)) {
-        return
-      }
-
-      if (!target.closest('.archive-dropdown-filter')) {
-        openFilterKey.value = ''
-      }
     }
 
     function closeSelectedDetail() {
@@ -278,14 +260,6 @@ export default {
       }
     }
 
-    onMounted(() => {
-      document.addEventListener('click', handleDocumentClick)
-    })
-
-    onBeforeUnmount(() => {
-      document.removeEventListener('click', handleDocumentClick)
-    })
-
     void reload()
 
     return {
@@ -293,11 +267,10 @@ export default {
       archiveEmptyState,
       closeSelectedDetail,
       error,
-      filterDropdowns,
+      filterMenus,
       handleEmptyAction,
       listKeyword,
       loading,
-      openFilterKey,
       reload,
       resetListFilters,
       rows,
@@ -305,7 +278,6 @@ export default {
       selectedRow,
       showEmpty,
       tabs,
-      toggleFilterDropdown,
       visibleRows
     }
   }