优化ID卡

components.d.ts

@@ -10,15 +10,11 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElFooter: typeof import('element-plus/es')['ElFooter']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
     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']

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

@@ -2,7 +2,7 @@
   <teleport to="body">
     <div v-if="visible" class="modal-overlay">
       <div class="modal">
-        <div class="modal-header">
+        <!-- <div class="modal-header">
           <input type="text" class="search-input" v-model="searchValue" placeholder="请输入id卡信息" />
           <div class="search-button">
             <div class="search-icon">
@@ -11,7 +11,7 @@
             </div>
             <span class="search-text">搜索</span>
           </div>
-        </div>
+        </div> -->
         <div class="modal-body">
           <table class="custom-table">
             <thead>
@@ -44,7 +44,7 @@
         <div class="pagination-container">
           <div class="pagination-info">
             <select v-model="pageSize" @change="handlePageSizeChange" class="custom-select">
-              <option v-for="size in [6, 10, 20]" :key="size" :value="size">
+              <option v-for="size in [5, 10, 20]" :key="size" :value="size" style="font-size:12px">
                 {{ size }} 条/页
               </option>
             </select>
@@ -395,13 +395,13 @@ const handlePageSizeChange = () => {
 
     .cancel-btn,
     .confirm-btn {
-      width: 300px;
-      height: 100px;
+      width: 200px;
+      height: 80px;
       padding: 8px 16px;
       cursor: pointer;
       font-size: 32px;
       font-weight: 700;
-      border-radius: 50px;
+      border-radius: 30px;
       border: none;
     }
 
@@ -416,12 +416,12 @@ const handlePageSizeChange = () => {
 
     /* 删除按钮样式 */
     .delete-btn {
-      width: 300px;
-      height: 100px;
+      width: 200px;
+      height: 80px;
       padding: 8px 16px;
       border: none;
       cursor: pointer;
-      border-radius: 50px;
+      border-radius: 30px;
       background-color: #ff4d4f;
       /* 红色背景表示删除 */
       color: white;