From 971b8c282be2886af11e1ed857a82f5cc8aa2e1b Mon Sep 17 00:00:00 2001
From: gongfuxiang <fuxiang.gong@qq.com>
Date: Wed, 17 Sep 2025 09:30:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=94=AE=E5=90=8E=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=85=B3=E9=94=AE=E5=AD=97=E6=90=9C=E7=B4=A2=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  7 ++
 .../user-orderaftersale.vue                   | 72 +++++++++++++------
 2 files changed, 59 insertions(+), 20 deletions(-)

diff --git a/pages.json b/pages.json
index 9cd08e38..f583b14c 100644
--- a/pages.json
+++ b/pages.json
@@ -434,6 +434,13 @@
                 {
                     "path": "user-orderaftersale",
                     "style": {
+                        // #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-KUAISHOU || APP
+                        "navigationStyle": "custom",
+                        // #endif
+                        // #ifdef MP-ALIPAY
+                        "transparentTitle": "auto",
+                        "titlePenetrate": "YES",
+                        // #endif
                         "enablePullDownRefresh": true,
                         "navigationBarTitleText": ""
                     }
diff --git a/pages/user-orderaftersale/user-orderaftersale.vue b/pages/user-orderaftersale/user-orderaftersale.vue
index 1742ae76..a11f5fce 100644
--- a/pages/user-orderaftersale/user-orderaftersale.vue
+++ b/pages/user-orderaftersale/user-orderaftersale.vue
@@ -1,5 +1,13 @@
 <template>
-    <view :class="theme_view">
+    <view :class="theme_view">
+        <!-- 搜索 -->
+        <component-nav-back :propFixed="false" propClass="bg-white cr-black" propColor="#333" :style="'padding-top:' + status_bar_height + 'px;'">
+            <template slot="right" :class="is_mp_env ? 'top-search-width' : ''">
+                <view class="margin-left-main" :class="is_mp_env ? '' : 'flex-1 flex-width'">
+                    <component-search @onsearch="search_button_event" :propDefaultValue="search_keywords" :propIsOnEvent="true" :propIsRequired="false" propIconColor="#ccc" propPlaceholderClass="cr-grey-c" propBgColor="#f6f6f6"></component-search>
+                </view>
+            </template>
+        </component-nav-back>
         <!-- 导航 -->
         <view class="nav-base bg-white">
             <block v-for="(item, index) in nav_status_list" :key="index">
@@ -7,9 +15,8 @@
                 <view v-else class="item fl tc" :data-index="index" @tap="nav_event">{{ item.name }}</view>
             </block>
         </view>
-
         <!-- 订单列表 -->
-        <scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav" @scrolltolower="scroll_lower" lower-threshold="60">
+        <scroll-view :scroll-y="true" class="scroll-box" :style="content_style" @scrolltolower="scroll_lower" lower-threshold="60">
             <view v-if="data_list.length > 0" class="padding-horizontal-main padding-top-main">
                 <view v-for="(item, index) in data_list" :key="index" class="list-item padding-horizontal-main padding-top-main border-radius-main bg-white oh spacing-mb">
                     <view class="item-base oh br-b padding-bottom-main">
@@ -66,9 +73,17 @@
 </template>
 <script>
     const app = getApp();
-    import componentCommon from '@/components/common/common';
+    import componentCommon from '@/components/common/common';
+    import componentNavBack from '@/components/nav-back/nav-back';
+    import componentSearch from '@/components/search/search';
     import componentNoData from "@/components/no-data/no-data";
-    import componentBottomLine from "@/components/bottom-line/bottom-line";
+    import componentBottomLine from "@/components/bottom-line/bottom-line";
+    
+    // 状态栏高度
+    var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0, true));
+    // #ifdef MP-TOUTIAO || H5
+    bar_height = 0;
+    // #endif
     export default {
         data() {
             return {
@@ -77,13 +92,19 @@
                 data_list_loding_status: 1,
                 data_list_loding_msg: "",
                 data_bottom_line_status: false,
-                data_is_loading: 0,
+                data_is_loading: 0,
+                client_type: app.globalData.application_client_type(),
+                status_bar_height: bar_height,
+                is_mp_env: false,
+                // #ifdef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-QQ || MP-KUAISHOU
+                is_mp_env: true,
+                // #endif
                 // 接口数据
                 data_list: [],
                 data_total: 0,
                 data_page_total: 0,
                 data_page: 1,
-                form_keyword_value: "",
+                search_keywords: '',
                 // 导航
                 // 状态（0待确认, 1待退货, 2待审核, 3已完成, 4已拒绝, 5已取消）
                 nav_status_list: [
@@ -100,14 +121,19 @@
         },
 
         components: {
-            componentCommon,
+            componentCommon,
+            componentNavBack,
+            componentSearch,
             componentNoData,
             componentBottomLine,
         },
 
         onLoad(params) {
             // 调用公共事件方法
-            app.globalData.page_event_onload_handle(params);
+            app.globalData.page_event_onload_handle(params);
+
+            // 参数处理
+            params = app.globalData.launch_params_handle(params);
 
             // 是否指定状态
             var nav_status_index = 0;
@@ -121,8 +147,9 @@
             }
             this.setData({
                 params: params,
-                form_keyword_value: params.keywords || "",
-                nav_status_index: nav_status_index,
+                nav_status_index: nav_status_index,
+                search_keywords: params.keywords || '',
+                content_style: 'height: calc(100vh - 80rpx - '+(this.status_bar_height+(this.client_type == 'h5' ? 55 : 50))+'px);',
             });
         },
 
@@ -197,7 +224,7 @@
                     method: "POST",
                     data: {
                         page: this.data_page,
-                        keywords: this.form_keyword_value || "",
+                        keywords: this.search_keywords,
                         status: status,
                         is_more: 1,
                     },
@@ -288,13 +315,6 @@
                 this.get_data_list(1);
             },
 
-            // 输入框事件
-            input_event(e) {
-                this.setData({
-                    form_keyword_value: e.detail.value,
-                });
-            },
-
             // 取消
             cancel_event(e) {
                 uni.showModal({
@@ -363,7 +383,19 @@
             // url事件
             url_event(e) {
                 app.globalData.url_event(e);
-            }
+            },
+
+            // 关键字搜索
+            search_button_event(e) {
+                this.setData({
+                    search_keywords: e,
+                    data_page: 1,
+                    data_list: [],
+                    data_list_loding_status: 1,
+                    data_bottom_line_status: false
+                });
+                this.get_data_list(1);
+            },
         },
     };
 </script>