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

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

web/src/views/ApprovalCenterView.vue

@@ -391,9 +391,34 @@
           <span>退回列表</span>
         </button>
         <div class="approval-action-group" aria-label="审批操作">
-          <button class="approve-action" type="button"><i class="mdi mdi-check-circle-outline"></i> 通过</button>
-          <button class="reject-action" type="button"><i class="mdi mdi-close-circle-outline"></i> 驳回</button>
-          <button class="supplement-action" type="button"><i class="mdi mdi-undo"></i> 补充</button>
+          <button class="approve-action" type="button" :disabled="actionBusy">
+            <i class="mdi mdi-check-circle-outline"></i> 通过
+          </button>
+          <button
+            class="reject-action"
+            type="button"
+            :disabled="!canManageClaims || actionBusy"
+            @click="handleReturnSelected"
+          >
+            <i class="mdi mdi-close-circle-outline"></i> 驳回
+          </button>
+          <button
+            class="supplement-action"
+            type="button"
+            :disabled="!canManageClaims || actionBusy"
+            @click="handleReturnSelected"
+          >
+            <i class="mdi mdi-undo"></i> 补充
+          </button>
+          <button
+            v-if="canManageClaims"
+            class="reject-action"
+            type="button"
+            :disabled="actionBusy"
+            @click="handleDeleteSelected"
+          >
+            <i class="mdi mdi-trash-can-outline"></i> 删除
+          </button>
         </div>
       </footer>
     </div>
@@ -430,9 +455,11 @@
 
       <div class="table-wrap" :class="{ 'is-empty': showEmpty }">
         <div v-if="loading" class="table-state">
-          <i class="mdi mdi-loading mdi-spin"></i>
-          <strong>正在加载审批待办</strong>
-          <p>直属领导和财务节点下可处理的报销单据会直接展示在这里。</p>
+          <TableLoadingState
+            title="审批待办同步中"
+            message="正在加载当前可见的待审报销单据"
+            icon="mdi mdi-clipboard-check-outline"
+          />
         </div>
 
         <div v-else-if="error" class="table-state error">
@@ -502,6 +529,38 @@
         </table>
       </div>
     </article>
+
+    <ConfirmDialog
+      :open="returnDialogOpen"
+      badge="退回单据"
+      badge-tone="warning"
+      :title="`确认退回 ${selectedRow?.id || ''} 吗？`"
+      description="退回后该单据会进入待补充状态，申请人需要补充后重新提交。"
+      cancel-text="取消"
+      confirm-text="确认退回"
+      busy-text="退回中..."
+      confirm-tone="primary"
+      confirm-icon="mdi mdi-undo"
+      :busy="actionBusy"
+      @close="closeReturnDialog"
+      @confirm="confirmReturnSelected"
+    />
+
+    <ConfirmDialog
+      :open="deleteDialogOpen"
+      badge="删除单据"
+      badge-tone="danger"
+      :title="`确认删除 ${selectedRow?.id || ''} 吗？`"
+      description="删除后该报销单及费用明细将不可恢复，请确认本次操作。"
+      cancel-text="取消"
+      confirm-text="确认删除"
+      busy-text="删除中..."
+      confirm-tone="danger"
+      confirm-icon="mdi mdi-trash-can-outline"
+      :busy="actionBusy"
+      @close="closeDeleteDialog"
+      @confirm="confirmDeleteSelected"
+    />
   </section>
 </template>