From c380e4052a1d14c497f14008d1bcbb48ece49081 Mon Sep 17 00:00:00 2001
From: From-wh <from-wh@hotmail.com>
Date: Tue, 29 Sep 2026 11:44:33 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=AE=A1=E7=90=86=E7=AB=AF):=20=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E8=8C=83=E5=9B=B4=E9=80=89=E6=8B=A9=E5=99=A8=E5=85=A8?=
 =?UTF-8?q?=E7=AB=99=E6=98=BE=E5=BC=8F=E4=BC=A0=E5=AE=BD=EF=BC=8C=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E5=AE=BD=E5=BA=A6=E8=B0=83=E6=95=B4=E4=B8=BA=20220px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SchemaPage/components/SchemaSearchBar.vue  | 2 +-
 frontend/admin/src/components/dateRangePicker/index.vue   | 7 ++++---
 frontend/admin/src/components/publicSearchFrom/index.vue  | 7 ++++++-
 frontend/admin/src/components/searchFrom/searchFrom.vue   | 1 +
 frontend/admin/src/pages/crud/index.vue                   | 1 +
 frontend/admin/src/pages/finance/balance/index.vue        | 1 +
 frontend/admin/src/pages/finance/billingRecords/index.vue | 1 +
 frontend/admin/src/pages/finance/capitalFlow/index.vue    | 1 +
 .../pages/finance/commission/handle/commissionDetails.vue | 1 +
 .../src/pages/finance/financialRecords/bill/index.vue     | 1 +
 .../src/pages/finance/financialRecords/recharge/index.vue | 1 +
 frontend/admin/src/pages/finance/userExtract/index.vue    | 1 +
 .../admin/src/pages/marketing/integral/record/index.vue   | 1 +
 .../src/pages/marketing/integral/statistics/index.vue     | 1 +
 frontend/admin/src/pages/order/afterSale/index.vue        | 3 ++-
 frontend/admin/src/pages/order/invoice/index.vue          | 1 +
 frontend/admin/src/pages/order/offline/index.vue          | 1 +
 frontend/admin/src/pages/order/orderCenter/index.vue      | 3 ++-
 .../admin/src/pages/plugin/normal/statistic/Index.vue     | 8 +++++++-
 frontend/admin/src/pages/plugin/virtual/product/List.vue  | 1 +
 frontend/admin/src/pages/product/productReply/index.vue   | 1 +
 frontend/admin/src/pages/statistic/balance/index.vue      | 1 +
 frontend/admin/src/pages/statistic/integral/index.vue     | 1 +
 frontend/admin/src/pages/statistic/order/index.vue        | 1 +
 .../statistic/transaction/components/transaction.vue      | 1 +
 .../admin/src/pages/system/maintain/systemLog/index.vue   | 1 +
 .../admin/src/pages/user/member/pages/offline/index.vue   | 1 +
 .../admin/src/pages/user/member/pages/record/index.vue    | 1 +
 28 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/frontend/admin/src/components/SchemaPage/components/SchemaSearchBar.vue b/frontend/admin/src/components/SchemaPage/components/SchemaSearchBar.vue
index 23dbb7305..a334be838 100644
--- a/frontend/admin/src/components/SchemaPage/components/SchemaSearchBar.vue
+++ b/frontend/admin/src/components/SchemaPage/components/SchemaSearchBar.vue
@@ -50,7 +50,7 @@
       </el-form-item>
       <!-- 日期范围（提交时拆分为 {field}_start / {field}_end；统一走全局 dateRangePicker，内置快捷项） -->
       <el-form-item v-else-if="field.type === 'daterange'" :label="field.label">
-        <date-range-picker v-model="rangeModel[field.field]" value-format="YYYY-MM-DD" />
+        <date-range-picker v-model="rangeModel[field.field]" width="200px" value-format="YYYY-MM-DD" />
       </el-form-item>
       <!-- 未知类型按文本输入降级渲染 -->
       <el-form-item v-else :label="field.label">
