| | |
| | | </el-table> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | v-model:current-page="pageParams.page" |
| | | v-model:page-size="pageParams.limit" |
| | | v-model:current-page="pagingParams.page" |
| | | v-model:page-size="pagingParams.size" |
| | | :page-sizes="[10, 20, 30]" |
| | | layout="total, sizes, prev, pager, next" |
| | | :total="total" |
| | |
| | | longitude: props.singlePoint.longitude, |
| | | latitude: props.singlePoint.latitude, |
| | | polygon: [], |
| | | }); |
| | | let pagingParams = ref({ |
| | | page: 1, |
| | | limit: 10 |
| | | size: 10 |
| | | }); |
| | | // 获取可用机巢列表数据 |
| | | const total = ref(0); |
| | | const tableData = ref([]); |
| | | const getNestList = async () => { |
| | | tableData.value = []; |
| | | // console.log(pageParams.value,'草草草草') |
| | | const res = await getFlyingNestBy(pageParams.value); |
| | | const res = await getFlyingNestBy(pageParams.value, pagingParams.value); |
| | | if (res.data.code === 0) { |
| | | tableData.value = res.data.data; |
| | | } |
| | | }; |
| | | // 分页大小改变 |
| | | const handleSizeChange = (val) => { |
| | | pageParams.value.limit = val; |
| | | pagingParams.value.size = val; |
| | | getNestList(); |
| | | }; |
| | | |
| | | // 页码改变 |
| | | const handleCurrentChange = (val) => { |
| | | pageParams.value.page = val; |
| | | pagingParams.value.page = val; |
| | | getNestList(); |
| | | }; |
| | | |
| | | // 刷新数据 |
| | | const refreshData = () => { |
| | | tableData.value = []; |
| | | pageParams.value.page = 1; |
| | | pagingParams.value.page = 1; |
| | | getNestList(); |
| | | }; |
| | | |