优化ID卡

components.d.ts

@@ -14,8 +14,12 @@ declare module 'vue' {
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElFooter: typeof import('element-plus/es')['ElFooter']
     ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ErrorModal: typeof import('./src/components/dialogs/ErrorModal.vue')['default']
     Keyboard: typeof import('./src/components/Keyboard.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
@@ -23,4 +27,7 @@ declare module 'vue' {
     SimpleKeyboard: typeof import('./src/components/SimpleKeyboard.vue')['default']
     StackInfoModal: typeof import('./src/components/dialogs/StackInfoModal.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/pages/Index/components/Consumables/IdCardInfo.vue

@@ -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[]>([]) // 选中的项目数组