diff --git a/frontend/admin/src/components/dateRangePicker/index.vue b/frontend/admin/src/components/dateRangePicker/index.vue
index 7ff84f897..bd70bc4c0 100644
--- a/frontend/admin/src/components/dateRangePicker/index.vue
+++ b/frontend/admin/src/components/dateRangePicker/index.vue
@@ -19,7 +19,8 @@
 /**
  * 日期范围选择器（全局封装）
  * @description 时间搜索统一入口：内置系统快捷项（今天/昨天/本月/上月/最近N天/本年/去年，来自 libs/timeOptions），
- * 默认宽度 320px（范围日期实际观感略宽于 280px 基准）并强制 flex-grow:0——EP 的 .el-input__wrapper 自带 flex-grow:1，
+ * 默认宽度 220px（弹窗等非筛选场景）；筛选行消费方一律显式传 width 对齐同行控件（250px 基准），
+ * 并强制 flex-grow:0——EP 的 .el-input__wrapper 自带 flex-grow:1，
  * 不压制会在 flex 搜索行内被拉伸占满。
  * 弹层定位：placement 默认 bottom-start（左对齐），并开启 preventOverflow 的 altAxis——
  * 视口右侧放不下时弹层被推回、右缘贴齐视口（等效右对齐），左侧溢出同理兜底；
@@ -33,8 +34,8 @@ defineOptions({ name: 'DateRangePicker', inheritAttrs: false });
 
 defineProps({
   modelValue: { type: Array, default: () => [] },
-  /** 选择器宽度，传空串则不设置（由外部样式控制）；默认对齐筛选控件基准宽 */
-  width: { type: String, default: '320px' },
+  /** 选择器宽度，传空串则不设置（由外部样式控制）；筛选行请显式传 width 对齐同行控件 */
+  width: { type: String, default: '220px' },
 });
 
 const emit = defineEmits(['update:modelValue', 'change']);
diff --git a/frontend/admin/src/components/publicSearchFrom/index.vue b/frontend/admin/src/components/publicSearchFrom/index.vue
index a77118901..8af99d25c 100644
--- a/frontend/admin/src/components/publicSearchFrom/index.vue
+++ b/frontend/admin/src/components/publicSearchFrom/index.vue
@@ -17,7 +17,12 @@
         </el-col>
         <el-col v-if="item.custom">
           <el-form-item class="tab_data">
-            <date-range-picker :editable="false" value-format="YYYY/MM/DD" range-separator="-"></date-range-picker>
+            <date-range-picker
+              width="250px"
+              :editable="false"
+              value-format="YYYY/MM/DD"
+              range-separator="-"
+            ></date-range-picker>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/frontend/admin/src/components/searchFrom/searchFrom.vue b/frontend/admin/src/components/searchFrom/searchFrom.vue
index 600b3ed99..8768e9599 100644
--- a/frontend/admin/src/components/searchFrom/searchFrom.vue
+++ b/frontend/admin/src/components/searchFrom/searchFrom.vue
@@ -32,6 +32,7 @@
           <el-col v-bind="grid">
             <el-form-item class="tab_data">
               <date-range-picker
+                width="250px"
                 :editable="false"
                 v-model="value2"
                 value-format="YYYY/MM/DD"
diff --git a/frontend/admin/src/pages/crud/index.vue b/frontend/admin/src/pages/crud/index.vue
index cfc661c4f..c10e25534 100644
--- a/frontend/admin/src/pages/crud/index.vue
+++ b/frontend/admin/src/pages/crud/index.vue
@@ -19,6 +19,7 @@
               class="form_content_width"
             />
             <date-range-picker
+              width="250px"
               v-else-if="item.type === 'date-picker'"
               :editable="false"
               clearabl
diff --git a/frontend/admin/src/pages/finance/balance/index.vue b/frontend/admin/src/pages/finance/balance/index.vue
index 9ae8d69f8..30d2237b8 100644
--- a/frontend/admin/src/pages/finance/balance/index.vue
+++ b/frontend/admin/src/pages/finance/balance/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="订单时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/finance/billingRecords/index.vue b/frontend/admin/src/pages/finance/billingRecords/index.vue
index e272b03d3..a3e728351 100644
--- a/frontend/admin/src/pages/finance/billingRecords/index.vue
+++ b/frontend/admin/src/pages/finance/billingRecords/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="创建时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/finance/capitalFlow/index.vue b/frontend/admin/src/pages/finance/capitalFlow/index.vue
index dae63e121..44691974a 100644
--- a/frontend/admin/src/pages/finance/capitalFlow/index.vue
+++ b/frontend/admin/src/pages/finance/capitalFlow/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="订单时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/finance/commission/handle/commissionDetails.vue b/frontend/admin/src/pages/finance/commission/handle/commissionDetails.vue
index 8b1060c47..3b34e0eb2 100644
--- a/frontend/admin/src/pages/finance/commission/handle/commissionDetails.vue
+++ b/frontend/admin/src/pages/finance/commission/handle/commissionDetails.vue
@@ -26,6 +26,7 @@
           <el-col :span="12">
             <el-form-item label="时间范围：" class="tab_data">
               <date-range-picker
+                width="250px"
                 clearable
                 :editable="false"
                 @change="onchangeTime"
diff --git a/frontend/admin/src/pages/finance/financialRecords/bill/index.vue b/frontend/admin/src/pages/finance/financialRecords/bill/index.vue
index 7e87adcf9..1bec2864f 100644
--- a/frontend/admin/src/pages/finance/financialRecords/bill/index.vue
+++ b/frontend/admin/src/pages/finance/financialRecords/bill/index.vue
@@ -26,6 +26,7 @@
           <el-col :xl="6" :lg="12" :md="13" :sm="12" :xs="24">
             <el-form-item label="时间范围：" class="tab_data">
               <date-range-picker
