feat: 新增全局搜索组件

components.d.ts

@@ -26,6 +26,7 @@ declare module 'vue' {
         GlobalNavbar: typeof import('./src/mocp/components/global-navbar/global-navbar.vue')['default']
         GlobalNumberInput: typeof import('./src/mocp/components/global-number-input/global-number-input.vue')['default']
         GlobalPage: typeof import('./src/mocp/components/global-page/global-page.vue')['default']
+        GlobalPageSearch: typeof import('./src/mocp/components/global-page-search/global-page-search.vue')['default']
         GlobalPageSwiper: typeof import('./src/mocp/components/global-page-swiper/global-page-swiper.vue')['default']
         GlobalPageSwiperItem: typeof import('./src/mocp/components/global-page-swiper-item/global-page-swiper-item.vue')['default']
         GlobalPicker: typeof import('./src/mocp/components/global-picker/global-picker.vue')['default']

src/mocp/components/global-page-search/global-page-search.vue

+<template>
+    <global-page :title="title">
+        <view class="search-form">
+            <slot></slot>
+        </view>
+        <template #bottom>
+            <slot name="bottom">
+                <view class="footer-btn">
+                    <up-row gutter="10">
+                        <up-col span="6">
+                            <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">{{ resetText }}</global-button>
+                        </up-col>
+                        <up-col span="6">
+                            <global-button type="primary" size="large" :radius="5" @tap="handleConfirm">{{ confirmText }}</global-button>
+                        </up-col>
+                    </up-row>
+                </view>
+            </slot>
+        </template>
+    </global-page>
+</template>
+
+<script setup>
+const es = defineEmits(['reset', 'confirm'])
+const ps = defineProps({
+    title: {
+        type: String,
+        default: '筛选'
+    },
+    resetText: {
+        type: String,
+        default: '重置'
+    },
+    confirmText: {
+        type: String,
+        default: '确定'
+    }
+})
+const handleReset = () => {
+    es('reset')
+}
+const handleConfirm = () => {
+    es('confirm')
+}
+</script>
+<style lang="scss" scoped>
+.search-form {
+    padding: 24rpx 24rpx 0 24rpx;
+    background: #fff;
+}
+.footer-btn {
+    padding: 24rpx 32rpx;
+    background-color: #fff;
+}
+</style>

src/pages/modules/mocp/panel/abnormalEventManage/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="aem_state"></global-picker>
@@ -18,13 +17,7 @@
                 <global-picker v-model="formData.repairUnit" pickAlign="right" :options="repairUnitList" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="接报日期" :borderBottom="true">
                 <global-calendar
@@ -46,12 +39,7 @@
                 ></global-picker>
             </up-form-item>
             <up-form-item label="类别" prop="category" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.category"
-                        pickAlign="right"
-                        :options="getParamsByType('EventCategory')"
-                        clearable
-                    ></global-picker>
+                <global-picker v-model="formData.category" pickAlign="right" :options="getParamsByType('EventCategory')" clearable></global-picker>
             </up-form-item>
             <up-form-item label="扣分范围" :borderBottom="true">
                 <view style="display: flex; align-items: center">
@@ -75,18 +63,7 @@
                 <global-picker v-model="formData.reviewedState" pickAlign="right" clearable dictkey="aem_auditListSelect"></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -117,13 +94,4 @@ const handleConfirm = () => {
     uni.$emit('abnormalEventManageReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/aog/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="aog_state"></global-picker>
@@ -12,34 +11,16 @@
                 <global-picker v-model="formData.model" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="专业类别" prop="major" :borderBottom="true">
                 <global-picker pickAlign="right" v-model="formData.major" clearable :options="getParamsByType('MajorCategory')"></global-picker>
             </up-form-item>
             <up-form-item label="AOG级别" prop="aogLevel" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.aogLevel"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.aogLevel" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="发生日期" :borderBottom="true">
                 <global-calendar
@@ -70,18 +51,7 @@
                 <up-input v-model="formData.faultDesc" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -112,13 +82,4 @@ const handleConfirm = () => {
     uni.$emit('aogReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/appraisal-record/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto" :model="formData">
             <up-form-item label="状态" prop="status" :borderBottom="true">
                 <global-picker
@@ -45,18 +44,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -88,13 +76,4 @@ const handleConfirm = () => {
     uni.$emit('appraisalRecordReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/assign-work/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto" :model="formData" ref="formRef">
             <up-form-item label="任务状态" prop="state" :borderBottom="true">
                 <global-picker
@@ -26,12 +25,7 @@
                 ></global-picker>
             </up-form-item>
             <up-form-item label="工作类型" prop="workType" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.workType"
-                        pickAlign="right"
-                        :options="getParamsByType('LayoutWorkType')"
-                        clearable
-                    ></global-picker>
+                <global-picker v-model="formData.workType" pickAlign="right" :options="getParamsByType('LayoutWorkType')" clearable></global-picker>
             </up-form-item>
             <up-form-item label="开始日期" :borderBottom="true">
                 <global-calendar
@@ -42,18 +36,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -79,13 +62,4 @@ const handleConfirm = () => {
     uni.$emit('assignWorkReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/engineeringEvaluation/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="ta_isOpen"></global-picker>
@@ -24,29 +23,13 @@
                 ></global-picker>
             </up-form-item>
             <up-form-item label="专业类别" prop="majorClass" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.majorClass"
-                        pickAlign="right"
-                        :options="getParamsByType('MajorCategory')"
-                        clearable
-                    ></global-picker>
+                <global-picker v-model="formData.majorClass" pickAlign="right" :options="getParamsByType('MajorCategory')" clearable></global-picker>
             </up-form-item>
             <up-form-item label="ATA章节" prop="ataChapter" :borderBottom="true">
                 <global-picker v-model="formData.ataChapter" pickAlign="right" :options="baseStore.getATAChecked()" clearable filter />
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -77,13 +60,4 @@ const handleConfirm = () => {
     uni.$emit('engineeringEvaluationReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/fleet/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="fleet_state" />
@@ -50,20 +49,7 @@
                 ></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6">
-                        <global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button>
-                    </up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -110,14 +96,4 @@ const changeAta = async (value, data) => {
     }
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/inforDisclosure/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="机号" prop="machine_number" :borderBottom="true">
                 <global-picker pickAlign="right" v-model="formData.machine_number" :options="deviceNumList" clearable filter />
@@ -15,13 +14,7 @@
             </up-form-item>
 
             <up-form-item label="航站" prop="termin" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.termin"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.termin" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
 
             <up-form-item label="填报日期" :borderBottom="true">
@@ -82,28 +75,10 @@
                 <global-picker pickAlign="right" v-model="formData.isType" clearable dictkey="id_isType"></global-picker>
             </up-form-item>
             <up-form-item label="故障报告人" prop="reporter" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.reporter"
-                        clearable
-                        :options="getParamsByType('FaultReporting')"
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.reporter" clearable :options="getParamsByType('FaultReporting')"></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6">
-                        <global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button>
-                    </up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -134,14 +109,4 @@ const handleConfirm = () => {
     uni.$emit('inforDisclosureReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/mco/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker
@@ -17,13 +16,7 @@
                 <global-picker v-model="formData.model" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="专业类别" prop="majorCategory" :borderBottom="true">
                 <global-picker
@@ -52,18 +45,7 @@
                 <global-picker v-model.number="formData.inspect" pickAlign="right" clearable dictkey="mco_choose"></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -94,13 +76,4 @@ const handleConfirm = () => {
     uni.$emit('mcoReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/mechanicalAbnormalEvents/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="mae_isOpen"></global-picker>
@@ -21,13 +20,7 @@
                 <global-picker v-model="formData.runEvent" pickAlign="right" dictkey="mae_runEvent" clearable></global-picker>
             </up-form-item>
             <up-form-item label="发生航站" prop="happenStn" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.happenStn"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.happenStn" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="延误定性" prop="delayNature" :borderBottom="true">
                 <global-picker pickAlign="right" v-model="formData.delayNature" clearable :options="delayNature"></global-picker>
@@ -50,18 +43,7 @@
                 <up-input v-model="formData.msg" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -92,13 +74,4 @@ const handleConfirm = () => {
     uni.$emit('mechanicalAbnormalEventsReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/move-decision/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="md_state"></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="是否有效" prop="valid" :borderBottom="true">
                 <global-picker
@@ -37,13 +30,7 @@
                 ></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="机号" prop="machineNumber" :borderBottom="true">
                 <global-picker pickAlign="right" v-model="formData.machineNumber" :options="deviceNumList" clearable filter></global-picker>
@@ -57,18 +44,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -98,13 +74,4 @@ const handleConfirm = () => {
     uni.$emit('moveDecisionReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/operationalSurvey/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="mae_isOpen"></global-picker>
@@ -43,18 +42,7 @@
                 ></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -84,13 +72,4 @@ const handleConfirm = () => {
     uni.$emit('operationalSurveyReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/qualityAnalysis/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="qa_isOpen"></global-picker>
@@ -39,18 +38,7 @@
                     <up-input v-model="formData.eventMsg" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
                 </up-form-item> -->
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -81,13 +69,4 @@ const handleConfirm = () => {
     uni.$emit('qualityAnalysisReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/support-application/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="wa_state"></global-picker>
@@ -12,53 +11,19 @@
                 <global-picker v-model="formData.model" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="专业" prop="specialty" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.specialty"
-                        pickAlign="right"
-                        :options="getParamsByType('MajorCategory')"
-                        clearable
-                    ></global-picker>
+                <global-picker v-model="formData.specialty" pickAlign="right" :options="getParamsByType('MajorCategory')" clearable></global-picker>
             </up-form-item>
             <up-form-item label="发动机型号" prop="engineModel" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.engineModel"
-                        pickAlign="right"
-                        :options="baseStore.getEngineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.engineModel" pickAlign="right" :options="baseStore.getEngineSelect" clearable filter></global-picker>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -89,13 +54,4 @@ const handleConfirm = () => {
     uni.$emit('supportApplicationReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/technicalAnalysis/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="ta_isOpen"></global-picker>
@@ -24,29 +23,13 @@
                 ></global-picker>
             </up-form-item>
             <up-form-item label="专业类别" prop="majorClass" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.majorClass"
-                        pickAlign="right"
-                        :options="getParamsByType('MajorCategory')"
-                        clearable
-                    ></global-picker>
+                <global-picker v-model="formData.majorClass" pickAlign="right" :options="getParamsByType('MajorCategory')" clearable></global-picker>
             </up-form-item>
             <up-form-item label="ATA章节" prop="ataChapter" :borderBottom="true">
                 <global-picker v-model="formData.ataChapter" pickAlign="right" :options="baseStore.getATAChecked()" clearable filter />
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -77,13 +60,4 @@ const handleConfirm = () => {
     uni.$emit('technicalAnalysisReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/technology-evaluation/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto" :model="formData" ref="formRef">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="te_state"></global-picker>
@@ -12,13 +11,7 @@
                 <global-picker v-model="formData.model" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="ATA章节" prop="ata" :borderBottom="true">
                 <global-picker v-model="formData.ata" pickAlign="right" :options="baseStore.getATASelect" clearable filter></global-picker>
@@ -32,18 +25,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -73,13 +55,4 @@ const handleConfirm = () => {
     uni.$emit('technologyEvaluationReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/unplanApply/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="申请状态" prop="applyStatus" :borderBottom="true">
                 <global-picker v-model="formData.applyStatus" pickAlign="right" clearable dictkey="np_applyStatus"></global-picker>
@@ -21,13 +20,7 @@
                 <global-picker v-model="formData.acType" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="airline" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.airline"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.airline" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="计划开工时间" :borderBottom="true">
                 <global-calendar
@@ -46,18 +39,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -84,13 +66,4 @@ const handleConfirm = () => {
     uni.$emit('unplanApplyReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/unplanWarning/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="申请状态" prop="applyStatus" :borderBottom="true">
                 <global-picker v-model="formData.applyStatus" pickAlign="right" clearable dictkey="np_applyStatus"></global-picker>
@@ -18,13 +17,7 @@
                 <global-picker v-model="formData.acType" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="airline" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.airline"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.airline" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="计划开工时间" :borderBottom="true">
                 <global-calendar
@@ -43,18 +36,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -81,13 +63,4 @@ const handleConfirm = () => {
     uni.$emit('unplanWarningReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/windDamageManagement/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="isOpen" :borderBottom="true">
                 <global-picker v-model="formData.isOpen" pickAlign="right" clearable dictkey="wdm_isOpen"></global-picker>
@@ -9,13 +8,7 @@
                 <global-picker v-model="formData.rxStatus" pickAlign="right" clearable dictkey="wdm_rxStatus"></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="开始日期" :borderBottom="true">
                 <global-calendar
@@ -26,18 +19,7 @@
                 ></global-calendar>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -64,13 +46,4 @@ const handleConfirm = () => {
     uni.$emit('windDamageManagementReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>

src/pages/modules/mocp/panel/work-assignment/search.vue

 <template>
-    <global-page title="筛选">
-        <view class="search-form">
+    <global-page-search @reset="handleReset" @confirm="handleConfirm">
         <up-form labelPosition="left" labelWidth="auto">
             <up-form-item label="状态" prop="state" :borderBottom="true">
                 <global-picker v-model="formData.state" pickAlign="right" clearable dictkey="wa_state"></global-picker>
@@ -12,22 +11,10 @@
                 <global-picker v-model="formData.model" pickAlign="right" :options="baseStore.getTypeSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航司" prop="aviation" :borderBottom="true">
-                    <global-picker
-                        v-model="formData.aviation"
-                        pickAlign="right"
-                        :options="baseStore.getAirlineSelect"
-                        clearable
-                        filter
-                    ></global-picker>
+                <global-picker v-model="formData.aviation" pickAlign="right" :options="baseStore.getAirlineSelect" clearable filter></global-picker>
             </up-form-item>
             <up-form-item label="航站" prop="terminal" :borderBottom="true">
-                    <global-picker
-                        pickAlign="right"
-                        v-model="formData.terminal"
-                        clearable
-                        :options="baseStore.getTerminalSelect"
-                        filter
-                    ></global-picker>
+                <global-picker pickAlign="right" v-model="formData.terminal" clearable :options="baseStore.getTerminalSelect" filter></global-picker>
             </up-form-item>
             <up-form-item label="发起人" prop="sponsor" :borderBottom="true">
                 <up-input v-model="formData.sponsor" inputAlign="right" border="none" placeholder="请输入" clearable></up-input>
@@ -36,18 +23,7 @@
                 <global-date v-model="formData.feedbackTime" pickAlign="right" clearable></global-date>
             </up-form-item>
         </up-form>
-        </view>
-        <template #bottom>
-            <view class="footer-btn">
-                <up-row gutter="10">
-                    <up-col span="6">
-                        <global-button type="primary" plain size="large" :radius="5" @tap="handleReset">重置</global-button>
-                    </up-col>
-                    <up-col span="6"><global-button type="primary" size="large" :radius="5" @tap="handleConfirm">确定</global-button></up-col>
-                </up-row>
-            </view>
-        </template>
-    </global-page>
+    </global-page-search>
 </template>
 
 <script setup>
@@ -77,13 +53,4 @@ const handleConfirm = () => {
     uni.$emit('workAssignmentReload')
 }
 </script>
-<style lang="scss" scoped>
-.search-form {
-    padding: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-}
-.footer-btn {
-    padding: 24rpx 32rpx;
-    background-color: #fff;
-}
-</style>
+<style lang="scss" scoped></style>