|
|
@ -43,8 +43,8 @@ |
|
|
|
</div> |
|
|
|
<div class="pagination-container"> |
|
|
|
<div class="pagination-info"> |
|
|
|
<select v-model="pageSize" @change="handlePageSizeChange" class="custom-select"> |
|
|
|
<option v-for="size in [5, 10, 20]" :key="size" :value="size" style="font-size:12px"> |
|
|
|
<select v-model="pageSize" @change="handlePageSizeChange" class="custom-select" style="font-size:14px;width:120px"> |
|
|
|
<option v-for="size in pageSizeList" :key="size" :value="size" style="font-size:10px"> |
|
|
|
{{ size }} 条/页 |
|
|
|
</option> |
|
|
|
</select> |
|
|
@ -98,7 +98,7 @@ const props = defineProps({ |
|
|
|
modelValue: Boolean, |
|
|
|
}) |
|
|
|
const emit = defineEmits(['update:modelValue']) |
|
|
|
|
|
|
|
const pageSizeList:number[] = [5,10,20] |
|
|
|
const visible = ref(props.modelValue) |
|
|
|
watch( |
|
|
|
() => props.modelValue, |
|
|
@ -153,9 +153,9 @@ const handleConfirm = () => { |
|
|
|
emit('update:modelValue', false) |
|
|
|
console.log('已选择的项目:', selectedItems.value) |
|
|
|
} |
|
|
|
|
|
|
|
let defaultSize = 5 |
|
|
|
const currentPage = ref(1) |
|
|
|
const pageSize = ref(6) |
|
|
|
const pageSize = ref(defaultSize) |
|
|
|
const tableData = ref<ItemData[]>([]) |
|
|
|
const totalItems = ref(0) |
|
|
|
const selectedItems = ref<ItemData[]>([]) // 选中的项目数组 |
|
|
|