+                width="250px"
                 clearable
                 :editable="false"
                 @change="onchangeTime"
diff --git a/frontend/admin/src/pages/finance/financialRecords/recharge/index.vue b/frontend/admin/src/pages/finance/financialRecords/recharge/index.vue
index ee00caa37..0e2cfe8ec 100644
--- a/frontend/admin/src/pages/finance/financialRecords/recharge/index.vue
+++ b/frontend/admin/src/pages/finance/financialRecords/recharge/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="时间选择：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/finance/userExtract/index.vue b/frontend/admin/src/pages/finance/userExtract/index.vue
index c8ef71831..205525705 100644
--- a/frontend/admin/src/pages/finance/userExtract/index.vue
+++ b/frontend/admin/src/pages/finance/userExtract/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="时间选择：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/marketing/integral/record/index.vue b/frontend/admin/src/pages/marketing/integral/record/index.vue
index 8d018d3f9..d29e2036a 100644
--- a/frontend/admin/src/pages/marketing/integral/record/index.vue
+++ b/frontend/admin/src/pages/marketing/integral/record/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="订单时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/marketing/integral/statistics/index.vue b/frontend/admin/src/pages/marketing/integral/statistics/index.vue
index 826673f0d..4860b3463 100644
--- a/frontend/admin/src/pages/marketing/integral/statistics/index.vue
+++ b/frontend/admin/src/pages/marketing/integral/statistics/index.vue
@@ -5,6 +5,7 @@
         <el-form :model="formValidate" label-width="80px" @submit.prevent inline>
           <el-form-item label="时间选择：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/order/afterSale/index.vue b/frontend/admin/src/pages/order/afterSale/index.vue
index 9c999dc1b..55c797560 100644
--- a/frontend/admin/src/pages/order/afterSale/index.vue
+++ b/frontend/admin/src/pages/order/afterSale/index.vue
@@ -53,6 +53,7 @@
           </el-form-item>
           <el-form-item label="申请时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               @change="onchangeTime"
@@ -437,7 +438,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .form_content_width {
-  width: 220px;
+  width: 250px;
 }
 
 .price {
diff --git a/frontend/admin/src/pages/order/invoice/index.vue b/frontend/admin/src/pages/order/invoice/index.vue
index 38d88125a..586850619 100644
--- a/frontend/admin/src/pages/order/invoice/index.vue
+++ b/frontend/admin/src/pages/order/invoice/index.vue
@@ -5,6 +5,7 @@
         <el-form :model="orderData" label-width="80px" label-position="right" inline @submit.prevent>
           <el-form-item label="创建时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/order/offline/index.vue b/frontend/admin/src/pages/order/offline/index.vue
index be19147e8..61cfd71b8 100644
--- a/frontend/admin/src/pages/order/offline/index.vue
+++ b/frontend/admin/src/pages/order/offline/index.vue
@@ -5,6 +5,7 @@
         <el-form :model="pagination" :label-width="labelWidth" :label-position="labelPosition" @submit.prevent inline>
           <el-form-item label="创建时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/order/orderCenter/index.vue b/frontend/admin/src/pages/order/orderCenter/index.vue
index f56831349..a80cd248f 100644
--- a/frontend/admin/src/pages/order/orderCenter/index.vue
+++ b/frontend/admin/src/pages/order/orderCenter/index.vue
@@ -53,6 +53,7 @@
           </el-form-item>
           <el-form-item label="创建时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               @change="onchangeTime"
@@ -535,7 +536,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .form_content_width {
-  width: 200px;
+  width: 250px;
 }
 
 .tab {
diff --git a/frontend/admin/src/pages/plugin/normal/statistic/Index.vue b/frontend/admin/src/pages/plugin/normal/statistic/Index.vue
index 8480bc4b1..21be96914 100644
--- a/frontend/admin/src/pages/plugin/normal/statistic/Index.vue
+++ b/frontend/admin/src/pages/plugin/normal/statistic/Index.vue
@@ -2,7 +2,13 @@
   <div class="normal-statistic" v-loading="loading">
     <el-card shadow="never" :bordered="false" class="filter-card">
       <div class="filter-row">
-        <date-range-picker v-model="timeValue" format="YYYY/MM/DD" value-format="YYYY/MM/DD" @change="changeTime" />
+        <date-range-picker
+          width="250px"
+          v-model="timeValue"
+          format="YYYY/MM/DD"
+          value-format="YYYY/MM/DD"
+          @change="changeTime"
+        />
         <el-button v-auth="['admin-normal-statistics-basic']" type="primary" v-db-click @click="loadData"
           >查询</el-button
         >
diff --git a/frontend/admin/src/pages/plugin/virtual/product/List.vue b/frontend/admin/src/pages/plugin/virtual/product/List.vue
index d4fe11f87..0e77ce06f 100644
--- a/frontend/admin/src/pages/plugin/virtual/product/List.vue
+++ b/frontend/admin/src/pages/plugin/virtual/product/List.vue
@@ -36,6 +36,7 @@
             <el-form-item label="添加时间">
               <date-range-picker
                 v-model="timeRange"
+                width="220px"
                 format="YYYY-MM-DD"
                 value-format="YYYY-MM-DD"
                 range-separator="~"
diff --git a/frontend/admin/src/pages/product/productReply/index.vue b/frontend/admin/src/pages/product/productReply/index.vue
index d8df06210..d851eb4fd 100644
--- a/frontend/admin/src/pages/product/productReply/index.vue
+++ b/frontend/admin/src/pages/product/productReply/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item label="评论时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               @change="onchangeTime"
diff --git a/frontend/admin/src/pages/statistic/balance/index.vue b/frontend/admin/src/pages/statistic/balance/index.vue
index 87bbd1554..afd629293 100644
--- a/frontend/admin/src/pages/statistic/balance/index.vue
+++ b/frontend/admin/src/pages/statistic/balance/index.vue
@@ -5,6 +5,7 @@
       <div class="acea-row row-middle">
         <span class="label_text">时间选择：</span>
         <date-range-picker
+          width="250px"
           clearable
           v-model="timeVal"
           :editable="false"
diff --git a/frontend/admin/src/pages/statistic/integral/index.vue b/frontend/admin/src/pages/statistic/integral/index.vue
index 7a9fa5b37..32d039f23 100644
--- a/frontend/admin/src/pages/statistic/integral/index.vue
+++ b/frontend/admin/src/pages/statistic/integral/index.vue
@@ -16,6 +16,7 @@
                 }}</el-radio-button>
               </el-radio-group>
               <date-range-picker
