| | |
|---|
| | | v-model="dataList" |
|---|
| | | :auto="false" |
|---|
| | | @query="queryList" |
|---|
| | | refresher-only |
|---|
| | | show-refresher-update-time |
|---|
| | | > |
|---|
| | | <template #top> |
|---|
| | |
|---|
| | | const paging = ref(null) |
|---|
| | | const dataList = ref([]) |
|---|
| | | |
|---|
| | | const queryList = (pageNum?: number, pageSize?: number) => { |
|---|
| | | const queryList = () => { |
|---|
| | | // 这里的pageNo和pageSize会自动计算好，直接传给服务器即可 |
|---|
| | | // 这里的请求只是演示，请替换成自己的项目的网络请求，并在网络请求回调中通过paging.value.complete(请求回来的数组)将请求结果传给z-paging |
|---|
| | | const params: QueryParams = { |
|---|
| | | pageNum, |
|---|
| | | pageSize, |
|---|
| | | inspCode: inspSt.inspCode, |
|---|
| | | } |
|---|
| | | |
|---|
| | | getInspStRecordList(params) |
|---|
| | | .then((res: any) => { |
|---|
| | | // 请勿在网络请求回调中给dataList赋值！！只需要调用complete就可以了 |
|---|
| | | paging.value.completeByTotal(res.rows, res.total) |
|---|
| | | paging.value.complete(res.rows, res.total) |
|---|
| | | }) |
|---|
| | | .catch((res) => { |
|---|
| | | // 如果请求失败写paging.value.complete(false)，会自动展示错误页面 |
|---|
