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

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

web/src/views/scripts/BudgetCenterView.js

@@ -2,6 +2,7 @@ import { computed, onMounted, ref, watch } from 'vue'
 
 import BudgetTrendChart from '../../components/charts/BudgetTrendChart.vue'
 import ConfirmDialog from '../../components/shared/ConfirmDialog.vue'
+import EnterpriseSelect from '../../components/shared/EnterpriseSelect.vue'
 import { createBudgetAllocation, fetchBudgetSummary } from '../../services/budgets.js'
 import { fetchEmployeeMeta } from '../../services/employees.js'
 import {
@@ -177,7 +178,8 @@ export default {
   },
   components: {
     BudgetTrendChart,
-    ConfirmDialog
+    ConfirmDialog,
+    EnterpriseSelect
   },
   setup(props) {
     const departments = ref(FALLBACK_DEPARTMENTS)
@@ -215,6 +217,14 @@ export default {
     const isDepartmentBudgetMonitor = computed(
       () => isBudgetMonitorUser(props.currentUser) && !canSwitchDepartments.value && !isExecutiveUser(props.currentUser)
     )
+    const yearOptions = BUDGET_YEAR_OPTIONS.map((year) => ({ label: `${year}年度`, value: year }))
+    const budgetPageSizeOptions = BUDGET_PAGE_SIZE_OPTIONS.map((size) => ({ label: `${size} 条/页`, value: size }))
+    const departmentOptions = computed(() =>
+      departments.value.map((department) => ({
+        label: department.name,
+        value: department.code
+      }))
+    )
 
     const activeDepartment = computed(() =>
       departments.value.find((item) => item.code === activeDepartmentCode.value) || departments.value[0]
@@ -273,7 +283,7 @@ export default {
         value: `¥${currency(totals.value.total)}`,
         yoy: comparison('+8.42%', 'up'),
         mom: comparison('+2.16%', 'up'),
-        tone: 'green',
+        tone: 'primary',
         icon: 'mdi mdi-wallet-outline'
       },
       {
@@ -281,7 +291,7 @@ export default {
         value: `¥${currency(totals.value.used)}`,
         yoy: comparison('+12.68%', 'up'),
         mom: comparison('+4.35%', 'up'),
-        tone: 'blue',
+        tone: 'info',
         icon: 'mdi mdi-chart-line'
       },
       {
@@ -289,7 +299,7 @@ export default {
         value: `¥${currency(totals.value.occupied)}`,
         yoy: comparison('+6.37%', 'up'),
         mom: comparison('-1.84%', 'down'),
-        tone: 'orange',
+        tone: 'warning',
         icon: 'mdi mdi-briefcase-check-outline'
       },
       {
@@ -297,7 +307,7 @@ export default {
         value: `¥${currency(totals.value.left)}`,
         yoy: comparison('-3.26%', 'down'),
         mom: comparison('-2.08%', 'down'),
-        tone: 'green',
+        tone: 'primary',
         icon: 'mdi mdi-cash'
       }
     ])
@@ -612,7 +622,7 @@ export default {
       budgetPage: currentBudgetPage,
       budgetPageNumbers,
       budgetPageSize,
-      budgetPageSizeOptions: BUDGET_PAGE_SIZE_OPTIONS,
+      budgetPageSizeOptions,
       canEditBudget,
       canSwitchDepartments,
       closeBudgetEditDialog,
@@ -633,6 +643,7 @@ export default {
       confirmDeleteRow,
       cancelDeleteRow,
       cancelSaveBudget,
+      departmentOptions,
       requestSaveBudget,
       statusOptions: BUDGET_STATUS_OPTIONS,
       statuses: ['全部', '正常', '预警', '管控'],
@@ -645,6 +656,7 @@ export default {
       visibleDepartments,
       warningOptions: BUDGET_WARNING_OPTIONS,
       warnings,
+      yearOptions,
       years: BUDGET_YEAR_OPTIONS
     }
   }