perf: 优化 crud query

src/components/me/crud/index.vue

@@ -7,25 +7,22 @@
  --------------------------------->
 
 <template>
-  <AppCard
+  <AppCard v-if="$slots.default" bordered bg="#fafafc dark:black" class="mb-30 min-h-60 rounded-4">
-    v-if="$slots.default"
+    <form class="flex justify-between p-16" @submit="handleSearch()">
-    bordered
+      <n-space wrap :size="[32, 16]">
-    bg="#fafafc dark:black"
+        <slot />
-    class="mb-30 min-h-60 flex justify-between rounded-4 p-16"
+      </n-space>
-  >
+      <div class="flex-shrink-0">
-    <n-space wrap :size="[32, 16]">
+        <n-button ghost type="primary" @click="handleReset">
-      <slot />
+          <i class="i-fe:rotate-ccw mr-4" />
-    </n-space>
+          重置
-    <div class="flex-shrink-0">
+        </n-button>
-      <n-button ghost type="primary" @click="handleReset">
+        <n-button attr-type="submit" class="ml-20" type="primary">
-        <i class="i-fe:rotate-ccw mr-4" />
+          <i class="i-fe:search mr-4" />
-        重置
+          搜索
-      </n-button>
+        </n-button>
-      <n-button class="ml-20" type="primary" @click="handleSearch">
+      </div>
-        <i class="i-fe:search mr-4" />
+    </form>
-        搜索
-      </n-button>
-    </div>
   </AppCard>
 
   <n-data-table

src/views/pms/role/index.vue

@@ -23,13 +23,7 @@
       :get-data="api.read"
     >
       <MeQueryItem label="角色名" :label-width="50">
-        <n-input
+        <n-input v-model:value="queryItems.name" type="text" placeholder="请输入角色名" clearable />
-          v-model:value="queryItems.name"
-          type="text"
-          placeholder="请输入角色名"
-          clearable
-          @keydown.enter="() => $table?.handleSearch()"
-        />
       </MeQueryItem>
       <MeQueryItem label="状态" :label-width="50">
         <n-select

src/views/pms/role/role-user.vue

@@ -43,7 +43,6 @@
           type="text"
           placeholder="请输入用户名"
           clearable
-          @keydown.enter="() => $table?.handleSearch()"
         />
       </MeQueryItem>
 

src/views/pms/user/index.vue

@@ -28,7 +28,6 @@
           type="text"
           placeholder="请输入用户名"
           clearable
-          @keydown.enter="() => $table?.handleSearch()"
         />
       </MeQueryItem>