+                width="250px"
                 :editable="false"
                 clearable
                 @change="onchangeTime"
diff --git a/frontend/admin/src/pages/statistic/order/index.vue b/frontend/admin/src/pages/statistic/order/index.vue
index 315d6a4dd..86f927b3a 100644
--- a/frontend/admin/src/pages/statistic/order/index.vue
+++ b/frontend/admin/src/pages/statistic/order/index.vue
@@ -4,6 +4,7 @@
       <div class="acea-row row-middle">
         <span class="label_text">时间选择：</span>
         <date-range-picker
+          width="250px"
           clearable
           v-model="timeVal"
           :editable="false"
diff --git a/frontend/admin/src/pages/statistic/transaction/components/transaction.vue b/frontend/admin/src/pages/statistic/transaction/components/transaction.vue
index 35ee5eb70..dac6282c5 100644
--- a/frontend/admin/src/pages/statistic/transaction/components/transaction.vue
+++ b/frontend/admin/src/pages/statistic/transaction/components/transaction.vue
@@ -41,6 +41,7 @@
       </div>
       <div class="acea-row">
         <date-range-picker
+          width="250px"
           clearable
           v-model="timeVal"
           :editable="false"
diff --git a/frontend/admin/src/pages/system/maintain/systemLog/index.vue b/frontend/admin/src/pages/system/maintain/systemLog/index.vue
index 4124eb313..edf8b244a 100644
--- a/frontend/admin/src/pages/system/maintain/systemLog/index.vue
+++ b/frontend/admin/src/pages/system/maintain/systemLog/index.vue
@@ -12,6 +12,7 @@
         >
           <el-form-item :label="fromList.title + '：'">
             <date-range-picker
+              width="250px"
               clearable
               :editable="false"
               @change="onchangeTime"
diff --git a/frontend/admin/src/pages/user/member/pages/offline/index.vue b/frontend/admin/src/pages/user/member/pages/offline/index.vue
index b4e4b194b..bfa19b82e 100644
--- a/frontend/admin/src/pages/user/member/pages/offline/index.vue
+++ b/frontend/admin/src/pages/user/member/pages/offline/index.vue
@@ -5,6 +5,7 @@
         <el-form :model="pagination" :label-width="labelWidth" :label-position="labelPosition" @submit.prevent inline>
           <el-form-item label="创建时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"
diff --git a/frontend/admin/src/pages/user/member/pages/record/index.vue b/frontend/admin/src/pages/user/member/pages/record/index.vue
index e17c5249b..65555eb4d 100644
--- a/frontend/admin/src/pages/user/member/pages/record/index.vue
+++ b/frontend/admin/src/pages/user/member/pages/record/index.vue
@@ -22,6 +22,7 @@
           </el-form-item>
           <el-form-item label="购买时间：">
             <date-range-picker
+              width="250px"
               clearable
               v-model="timeVal"
               :editable="false"