From 104468501e2d6e906f737a2ee7f1f0d5cc6ef172 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 20 Dec 2025 01:13:31 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=BE=AE=E4=BF=A1=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=20search-form.vue=20=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E5=9B=A0?=
 =?UTF-8?q?=E4=B8=BA=E6=B2=A1=20@click=20=E4=BA=8B=E4=BB=B6=20fix=EF=BC=9A?=
 =?UTF-8?q?search-form.vue=20=E7=9A=84=20popup=20=E8=B7=9D=E7=A6=BB?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E4=B8=8D=E5=AF=B9=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20feat=EF=BC=9A=E7=A7=BB=E9=99=A4=20search-form.vue=20?=
 =?UTF-8?q?=E7=9A=84=20title=EF=BC=8C=E7=AE=80=E5=8C=96=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apiAccessLog/components/search-form.vue   | 23 +++---------
 .../apiErrorLog/components/search-form.vue    | 17 +++------
 .../dept/components/search-form.vue           | 23 +++---------
 .../menu/components/search-form.vue           | 23 +++---------
 .../notice/components/search-form.vue         | 23 +++---------
 .../operate-log/modules/search-form.vue       | 37 ++++---------------
 .../post/components/search-form.vue           | 23 +++---------
 .../role/components/search-form.vue           | 23 +++---------
 .../user/components/search-form.vue           | 23 +++---------
 src/pages/bpm/components/copy-search-form.vue | 37 ++++---------------
 src/pages/bpm/components/done-search-form.vue | 37 ++++---------------
 src/pages/bpm/components/my-search-form.vue   | 37 ++++---------------
 src/pages/bpm/components/todo-search-form.vue | 37 ++++---------------
 src/pages/message/components/search-form.vue  | 37 ++++---------------
 src/style/index.scss                          | 12 +++---
 src/utils/index.ts                            | 17 +++++++++
 16 files changed, 118 insertions(+), 311 deletions(-)

