From 38e894f4b025e5a7cbfd1fedc5636cf8439f683d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E6=9C=A8?= <594326199@qq.com>
Date: Fri, 21 Aug 2026 13:06:01 +0800
Subject: [PATCH 1/3] =?UTF-8?q?chore:=20=E5=8D=A0=E7=94=A8=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E6=97=A5=E6=9C=9F=E9=80=89=E6=8B=A9=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-- 
2.47.2


From a7197fefd3b3e843a3dc617fb4f03e2def3baac7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E6=9C=A8?= <594326199@qq.com>
Date: Fri, 21 Aug 2026 13:30:25 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E4=B8=BA=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E6=97=A5=E6=9C=9F=E5=A2=9E=E5=8A=A0=E7=82=B9=E5=87=BB=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../order-data/after-sales-expenses.blade.php | 87 ++++++++++++++++++-
 .../Business/OrderDataPagesUpstreamTest.php   |  8 ++
 2 files changed, 93 insertions(+), 2 deletions(-)

diff --git a/resources/views/business/pages/order-data/after-sales-expenses.blade.php b/resources/views/business/pages/order-data/after-sales-expenses.blade.php
index da21aaf7..866c6b63 100644
--- a/resources/views/business/pages/order-data/after-sales-expenses.blade.php
+++ b/resources/views/business/pages/order-data/after-sales-expenses.blade.php
@@ -135,16 +135,74 @@
         .order-data-table--wide { min-width: 590rem; }
         .order-data-link { color: var(--vip-content-accent-dark, #856632); }
         .order-data-link .material-icons-outlined { font-size: 1.125rem; }
+
+        .order-data-date-picker {
+            position: relative;
+        }
+
+        .order-data-date-picker input {
+            padding-right: 2.75rem;
+        }
+
+        .order-data-date-picker__trigger {
+            position: absolute;
+            top: 0;
+            right: 0;
+            display: inline-flex;
+            width: 2.125rem;
+            height: 2.125rem;
+            align-items: center;
+            justify-content: center;
+            padding: 0;
+            border: 0;
+            border-left: 1px solid var(--vip-border, #d8d2c7);
+            border-radius: 0 0.5rem 0.5rem 0;
+            background: transparent;
+            color: var(--vip-content-accent-dark, #856632);
+            cursor: pointer;
+        }
+
+        .order-data-date-picker__trigger:hover {
+            background: var(--vip-content-accent-soft, #f7f0de);
+        }
+
+        .order-data-date-picker__trigger:focus-visible {
+            z-index: 1;
+            outline: none;
+            box-shadow: 0 0 0 3px rgba(133, 102, 50, 0.2);
+        }
+
+        .order-data-date-picker__trigger .material-icons-outlined {
+            font-size: 1.125rem;
+        }
     </style>
 
     <form method="GET" class="upstream-data-toolbar" aria-label="订单售后费用明细筛选">
         <div class="upstream-data-field">
             <label for="order-data-from">订单开始日期</label>
-            <input id="order-data-from" name="from" type="date" value="{{ $filters['from'] ?? '' }}">
+            <div class="order-data-date-picker" data-date-picker-contract="order-data-after-sales-date-picker">
+                <input id="order-data-from" name="from" type="date" value="{{ $filters['from'] ?? '' }}">
+                <button
+                    type="button"
+                    class="order-data-date-picker__trigger"
+                    data-date-picker-input="order-data-from"
+                    aria-label="选择订单开始日期"
+                    title="选择订单开始日期"
+                ><span class="material-icons-outlined" aria-hidden="true">calendar_month</span></button>
+            </div>
         </div>
         <div class="upstream-data-field">
             <label for="order-data-to">订单结束日期</label>
-            <input id="order-data-to" name="to" type="date" value="{{ $filters['to'] ?? '' }}">
+            <div class="order-data-date-picker" data-date-picker-contract="order-data-after-sales-date-picker">
+                <input id="order-data-to" name="to" type="date" value="{{ $filters['to'] ?? '' }}">
+                <button
+                    type="button"
+                    class="order-data-date-picker__trigger"
+                    data-date-picker-input="order-data-to"
+                    aria-label="选择订单结束日期"
+                    title="选择订单结束日期"
+                ><span class="material-icons-outlined" aria-hidden="true">calendar_month</span></button>
+            </div>
         </div>
         <div class="upstream-data-field">
             <label for="order-data-order-no">订单号</label>
@@ -261,6 +319,31 @@
 
 <script>
     (() => {
+        document.querySelectorAll('[data-date-picker-input]').forEach((trigger) => {
+            if (trigger.dataset.datePickerBound === 'true') {
+                return;
+            }
+
+            const input = document.getElementById(trigger.dataset.datePickerInput || '');
+
+            if (!input) {
+                return;
+            }
+
+            trigger.dataset.datePickerBound = 'true';
+            trigger.addEventListener('click', () => {
+                input.focus();
+
+                if (typeof input.showPicker === 'function') {
+                    input.showPicker();
+
+                    return;
+                }
+
+                input.click();
+            });
+        });
+
         const button = document.getElementById('order-data-after-sales-export-button');
 
         if (!button || button.dataset.exportBound === 'true') {
diff --git a/tests/Feature/Business/OrderDataPagesUpstreamTest.php b/tests/Feature/Business/OrderDataPagesUpstreamTest.php
index a7eac808..0f721eef 100644
--- a/tests/Feature/Business/OrderDataPagesUpstreamTest.php
+++ b/tests/Feature/Business/OrderDataPagesUpstreamTest.php
@@ -63,6 +63,14 @@ class OrderDataPagesUpstreamTest extends FeatureTestCase
             ->assertSeeText('123.45')
             ->assertSeeText('DIRECT')
             ->assertSeeText('导出当前页')
+            ->assertSee('id="order-data-from" name="from" type="date" value="2026-08-01"', false)
+            ->assertSee('id="order-data-to" name="to" type="date" value="2026-08-09"', false)
+            ->assertSee('data-date-picker-contract="order-data-after-sales-date-picker"', false)
+            ->assertSee('data-date-picker-input="order-data-from"', false)
+            ->assertSee('aria-label="选择订单开始日期"', false)
+            ->assertSee('data-date-picker-input="order-data-to"', false)
+            ->assertSee('aria-label="选择订单结束日期"', false)
+            ->assertSee("typeof input.showPicker === 'function'", false)
             ->assertSee('id="order-data-after-sales-export-button"', false)
             ->assertSee('data-export-contract="order-data.after-sales.current-page-export"', false)
             ->assertSee('data-export-table="order-data-after-sales-table"', false)
-- 
2.47.2


From dc08c87dd35dcdf4419418173e9148e9ff84a173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E6=9C=A8?= <594326199@qq.com>
Date: Fri, 21 Aug 2026 14:02:35 +0800
Subject: [PATCH 3/3] =?UTF-8?q?test:=20=E5=AE=8C=E5=96=84=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E6=97=A5=E6=9C=9F=E9=80=89=E6=8B=A9=E9=AA=8C=E6=94=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/pages/order-data/after-sales-expenses.blade.php  | 4 ++--
 tests/Feature/Business/OrderDataPagesUpstreamTest.php         | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/views/business/pages/order-data/after-sales-expenses.blade.php b/resources/views/business/pages/order-data/after-sales-expenses.blade.php
index 866c6b63..25f9c5b1 100644
--- a/resources/views/business/pages/order-data/after-sales-expenses.blade.php
+++ b/resources/views/business/pages/order-data/after-sales-expenses.blade.php
@@ -188,7 +188,7 @@
                     data-date-picker-input="order-data-from"
                     aria-label="选择订单开始日期"
                     title="选择订单开始日期"
-                ><span class="material-icons-outlined" aria-hidden="true">calendar_month</span></button>
+                ><span class="material-icons-outlined" aria-hidden="true">calendar_today</span></button>
             </div>
         </div>
         <div class="upstream-data-field">
@@ -201,7 +201,7 @@
                     data-date-picker-input="order-data-to"
                     aria-label="选择订单结束日期"
                     title="选择订单结束日期"
-                ><span class="material-icons-outlined" aria-hidden="true">calendar_month</span></button>
+                ><span class="material-icons-outlined" aria-hidden="true">calendar_today</span></button>
             </div>
         </div>
         <div class="upstream-data-field">
diff --git a/tests/Feature/Business/OrderDataPagesUpstreamTest.php b/tests/Feature/Business/OrderDataPagesUpstreamTest.php
index 0f721eef..b5e3067c 100644
--- a/tests/Feature/Business/OrderDataPagesUpstreamTest.php
+++ b/tests/Feature/Business/OrderDataPagesUpstreamTest.php
@@ -70,6 +70,7 @@ class OrderDataPagesUpstreamTest extends FeatureTestCase
             ->assertSee('aria-label="选择订单开始日期"', false)
             ->assertSee('data-date-picker-input="order-data-to"', false)
             ->assertSee('aria-label="选择订单结束日期"', false)
+            ->assertSeeText('calendar_today')
             ->assertSee("typeof input.showPicker === 'function'", false)
             ->assertSee('id="order-data-after-sales-export-button"', false)
             ->assertSee('data-export-contract="order-data.after-sales.current-page-export"', false)
@@ -147,6 +148,7 @@ class OrderDataPagesUpstreamTest extends FeatureTestCase
                 'tab' => 'after-sales-expenses',
             ]))
             ->assertOk()
+            ->assertSeeText('暂无数据')
             ->assertSeeText('导出当前页')
             ->assertSee('id="order-data-after-sales-export-button"', false)
             ->assertSee('disabled="disabled"', false);
-- 
2.47.2