From 7daa98d89532072d59a858ec8cf8345e04fbb06c Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Sun, 25 Jan 2026 17:04:54 +0800
Subject: [PATCH] =?UTF-8?q?style(moneyManage):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=9D=A1=E4=BB=B6=E5=B8=83=E5=B1=80=E4=B8=8E=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 统一调整搜索条件标签宽度，避免文本截断
- 重构退款详情页搜索区域为两行布局，改善视觉层次
- 增加搜索区域整体宽度，优化按钮间距
---
 src/views/moneyManage/executor/executor.vue        | 22 +++---
 .../moneyManage/refundDetail/refundCharge.vue      | 91 +++++++++++++---------
 .../moneyManage/refundDetail/refundFinance.vue     | 81 ++++++++++---------
 .../moneyManage/refundDetail/refundHeader.vue      | 84 ++++++++++++--------
 4 files changed, 162 insertions(+), 116 deletions(-)

diff --git a/src/views/moneyManage/executor/executor.vue b/src/views/moneyManage/executor/executor.vue
index 3398999..4c44c81 100644
--- a/src/views/moneyManage/executor/executor.vue
+++ b/src/views/moneyManage/executor/executor.vue
@@ -2,25 +2,25 @@
   <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
     <div class="condition1">
       <div class="search">
