feat: 数字员工财务报告体系与定时提醒及看板快照调度

- 新增数字员工财务报告生成、邮件投递与渲染调度器
- 引入员工画像扫描调度与定时提醒任务
- 完善财务看板快照、排行口径与部门人员占比计算
- 优化数字员工工作看板仪表盘与技能目录
- 增强前端总览页图表、工作台摘要与顶部导航栏交互
- 新增差旅申请规划推动提醒与报销创建会话状态管理
- 补充财务报告、看板调度、数字员工工作记录测试覆盖

web/src/views/DocumentsCenterView.vue

@@ -215,36 +215,23 @@
         </table>
       </div>
 
-      <footer v-if="showTable" class="list-foot">
-        <span class="page-summary">共 {{ filteredRows.length }} 条，目前第 {{ currentPage }} 页</span>
-        <div class="pager" aria-label="分页">
-          <button class="page-nav" type="button" :disabled="currentPage === 1" aria-label="上一页" @click="currentPage--">
-            <i class="mdi mdi-chevron-left"></i>
-          </button>
-          <button
-            v-for="page in totalPages"
-            :key="page"
-            class="page-number"
-            :class="{ active: currentPage === page }"
-            type="button"
-            :aria-current="currentPage === page ? 'page' : undefined"
-            @click="currentPage = page"
-          >
-            {{ page }}
-          </button>
-          <button class="page-nav" type="button" :disabled="currentPage === totalPages" aria-label="下一页" @click="currentPage++">
-            <i class="mdi mdi-chevron-right"></i>
-          </button>
-        </div>
-        <EnterpriseSelect v-model="pageSize" class="page-size-select" :options="pageSizeOptions" size="small" @change="changePageSize" />
-      </footer>
+      <EnterprisePagination
+        v-if="showTable"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :page-size-options="pageSizeOptions"
+        :summary="pageSummary"
+        :total-pages="totalPages"
+        @page-size-change="changePageSize"
+        @update:current-page="currentPage = $event"
+      />
     </article>
   </section>
 </template>
 
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
-import EnterpriseSelect from '../components/shared/EnterpriseSelect.vue'
+import EnterprisePagination from '../components/shared/EnterprisePagination.vue'
 import TableEmptyState from '../components/shared/TableEmptyState.vue'
 import TableLoadingState from '../components/shared/TableLoadingState.vue'
 import { useMinimumVisibleState } from '../composables/useMinimumVisibleState.js'
@@ -318,7 +305,8 @@ const props = defineProps({
   filteredRequests: { type: Array, required: true },
   hasData: { type: Boolean, default: false },
   loading: { type: Boolean, default: false },
-  error: { type: String, default: '' }
+  error: { type: String, default: '' },
+  refreshToken: { type: Number, default: 0 }
 })
 const emit = defineEmits([
   'open-document',
@@ -463,6 +451,7 @@ const filteredRows = computed(() => {
 })
 
 const totalPages = computed(() => Math.max(1, Math.ceil(filteredRows.value.length / pageSize.value)))
+const pageSummary = computed(() => `共 ${filteredRows.value.length} 条，目前第 ${currentPage.value} / ${totalPages.value} 页`)
 const visibleRows = computed(() => {
   const start = (currentPage.value - 1) * pageSize.value
   return filteredRows.value.slice(start, start + pageSize.value)
@@ -832,6 +821,15 @@ watch(documentSummary, (summary) => {
 onMounted(() => {
   void loadSupportingRows()
 })
+
+watch(
+  () => props.refreshToken,
+  (token, previousToken) => {
+    if (token && token !== previousToken) {
+      void loadSupportingRows()
+    }
+  }
+)
 </script>
 
 <style scoped src="../assets/styles/components/document-list-shared.css"></style>