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(); | ... | ... |