feat: 增强员工管理与报销单全流程功能

- 新增员工Excel导入服务(employee_spreadsheet)及导入/导出API端点
- 员工服务增加批量创建、邮箱唯一校验、组织架构关联等能力
- 报销单提交补充身份回填、部门信息透传及预审结果展示优化
- 认证流程增加部门信息(departmentName)并在schema中同步扩展
- 用户Agent服务增加部门关联与报销单回填逻辑
- 前端员工管理页面全面重构，新增导入导出、搜索过滤、分页等功能
- 前端审批中心、审计、差旅报销等视图交互与样式优化
- 新增TableLoadingState共享组件及员工导入测试用例

web/src/assets/styles/views/audit-view.css

@@ -359,6 +359,11 @@
   text-align: left;
 }
 
+.table-state > .table-loading,
+.detail-inline-state > .table-loading {
+  width: 100%;
+}
+
 .table-state i,
 .detail-inline-state i {
   font-size: 28px;
@@ -455,11 +460,7 @@ tbody tr:hover {
   background: #f8fbff;
 }
 
-tbody tr.spotlight {
-  background: linear-gradient(90deg, rgba(16, 185, 129, 0.05), rgba(59, 130, 246, 0.03));
-}
-
-.skill-name-cell {
+.skill-name-cell {
   display: grid;
   grid-template-columns: 38px minmax(0, 1fr);
   gap: 10px;
@@ -942,7 +943,7 @@ tbody tr.spotlight {
   line-height: 1.5;
 }
 
-.spreadsheet-change-center {
+.spreadsheet-change-center {
   min-height: 0;
   height: 100%;
   align-self: stretch;
@@ -956,20 +957,20 @@ tbody tr.spotlight {
   overflow: hidden;
 }
 
-.change-center-head h3,
-.change-center-head p,
-.change-center-section header,
-.change-center-section p {
+.change-center-head h3,
+.change-center-head p,
+.change-center-section header,
+.change-center-section p {
   margin: 0;
 }
 
-.change-center-head h3 {
+.change-center-head h3 {
   color: #0f172a;
   font-size: 15px;
   font-weight: 900;
 }
 
-.change-center-head p {
+.change-center-head p {
   margin-top: 3px;
   color: #64748b;
   font-size: 12px;
@@ -1030,37 +1031,37 @@ tbody tr.spotlight {
   color: #2563eb;
 }
 
-.change-center-section {
+.change-center-section {
   display: grid;
   gap: 8px;
 }
 
-.change-history-section {
+.change-history-section {
   min-height: 0;
   grid-template-rows: auto minmax(0, 1fr);
 }
 
-.change-center-section > header {
+.change-center-section > header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
 
-.change-center-section > header strong {
+.change-center-section > header strong {
   color: #0f172a;
   font-size: 13px;
   font-weight: 900;
 }
 
-.change-center-section > header small,
-.change-center-section > header button {
+.change-center-section > header small,
+.change-center-section > header button {
   color: #64748b;
   font-size: 11px;
   font-weight: 800;
 }
 
-.change-center-section > header button {
+.change-center-section > header button {
   padding: 0;
   border: 0;
   background: transparent;
@@ -1068,7 +1069,7 @@ tbody tr.spotlight {
   cursor: pointer;
 }
 
-.change-center-list {
+.change-center-list {
   display: grid;
   align-content: start;
   gap: 8px;
@@ -1077,7 +1078,7 @@ tbody tr.spotlight {
   padding-right: 2px;
 }
 
-.change-center-item {
+.change-center-item {
   display: grid;
   gap: 8px;
   padding: 10px;
@@ -1086,12 +1087,12 @@ tbody tr.spotlight {
   background: #fff;
 }
 
-.change-center-item.active {
+.change-center-item.active {
   border-color: rgba(16, 185, 129, 0.35);
   background: rgba(16, 185, 129, 0.05);
 }
 
-.change-center-item > button {
+.change-center-item > button {
   display: grid;
   gap: 5px;
   padding: 0;
@@ -1101,31 +1102,31 @@ tbody tr.spotlight {
   cursor: pointer;
 }
 
-.change-center-item > button:disabled {
+.change-center-item > button:disabled {
   cursor: default;
 }
 
-.change-center-item > button div {
+.change-center-item > button div {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
 
-.change-center-item > button strong {
+.change-center-item > button strong {
   color: #0f172a;
   font-size: 13px;
   font-weight: 900;
 }
 
-.change-center-item > button span,
-.change-center-item > button p,
-.change-center-item > button small {
+.change-center-item > button span,
+.change-center-item > button p,
+.change-center-item > button small {
   color: #64748b;
   font-size: 11px;
 }
 
-.change-center-item > button p {
+.change-center-item > button p {
   margin: 0;
   line-height: 1.45;
 }
@@ -1250,7 +1251,7 @@ tbody tr.spotlight {
   font-weight: 900;
 }
 
-.change-flow-empty {
+.change-flow-empty {
   color: #64748b;
   font-size: 11px;
 }
@@ -1746,11 +1747,19 @@ tbody tr.spotlight {
   place-items: center;
   gap: 8px;
   padding: 24px;
-  background: rgba(248, 250, 252, 0.94);
+  background:
+    radial-gradient(circle at 50% 38%, rgba(224, 242, 254, 0.72), rgba(248, 250, 252, 0) 58%),
+    rgba(248, 250, 252, 0.94);
   color: #475569;
   font-size: 13px;
   font-weight: 800;
   text-align: center;
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+
+.rule-spreadsheet-state > .table-loading {
+  width: 100%;
 }
 
 .rule-spreadsheet-state i {
@@ -1857,6 +1866,14 @@ tbody tr.spotlight {
   font-weight: 700;
 }
 
+.subtle-banner > .table-loading {
+  width: 100%;
+}
+
+.rule-drawer-state > .table-loading {
+  width: 100%;
+}
+
 .editor-foot {
   margin-top: 12px;
   color: #64748b;