Commit 6a30d48a247602f9d079b334e313a51f16ee0d5f
1 parent
ae263438
fix: DEFECT-997 device list page first enter pagination not render
Showing
2 changed files
with
31 additions
and
28 deletions
... | ... | @@ -224,31 +224,33 @@ |
224 | 224 | const [registerTbDetailDrawer, { openDrawer: openTbDeviceDrawer }] = useDrawer(); |
225 | 225 | const [registerGatewayDetailDrawer, { openDrawer: openGatewayDetailDrawer }] = useDrawer(); |
226 | 226 | |
227 | - const [registerTable, { reload, setSelectedRowKeys, setProps, setTableData, getForm }] = | |
228 | - useTable({ | |
229 | - title: '设备列表', | |
230 | - api: devicePage, | |
231 | - immediate: immediateStatus.value, | |
232 | - columns, | |
233 | - formConfig: { | |
234 | - labelWidth: 100, | |
235 | - schemas: searchFormSchema, | |
236 | - resetFunc: resetFn, | |
237 | - }, | |
238 | - useSearchForm: true, | |
239 | - showTableSetting: true, | |
240 | - bordered: true, | |
241 | - showIndexColumn: false, | |
242 | - rowKey: 'id', | |
243 | - searchInfo: searchInfo, | |
244 | - clickToRowSelect: false, | |
245 | - actionColumn: { | |
246 | - width: 200, | |
247 | - title: '操作', | |
248 | - slots: { customRender: 'action' }, | |
249 | - fixed: 'right', | |
250 | - }, | |
251 | - }); | |
227 | + const [ | |
228 | + registerTable, | |
229 | + { reload, setSelectedRowKeys, setProps, setTableData, getForm, setPagination }, | |
230 | + ] = useTable({ | |
231 | + title: '设备列表', | |
232 | + api: devicePage, | |
233 | + immediate: immediateStatus.value, | |
234 | + columns, | |
235 | + formConfig: { | |
236 | + labelWidth: 100, | |
237 | + schemas: searchFormSchema, | |
238 | + resetFunc: resetFn, | |
239 | + }, | |
240 | + useSearchForm: true, | |
241 | + showTableSetting: true, | |
242 | + bordered: true, | |
243 | + showIndexColumn: false, | |
244 | + rowKey: 'id', | |
245 | + searchInfo: searchInfo, | |
246 | + clickToRowSelect: false, | |
247 | + actionColumn: { | |
248 | + width: 200, | |
249 | + title: '操作', | |
250 | + slots: { customRender: 'action' }, | |
251 | + fixed: 'right', | |
252 | + }, | |
253 | + }); | |
252 | 254 | const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } = |
253 | 255 | useBatchDelete(deleteDevice, handleSuccess, setProps); |
254 | 256 | selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => { |
... | ... | @@ -275,14 +277,15 @@ |
275 | 277 | const deviceProfileId = ref(''); |
276 | 278 | count.value = Number(getParams('count')); |
277 | 279 | deviceProfileId.value = getParams('deviceProfileId') || ''; |
278 | - console.log(deviceProfileId.value); | |
280 | + | |
279 | 281 | const setRowClassName = async () => { |
280 | 282 | if (deviceProfileId.value !== undefined) { |
281 | - const { items } = await devicePage({ | |
283 | + const { items, total } = await devicePage({ | |
282 | 284 | page: 1, |
283 | 285 | pageSize: count.value === 0 ? 10 : count.value, |
284 | 286 | deviceProfileId: deviceProfileId.value, |
285 | 287 | }); |
288 | + setPagination({ total }); | |
286 | 289 | nextTick(() => { |
287 | 290 | setTableData(items); |
288 | 291 | const { setFieldsValue, resetFields } = getForm(); | ... | ... |