-        <el-text size="large" style="width:4vw;">{{ t('common.name') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.name') }}</el-text>
         <el-input v-model="searchForm.name" :placeholder="t('common.pleaseInputName')" style="width:9vw;" clearable />
       </div>
       <div class="search">
-        <el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.jwcode') }}</el-text>
         <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;"
           clearable />
       </div>
       <div class="search">
-        <el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.productName') }}</el-text>
         <el-cascader v-model="searchForm.goodsName" :props="{ multiple: false, emitPath: false }" :show-all-levels="false" collapse-tags collapse-tags-tooltip :options="productList" style="width: 10vw;" :placeholder="t('common.productNamePlaceholder')" clearable />
       </div>
       <div class="search" v-if="adminData.markets === t('common.markets.headquarter')">
-        <el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.market') }}</el-text>
         <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market"
           :placeholder="t('common.marketPlaceholder')" clearable />
       </div>
       <div class="search">
-        <el-text size="large" style="width:4vw;">{{ t('common.refundCurrency') }}</el-text>
+        <el-text size="large" style="width:9vw;">{{ t('common.refundCurrency') }}</el-text>
         <el-select v-model="searchForm.refundCurrency" style="width:9vw;" clearable>
           <el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
         </el-select>
@@ -28,19 +28,19 @@
     </div>
     <div class="condition1">
       <div class="search2">
-        <el-text size="large" style="width:4vw;">{{ t('common.refundMethod') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.refundMethod') }}</el-text>
         <el-select v-model="searchForm.refundChannels" style="width:9vw;" clearable>
           <el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
         </el-select>
       </div>
       <div class="search2">
-        <el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
+        <el-text size="large" style="width:7vw;">{{ t('common.orderStatus') }}</el-text>
         <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
           <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
         </el-select>
       </div>
-      <div class="search2" style="width: 25.5vw;">
-        <el-text size="large" style="width:4vw;">{{ t('common.refundTime') }}</el-text>
+      <div class="search2" style="width: 27.5vw;">
+        <el-text size="large" style="width:6.5vw;">{{ t('common.refundTime') }}</el-text>
         <el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')"
           :start-placeholder="t('common.startTime')" :end-placeholder="t('common.endTime')" style="width:18vw;"
           clearable :disabled-date="disabledDate" :default-time="defaultTime" />
@@ -600,7 +600,7 @@ onMounted(() => {
   height: 4vh;
 
   .search {
-    width: 18%;
+    width: 19%;
     display: flex;
     align-items: center;
     margin-bottom: 1vh;
@@ -608,7 +608,7 @@ onMounted(() => {
   }
 
   .search2 {
-    width: 18%;
+    width: 19%;
     display: flex;
     align-items: center;
     margin-right: 0.5vw;
diff --git a/src/views/moneyManage/refundDetail/refundCharge.vue b/src/views/moneyManage/refundDetail/refundCharge.vue
index 0cd3488..e481f0c 100644
--- a/src/views/moneyManage/refundDetail/refundCharge.vue
+++ b/src/views/moneyManage/refundDetail/refundCharge.vue
@@ -2,39 +2,42 @@
 <template>
     <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
-                <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;"
-                    clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
-                <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')"
-                    style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
-                    :placeholder="t('common.productNamePlaceholder')" clearable />
-            </div>
-            <div class="item1" v-if="isHeadquarters">
-                <el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market"
-                    :placeholder="t('common.marketPlaceholder')" clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;"
-                    :placeholder="t('common.orderStatusPlaceholder')" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
+            <div class="condition-row">
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.jwcode') }}</el-text>
+                    <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;"
+                        clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.customerName') }}</el-text>
+                    <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')"
+                        style="width:9vw;" clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.productName') }}</el-text>
+                    <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
+                        :placeholder="t('common.productNamePlaceholder')" clearable />
+                </div>
             </div>
-
-             <div style="margin-left: 2vw;">
-                <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
-                <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
-                <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
-                <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+            <div class="condition-row">
+                <div class="item1" v-if="isHeadquarters">
+                    <el-text size="large" style="width:6vw;">{{ t('common.market') }}</el-text>
+                    <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market"
+                        :placeholder="t('common.marketPlaceholder')" clearable @change="handleMarketChange" />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.orderStatus') }}</el-text>
+                    <el-select v-model="searchForm.statuses" style="width:9vw;"
+                        :placeholder="t('common.orderStatusPlaceholder')" clearable>
+                        <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
+                    </el-select>
+                </div>
+                <div class="condition-actions">
+                    <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
+                    <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
+                    <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
+                    <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+                </div>
             </div>
         </div>
 
@@ -803,16 +806,17 @@ onMounted(() => {
 }
 
 .condition {
-    width: 82vw;
+    width: 90vw;
     display: flex;
-    align-items: center;
-    height: 4vh;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.8vh;
 
     .item1 {
-        width: 15%;
+        width: 16%;
         display: flex;
         align-items: center;
-        margin-right: 0.5vw;
+        margin-right: 1vw;
     }
 
     .item2 {
@@ -821,6 +825,19 @@ onMounted(() => {
         align-items: center;
         margin-right: 0.5vw;
     }
+
+    .condition-row {
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
+
+    .condition-actions {
+        margin-left: 2vw;
+        display: flex;
+        align-items: center;
+        gap: 0.5vw;
+    }
 }
 
 .audit1 {
diff --git a/src/views/moneyManage/refundDetail/refundFinance.vue b/src/views/moneyManage/refundDetail/refundFinance.vue
index 2c26cad..2c92417 100644
--- a/src/views/moneyManage/refundDetail/refundFinance.vue
+++ b/src/views/moneyManage/refundDetail/refundFinance.vue
@@ -2,35 +2,39 @@
 <template>
     <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
-                <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
-                <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
-            </div>
-            <div class="item1" v-if="isHeadquarters">
-                <el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
-                    clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
+            <div class="condition-row">
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.jwcode') }}</el-text>
+                    <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.customerName') }}</el-text>
+                    <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.productName') }}</el-text>
+                    <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
+                </div>
             </div>
+            <div class="condition-row">
+                <div class="item1" v-if="isHeadquarters">
+                    <el-text size="large" style="width:6vw;">{{ t('common.market') }}</el-text>
+                    <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
+                        clearable @change="handleMarketChange" />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.orderStatus') }}</el-text>
+                    <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
+                        <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
+                    </el-select>
+                </div>
 
-             <div class="btns" style="margin-left: 2vw;">
-                <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
-                <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
-                <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
-                <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+                <div class="condition-actions">
+                    <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
+                    <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
+                    <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
+                    <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+                </div>
             </div>
         </div>
  
@@ -775,16 +779,17 @@ onMounted(() => {
 }
 
 .condition {
-    width: 82vw;
+    width: 90vw;
     display: flex;
-    align-items: center;
-    height: 4vh;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.8vh;
 
     .item1 {
-        width: 15%;
+        width: 16%;
         display: flex;
         align-items: center;
-        margin-right: 0.5vw;
+        margin-right: 1vw;
     }
 
     .item2 {
@@ -794,11 +799,17 @@ onMounted(() => {
         margin-right: 0.5vw;
     }
 
-    .btns {
+    .condition-row {
         display: flex;
         align-items: center;
-        margin-right: 0.5vw;
-        margin-right: 60px;
+        width: 100%;
+    }
+
+    .condition-actions {
+        margin-left: 2vw;
+        display: flex;
+        align-items: center;
+        gap: 0.5vw;
     }
 }
 
diff --git a/src/views/moneyManage/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
index 22da8e6..5a1fb40 100644
--- a/src/views/moneyManage/refundDetail/refundHeader.vue
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -2,35 +2,39 @@
 <template>
     <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
         <div class="condition">
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
-                <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
-                <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
-                    :placeholder="t('common.productNamePlaceholder')" clearable />
-            </div>
-            <div class="item1" v-if="isHeadquarters">
-                <el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
-                    clearable @change="handleMarketChange" />
-            </div>
-            <div class="item1">
-                <el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="t('common.orderStatusPlaceholder')" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
+            <div class="condition-row">
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.jwcode') }}</el-text>
+                    <el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.customerName') }}</el-text>
+                    <el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.productName') }}</el-text>
+                    <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
+                        :placeholder="t('common.productNamePlaceholder')" clearable />
+                </div>
             </div>
-               <div style="margin-left: 2vw;">
-                <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
-                <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
-                <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
-                <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+            <div class="condition-row">
+                <div class="item1" v-if="isHeadquarters">
+                    <el-text size="large" style="width:6vw;">{{ t('common.market') }}</el-text>
+                    <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
+                        clearable @change="handleMarketChange" />
+                </div>
+                <div class="item1">
+                    <el-text size="large" style="width:6vw;">{{ t('common.orderStatus') }}</el-text>
+                    <el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="t('common.orderStatusPlaceholder')" clearable>
+                        <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
+                    </el-select>
+                </div>
+                <div class="condition-actions">
+                    <el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
+                    <el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
+                    <el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
+                    <el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
+                </div>
             </div>
         </div>
        
@@ -843,16 +847,17 @@ onMounted(() => {
 }
 
 .condition {
-    width: 82vw;
+    width: 90vw;
     display: flex;
-    align-items: center;
-    height: 4vh;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.8vh;
 
     .item1 {
-        width: 15%;
+        width: 16%;
         display: flex;
         align-items: center;
-        margin-right: 0.5vw;
+        margin-right: 1vw;
     }
 
     .item2 {
@@ -861,6 +866,19 @@ onMounted(() => {
         align-items: center;
         margin-right: 0.5vw;
     }
+
+    .condition-row {
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
+
+    .condition-actions {
+        margin-left: 2vw;
+        display: flex;
+        align-items: center;
+        gap: 0.5vw;
+    }
 }
 
 .audit1 {