diff --git a/src/pages-infra/apiAccessLog/components/search-form.vue b/src/pages-infra/apiAccessLog/components/search-form.vue
index 1bf67a3..0884a10 100644
--- a/src/pages-infra/apiAccessLog/components/search-form.vue
+++ b/src/pages-infra/apiAccessLog/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索日志
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           用户编号
@@ -54,6 +42,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 
 const emit = defineEmits<{
   search: [data: Record<string, any>]
diff --git a/src/pages-infra/apiErrorLog/components/search-form.vue b/src/pages-infra/apiErrorLog/components/search-form.vue
index 9368303..69c94ef 100644
--- a/src/pages-infra/apiErrorLog/components/search-form.vue
+++ b/src/pages-infra/apiErrorLog/components/search-form.vue
@@ -1,23 +1,15 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <wd-popup
     v-model="visible"
     position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
     @close="visible = false"
   >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索日志
-      </view>
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           用户编号
@@ -71,6 +63,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 
 const emit = defineEmits<{
   search: [data: Record<string, any>]
diff --git a/src/pages-system/dept/components/search-form.vue b/src/pages-system/dept/components/search-form.vue
index edb3d0d..63eb942 100644
--- a/src/pages-system/dept/components/search-form.vue
+++ b/src/pages-system/dept/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索部门
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           部门名称
@@ -61,6 +49,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/menu/components/search-form.vue b/src/pages-system/menu/components/search-form.vue
index 8cc9f93..388fcd3 100644
--- a/src/pages-system/menu/components/search-form.vue
+++ b/src/pages-system/menu/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索菜单
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           菜单名称
@@ -54,6 +42,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import { getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/notice/components/search-form.vue b/src/pages-system/notice/components/search-form.vue
index c23a36b..4762c4d 100644
--- a/src/pages-system/notice/components/search-form.vue
+++ b/src/pages-system/notice/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索通知公告
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           公告标题
@@ -61,6 +49,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/operate-log/modules/search-form.vue b/src/pages-system/operate-log/modules/search-form.vue
index 83ec2bc..654dd6e 100644
--- a/src/pages-system/operate-log/modules/search-form.vue
+++ b/src/pages-system/operate-log/modules/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索操作日志
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           操作人
@@ -77,12 +65,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -91,12 +74,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -131,6 +109,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import UserPicker from '@/pages-system/user/form/components/user-picker.vue'
+import { getNavbarHeight } from '@/utils'
 import { formatDate, formatDateRange } from '@/utils/date'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/post/components/search-form.vue b/src/pages-system/post/components/search-form.vue
index 462ff8d..aa28561 100644
--- a/src/pages-system/post/components/search-form.vue
+++ b/src/pages-system/post/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索岗位
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           岗位名称
@@ -71,6 +59,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/role/components/search-form.vue b/src/pages-system/role/components/search-form.vue
index c03e2d4..3c27d9a 100644
--- a/src/pages-system/role/components/search-form.vue
+++ b/src/pages-system/role/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索角色
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           角色名称
@@ -71,6 +59,7 @@
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 
 const emit = defineEmits<{
diff --git a/src/pages-system/user/components/search-form.vue b/src/pages-system/user/components/search-form.vue
index 3a7745d..0aedd3a 100644
--- a/src/pages-system/user/components/search-form.vue
+++ b/src/pages-system/user/components/search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索用户
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           用户名称
@@ -53,6 +41,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 
 const emit = defineEmits<{
   search: [data: Record<string, any>]
diff --git a/src/pages/bpm/components/copy-search-form.vue b/src/pages/bpm/components/copy-search-form.vue
index 49a7aeb..da51e46 100644
--- a/src/pages/bpm/components/copy-search-form.vue
+++ b/src/pages/bpm/components/copy-search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索流程
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           流程名称
@@ -46,12 +34,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -60,12 +43,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -89,6 +67,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 import { formatDate, formatDateRange } from '@/utils/date'
 
 const emit = defineEmits<{
diff --git a/src/pages/bpm/components/done-search-form.vue b/src/pages/bpm/components/done-search-form.vue
index 4a1ab05..d837582 100644
--- a/src/pages/bpm/components/done-search-form.vue
+++ b/src/pages/bpm/components/done-search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索任务
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           任务名称
@@ -83,12 +71,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -97,12 +80,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -131,6 +109,7 @@ import { computed, onMounted, reactive, ref } from 'vue'
 import { getCategorySimpleList } from '@/api/bpm/category'
 import { getProcessDefinitionList } from '@/api/bpm/definition'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 import { formatDate, formatDateRange } from '@/utils/date'
 
diff --git a/src/pages/bpm/components/my-search-form.vue b/src/pages/bpm/components/my-search-form.vue
index 54276dc..0955ed1 100644
--- a/src/pages/bpm/components/my-search-form.vue
+++ b/src/pages/bpm/components/my-search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索流程
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           流程名称
@@ -58,12 +46,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -72,12 +55,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -131,6 +109,7 @@ import { computed, onMounted, reactive, ref } from 'vue'
 import { getCategorySimpleList } from '@/api/bpm/category'
 import { getProcessDefinitionList } from '@/api/bpm/definition'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 import { formatDate, formatDateRange } from '@/utils/date'
 
diff --git a/src/pages/bpm/components/todo-search-form.vue b/src/pages/bpm/components/todo-search-form.vue
index 2c283d5..811585c 100644
--- a/src/pages/bpm/components/todo-search-form.vue
+++ b/src/pages/bpm/components/todo-search-form.vue
@@ -1,24 +1,12 @@
 <template>
   <!-- 搜索框入口 -->
-  <wd-search
-    :placeholder="placeholder"
-    :hide-cancel="true"
-    disabled
-    @click="visible = true"
-  />
+  <view @click="visible = true">
+    <wd-search :placeholder="placeholder" hide-cancel disabled />
+  </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索任务
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           任务名称
@@ -83,12 +71,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -97,12 +80,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -131,6 +109,7 @@ import { computed, onMounted, reactive, ref } from 'vue'
 import { getCategorySimpleList } from '@/api/bpm/category'
 import { getProcessDefinitionList } from '@/api/bpm/definition'
 import { getDictLabel, getIntDictOptions } from '@/hooks/useDict'
+import { getNavbarHeight } from '@/utils'
 import { DICT_TYPE } from '@/utils/constants'
 import { formatDate, formatDateRange } from '@/utils/date'
 
diff --git a/src/pages/message/components/search-form.vue b/src/pages/message/components/search-form.vue
index 84def60..899a1c6 100644
--- a/src/pages/message/components/search-form.vue
+++ b/src/pages/message/components/search-form.vue
@@ -1,13 +1,8 @@
 <template>
   <!-- 搜索框入口 -->
   <view class="flex items-center bg-white pr-30rpx">
-    <view class="flex-1">
-      <wd-search
-        :placeholder="placeholder"
-        :hide-cancel="true"
-        disabled
-        @click="visible = true"
-      />
+    <view class="flex-1" @click="visible = true">
+      <wd-search :placeholder="placeholder" hide-cancel disabled />
     </view>
     <view class="text-28rpx text-[#1890ff]" @click="handleReadAll">
       全部已读
@@ -15,17 +10,8 @@
   </view>
 
   <!-- 搜索弹窗 -->
-  <wd-popup
-    v-model="visible"
-    position="top"
-    custom-style="border-radius: var(--yd-search-form-popup-radius);"
-    safe-area-inset-top
-    @close="visible = false"
-  >
-    <view class="yd-search-form-container">
-      <view class="yd-search-form-title">
-        搜索消息
-      </view>
+  <wd-popup v-model="visible" position="top" @close="visible = false">
+    <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
       <view class="yd-search-form-item">
         <view class="yd-search-form-label">
           已读状态
@@ -59,12 +45,7 @@
             </view>
           </view>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[0]"
-          v-model="tempCreateTime[0]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[0]" v-model="tempCreateTime[0]" type="date" />
         <view v-if="visibleCreateTime[0]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime0Cancel">
             取消
@@ -73,12 +54,7 @@
             确定
           </wd-button>
         </view>
-        <wd-datetime-picker-view
-          v-if="visibleCreateTime[1]"
-          v-model="tempCreateTime[1]"
-          type="date"
-          :columns-height="200"
-        />
+        <wd-datetime-picker-view v-if="visibleCreateTime[1]" v-model="tempCreateTime[1]" type="date" />
         <view v-if="visibleCreateTime[1]" class="yd-search-form-date-range-actions">
           <wd-button size="small" plain @click="handleCreateTime1Cancel">
             取消
@@ -102,6 +78,7 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref } from 'vue'
+import { getNavbarHeight } from '@/utils'
 import { formatDate, formatDateRange } from '@/utils/date'
 
 const emit = defineEmits<{
diff --git a/src/style/index.scss b/src/style/index.scss
index 6164483..8e5fd76 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -16,9 +16,6 @@ page {
 
   // 修改按钮背景色
   // --wot-button-primary-bg-color: green;
-
-  // yd-search-form：搜索表单弹窗圆角
-  --yd-search-form-popup-radius: 0 0 24rpx 24rpx;
 }
 
 /*
@@ -48,6 +45,11 @@ border-t-1
 
 // ==================== 搜索表单弹窗样式 ====================
 .yd-search-form {
+  // 弹窗圆角
+  &-popup {
+    @apply rounded-t-24rpx;
+  }
+
   // 弹窗容器
   &-container {
     @apply p-32rpx;
@@ -61,7 +63,7 @@ border-t-1
 
   // 表单项
   &-item {
-    @apply mb-24rpx;
+    @apply mt-24rpx;
   }
 
   // 表单项标签
@@ -72,7 +74,7 @@ border-t-1
 
   // 底部按钮组
   &-actions {
-    @apply w-full flex justify-center gap-24rpx;
+    @apply w-full flex justify-center gap-24rpx mt-24rpx;
   }
 
   // 日期范围选择器
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 3229424..df08cbe 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -224,3 +224,20 @@ export function navigateBackPlus(fallbackUrl?: string) {
     uni.reLaunch({ url: targetUrl })
   }
 }
+
+/** 获取 wd-navbar 导航栏高度 */
+export function getNavbarHeight() {
+  const systemInfo = uni.getSystemInfoSync()
+  const statusBarHeight = systemInfo.statusBarHeight || 0
+  // #ifdef MP-WEIXIN
+  // 小程序：根据胶囊按钮位置计算导航栏高度，确保内容与胶囊垂直居中
+  const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+  // 导航栏高度 = (胶囊顶部到状态栏底部的距离) * 2 + 胶囊高度
+  const navBarHeight = (menuButtonInfo.top - statusBarHeight) * 2 + menuButtonInfo.height
+  return statusBarHeight + navBarHeight
+  // #endif
+  // #ifndef MP-WEIXIN
+  // H5/App：状态栏高度 + 导航栏高度（44px）
+  return statusBarHeight + 44
+  // #endif
+}