fix(aihr): paginate org snapshot view

This commit is contained in:
2026-07-09 10:50:19 +08:00
parent 678543e8a5
commit 82f861542f
5 changed files with 37 additions and 9 deletions
+4
View File
@@ -138,6 +138,8 @@ export type OrgSnapshotParams = {
projectCode?: string;
positionLevel?: string;
status?: string;
pageNum?: number;
pageSize?: number;
limit?: number;
};
@@ -145,6 +147,8 @@ export type OrgSnapshotResponse = {
total: number;
active: number;
departed: number;
pageNum: number;
pageSize: number;
projects: OrgProjectOption[];
levels: string[];
rows: OrgPersonRow[];
+19 -3
View File
@@ -29,7 +29,7 @@
</div>
</div>
<div class="org-filters">
<el-input v-model="orgFilters.keyword" clearable placeholder="姓名/岗位/部门/外部ID" @keyup.enter="loadOrgSnapshot" />
<el-input v-model="orgFilters.keyword" clearable placeholder="姓名/岗位/部门/外部ID" @keyup.enter="searchOrgSnapshot" />
<el-select v-model="orgFilters.projectCode" clearable placeholder="项目">
<el-option v-for="item in orgSnapshot?.projects || []" :key="item.projectCode" :label="item.projectName" :value="item.projectCode" />
</el-select>
@@ -40,7 +40,7 @@
<el-option label="在职" value="active" />
<el-option label="离职" value="departed" />
</el-select>
<el-button :icon="Refresh" :loading="orgLoading" @click="loadOrgSnapshot">查询</el-button>
<el-button :icon="Refresh" :loading="orgLoading" @click="searchOrgSnapshot">查询</el-button>
</div>
<el-table v-loading="orgLoading" :data="orgSnapshot?.rows || []" size="small" empty-text="暂无组织人员快照">
<el-table-column prop="projectName" label="项目" min-width="150" show-overflow-tooltip />
@@ -58,6 +58,13 @@
<el-table-column prop="extPartyId" label="外部主体ID" min-width="150" show-overflow-tooltip />
<el-table-column prop="snapshotDate" label="快照日期" width="110" />
</el-table>
<pagination
v-show="(orgSnapshot?.total || 0) > 0"
v-model:page="orgPage.pageNum"
v-model:limit="orgPage.pageSize"
:total="orgSnapshot?.total || 0"
@pagination="loadOrgSnapshot"
/>
</section>
<section class="main-grid">
@@ -147,6 +154,10 @@ const orgFilters = reactive({
positionLevel: '',
status: 'active'
});
const orgPage = reactive({
pageNum: 1,
pageSize: 20
});
const metrics = [
{ label: '权威组织源', value: '快照', note: '阶段三前用 aihr_org_snapshot' },
@@ -180,7 +191,7 @@ const projectScopes = computed(() =>
const loadOrgSnapshot = async () => {
orgLoading.value = true;
try {
const result = await getOrgSnapshot({ ...orgFilters, limit: 200 });
const result = await getOrgSnapshot({ ...orgFilters, pageNum: orgPage.pageNum, pageSize: orgPage.pageSize });
orgSnapshot.value = result.data;
} catch (error) {
ElMessage.error('组织人员快照加载失败');
@@ -189,6 +200,11 @@ const loadOrgSnapshot = async () => {
}
};
const searchOrgSnapshot = () => {
orgPage.pageNum = 1;
loadOrgSnapshot();
};
const runSync = async () => {
if (!dryRun.value) {
await ElMessageBox.confirm('写入模式会覆盖当前租户组织快照,确认继续吗?', '组织同步', { type: 'warning' });