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

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

web/src/views/scripts/AuditView.js

@@ -1,11 +1,13 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
-import ConfirmDialog from '../../components/shared/ConfirmDialog.vue'
+import AuditAssetList from '../../components/audit/AuditAssetList.vue'
+import AuditJsonRiskRuleDetail from '../../components/audit/AuditJsonRiskRuleDetail.vue'
+import AuditRuleDialogs from '../../components/audit/AuditRuleDialogs.vue'
+import AuditSpreadsheetChangeDrawer from '../../components/audit/AuditSpreadsheetChangeDrawer.vue'
+import AuditSpreadsheetRuleDetail from '../../components/audit/AuditSpreadsheetRuleDetail.vue'
+import AuditVersionTimelineDrawer from '../../components/audit/AuditVersionTimelineDrawer.vue'
 import { fetchEmployees } from '../../services/employees.js'
-import RiskRuleFlowDiagram from '../../components/shared/RiskRuleFlowDiagram.vue'
-import RiskRuleTestDialog from '../../components/shared/RiskRuleTestDialog.vue'
 import TableLoadingState from '../../components/shared/TableLoadingState.vue'
-import TableEmptyState from '../../components/shared/TableEmptyState.vue'
 import { useSystemState } from '../../composables/useSystemState.js'
 import { useToast } from '../../composables/useToast.js'
 import {
@@ -77,11 +79,13 @@ import {
 export default {
   name: 'AuditView',
   components: {
-    ConfirmDialog,
-    RiskRuleFlowDiagram,
-    RiskRuleTestDialog,
-    TableLoadingState,
-    TableEmptyState
+    AuditAssetList,
+    AuditJsonRiskRuleDetail,
+    AuditRuleDialogs,
+    AuditSpreadsheetChangeDrawer,
+    AuditSpreadsheetRuleDetail,
+    AuditVersionTimelineDrawer,
+    TableLoadingState
   },
   emits: ['detail-open-change'],
   setup(_, { emit }) {
@@ -115,6 +119,10 @@ export default {
     const reviewSubmitReviewer = ref('')
     const reviewSubmitReviewerLoading = ref(false)
     const reviewSubmitReviewerOptions = ref([])
+    const riskRuleAttachmentOptions = [
+      { label: '是', value: true },
+      { label: '否', value: false }
+    ]
     const riskRuleCreateOpen = ref(false)
     const riskRuleCreateForm = ref(createDefaultRiskRuleForm())
     const riskRuleTestOpen = ref(false)
@@ -466,7 +474,7 @@ export default {
         icon: hasFilters ? 'mdi mdi-tune-variant' : 'mdi mdi-view-grid-outline',
         actionLabel: hasFilters ? '清空筛选' : '',
         actionIcon: hasFilters ? 'mdi mdi-filter-remove-outline' : '',
-        tone: hasFilters ? 'emerald' : 'slate',
+        tone: hasFilters ? 'primary' : 'slate',
         artLabel: hasFilters ? 'FILTER' : 'QUEUE',
         tips: hasFilters
           ? [
@@ -956,7 +964,7 @@ export default {
       if (!canUploadSpreadsheet.value) {
         return
       }
-      spreadsheetUploadInput.value?.click()
+      spreadsheetUploadInput.value?.click?.()
     }
 
     async function downloadSpreadsheetFile() {
@@ -1003,9 +1011,7 @@ export default {
         toast(error?.message || '规则表内容导入失败，请稍后重试。')
       } finally {
         actionState.value = ''
-        if (spreadsheetUploadInput.value) {
-          spreadsheetUploadInput.value.value = ''
-        }
+        spreadsheetUploadInput.value?.reset?.()
       }
     }
 
@@ -1916,6 +1922,7 @@ export default {
       reviewSubmitReviewer,
       reviewSubmitReviewerLoading,
       reviewSubmitReviewerOptions,
+      riskRuleAttachmentOptions,
       riskRuleCreateOpen,
       riskRuleCreateForm,
       riskRuleCreateBusy,