|
@@ -28,13 +28,21 @@ |
|
@@ -28,13 +28,21 @@ |
|
28
|
},
|
28
|
},
|
|
29
|
});
|
29
|
});
|
|
30
|
|
30
|
|
|
|
|
31
|
+ const paginationChange = (page: number, pageSize: number) => {
|
|
|
|
32
|
+ pagination.current = page - 1 * pageSize > pagination.total ? 1 : page;
|
|
|
|
33
|
+ pagination.pageSize = pageSize;
|
|
|
|
34
|
+ getDataSource();
|
|
|
|
35
|
+ };
|
|
|
|
36
|
+
|
|
31
|
const pagination = reactive({
|
37
|
const pagination = reactive({
|
|
32
|
- total: 10,
|
|
|
|
33
|
current: 1,
|
38
|
current: 1,
|
|
34
|
pageSize: 10,
|
39
|
pageSize: 10,
|
|
|
|
40
|
+ total: 0,
|
|
35
|
showQuickJumper: true,
|
41
|
showQuickJumper: true,
|
|
36
|
size: 'small',
|
42
|
size: 'small',
|
|
37
|
showTotal: (total: number) => `共 ${total} 条数据`,
|
43
|
showTotal: (total: number) => `共 ${total} 条数据`,
|
|
|
|
44
|
+ onChange: paginationChange,
|
|
|
|
45
|
+ onShowSizeChange: paginationChange,
|
|
38
|
});
|
46
|
});
|
|
39
|
|
47
|
|
|
40
|
const dataSource = ref<TaskRecordType[]>([]);
|
48
|
const dataSource = ref<TaskRecordType[]>([]);
|
|
@@ -44,12 +52,13 @@ |
|
@@ -44,12 +52,13 @@ |
|
44
|
try {
|
52
|
try {
|
|
45
|
loading.value = true;
|
53
|
loading.value = true;
|
|
46
|
const params = getFieldsValue() || {};
|
54
|
const params = getFieldsValue() || {};
|
|
47
|
- const { items } = await getTaskCenterList({
|
55
|
+ const { items, total } = await getTaskCenterList({
|
|
48
|
page: pagination.current,
|
56
|
page: pagination.current,
|
|
49
|
pageSize: pagination.pageSize,
|
57
|
pageSize: pagination.pageSize,
|
|
50
|
tbDeviceId: props.tbDeviceId,
|
58
|
tbDeviceId: props.tbDeviceId,
|
|
51
|
...params,
|
59
|
...params,
|
|
52
|
});
|
60
|
});
|
|
|
|
61
|
+ pagination.total = total;
|
|
53
|
dataSource.value = items;
|
62
|
dataSource.value = items;
|
|
54
|
} catch (error) {
|
63
|
} catch (error) {
|
|
55
|
throw error;
|
64
|
throw error;
|