This commit is contained in:
pycook 2024-01-12 18:21:47 +08:00
parent b6ef49f139
commit 9511e33736
4 changed files with 45 additions and 46 deletions

View File

@ -1,45 +1,45 @@
<template> <template>
<div> <div>
<a-row class="row" type="flex" justify="end"> <a-row class="row" type="flex" justify="end">
<a-col> <a-col>
<a-space align="end"> <a-space align="end">
<a-button <a-button
class="left-button" class="left-button"
size="small" size="small"
:disabled="prevIsDisabled" :disabled="prevIsDisabled"
@click="prevPage" @click="prevPage"
><a-icon ><a-icon
type="left" type="left"
/></a-button> /></a-button>
<a-button class="page-button" size="small">{{ currentPage }}</a-button> <a-button class="page-button" size="small">{{ currentPage }}</a-button>
<a-button <a-button
class="right-button" class="right-button"
size="small" size="small"
:disabled="nextIsDisabled" :disabled="nextIsDisabled"
@click="nextPage" @click="nextPage"
><a-icon ><a-icon
type="right" type="right"
/></a-button> /></a-button>
<a-dropdown <a-dropdown
class="dropdown" class="dropdown"
size="small" size="small"
placement="topCenter" placement="topCenter"
:trigger="['click']" :trigger="['click']"
:disabled="dropdownIsDisabled" :disabled="dropdownIsDisabled"
> >
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item v-for="(size, index) in pageSizes" :key="index" @click="handleItemClick(size)"> <a-menu-item v-for="(size, index) in pageSizes" :key="index" @click="handleItemClick(size)">
{{ `${size}${$t('itemsPerPage')}` }} {{ `${size}${$t('itemsPerPage')}` }}
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
<a-button size="small">{{ `${pageSize}${$t('itemsPerPage')}` }}<a-icon type="down" /> </a-button> <a-button size="small">{{ `${pageSize}${$t('itemsPerPage')}` }}<a-icon type="down" /> </a-button>
</a-dropdown> </a-dropdown>
</a-space> </a-space>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'Pager', name: 'Pager',
@ -117,7 +117,7 @@
}, },
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.row { .row {
margin-top: 5px; margin-top: 5px;
@ -135,4 +135,3 @@
} }
} }
</style> </style>

View File

@ -1,4 +1,4 @@
<template> <template>
<CustomDrawer <CustomDrawer
width="800px" width="800px"
placement="left" placement="left"

View File

@ -1,4 +1,4 @@
<template> <template>
<CustomDrawer <CustomDrawer
@close="handleClose" @close="handleClose"
width="500" width="500"

View File

@ -122,4 +122,4 @@ export function preferenceCitypeOrder(data) {
method: 'POST', method: 'POST',
data: data data: data
}) })
} }