From 917952add28a416d940228f15b7fad8454e4dc46 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Thu, 16 Apr 2026 15:43:04 +0800
Subject: [PATCH] =?UTF-8?q?month=E5=8A=A0=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../moneyManage/receiveDetail/receiveFinance.vue   | 82 +++++++++++++++++++---
 .../moneyManage/receiveDetail/receiveHead.vue      | 80 ++++++++++++++++++---
 .../moneyManage/receiveDetail/receiveManage.vue    | 82 +++++++++++++++++++---
 .../moneyManage/receiveDetail/receiveService.vue   | 46 +++++++++---
 4 files changed, 251 insertions(+), 39 deletions(-)

diff --git a/src/views/moneyManage/receiveDetail/receiveFinance.vue b/src/views/moneyManage/receiveDetail/receiveFinance.vue
index 622e587..e64cf21 100644
--- a/src/views/moneyManage/receiveDetail/receiveFinance.vue
+++ b/src/views/moneyManage/receiveDetail/receiveFinance.vue
@@ -521,8 +521,8 @@
 
         <!-- 新增退款 -->
         <el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
-            style="width: 40vw;" :before-close="closeRefundForm">
-            <div style="display: flex;">
+            style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
+            <div class="refund-dialog-body">
                 <div class="left">
                     <div class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@@ -546,11 +546,13 @@
                     </div>
                     <div v-show="!isRefundGold" class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
-                        <el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
-                            :placeholder="t('common_add.productNumPlaceholder')" disabled />
-                        <CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
-                            style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')"
-                            @change="handleCurrencyChange" />
+                        <div class="product-num-row refund-product-num-row">
+                            <el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
+                                :placeholder="t('common_add.productNumPlaceholder')" disabled />
+                            <CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
+                                class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')"
+                                @change="handleCurrencyChange" />
+                        </div>
                     </div>
                     <div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
                         <div style=" display: flex; align-items: center;justify-content: center; ">
@@ -1840,15 +1842,22 @@ onBeforeUnmount(() => {
     }
 
     .refundDialog {
+        .refund-dialog-body {
+            display: flex;
+            gap: 24px;
+        }
+
         .left {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 70vh;
             min-height: 700px;
-            padding: 0 2vw;
+            padding: 0 12px 0 0;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
 
@@ -1859,15 +1868,68 @@ onBeforeUnmount(() => {
         }
 
         .right {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 50vh;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
         }
+
+        .add-item>span,
+        .add-item>.el-text {
+            width: 110px !important;
+            min-width: 110px;
+            flex-shrink: 0;
+            white-space: nowrap;
+        }
+
+        .add-item>.el-input,
+        .add-item>.el-date-editor,
+        .add-item>.el-form-item,
+        .add-item>.el-radio-group {
+            flex: 1;
+            min-width: 0;
+        }
+    }
+
+    .product-num-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+    }
+
+    .product-num-input {
+        flex: 1;
+        min-width: 0;
+        padding-right: 0;
+    }
+
+    .product-unit-select {
+        width: 92px;
+        min-width: 92px;
+        flex: 0 0 92px;
+    }
+
+    .refund-product-num-row {
+        width: 100%;
+        max-width: 260px;
+        min-width: 220px;
+    }
+
+    .refund-product-num-input {
+        min-width: 0;
+    }
+
+    .refund-product-unit-select {
+        width: 96px;
+        min-width: 96px;
+        flex: 0 0 96px;
     }
 }
 
diff --git a/src/views/moneyManage/receiveDetail/receiveHead.vue b/src/views/moneyManage/receiveDetail/receiveHead.vue
index 3994d02..37a5790 100644
--- a/src/views/moneyManage/receiveDetail/receiveHead.vue
+++ b/src/views/moneyManage/receiveDetail/receiveHead.vue
@@ -368,8 +368,8 @@
 
         <!-- 新增退款 -->
         <el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
-            style="width: 40vw;" :before-close="closeRefundForm">
-            <div style="display: flex;">
+            style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
+            <div class="refund-dialog-body">
                 <div class="left">
                     <div class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@@ -393,10 +393,12 @@
                     </div>
                     <div v-show="!isRefundGold" class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
-                        <el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
-                            :placeholder="t('common_add.productNumPlaceholder')" disabled />
-                        <CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
-                            style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')" />
+                        <div class="product-num-row refund-product-num-row">
+                            <el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
+                                :placeholder="t('common_add.productNumPlaceholder')" disabled />
+                            <CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
+                                class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')" />
+                        </div>
                     </div>
                     <div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
                         <div style=" display: flex; align-items: center;justify-content: center; ">
@@ -1572,15 +1574,22 @@ onBeforeUnmount(() => {
     }
 
     .refundDialog {
+        .refund-dialog-body {
+            display: flex;
+            gap: 24px;
+        }
+
         .left {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 70vh;
             min-height: 700px;
-            padding: 0 2vw;
+            padding: 0 12px 0 0;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
 
@@ -1591,15 +1600,68 @@ onBeforeUnmount(() => {
         }
 
         .right {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 50vh;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
         }
+
+        .add-item>span,
+        .add-item>.el-text {
+            width: 110px !important;
+            min-width: 110px;
+            flex-shrink: 0;
+            white-space: nowrap;
+        }
+
+        .add-item>.el-input,
+        .add-item>.el-date-editor,
+        .add-item>.el-form-item,
+        .add-item>.el-radio-group {
+            flex: 1;
+            min-width: 0;
+        }
+    }
+
+    .product-num-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+    }
+
+    .product-num-input {
+        flex: 1;
+        min-width: 0;
+        padding-right: 0;
+    }
+
+    .product-unit-select {
+        width: 92px;
+        min-width: 92px;
+        flex: 0 0 92px;
+    }
+
+    .refund-product-num-row {
+        width: 100%;
+        max-width: 260px;
+        min-width: 220px;
+    }
+
+    .refund-product-num-input {
+        min-width: 0;
+    }
+
+    .refund-product-unit-select {
+        width: 96px;
+        min-width: 96px;
+        flex: 0 0 96px;
     }
 }
 
diff --git a/src/views/moneyManage/receiveDetail/receiveManage.vue b/src/views/moneyManage/receiveDetail/receiveManage.vue
index f6c807e..652bd15 100644
--- a/src/views/moneyManage/receiveDetail/receiveManage.vue
+++ b/src/views/moneyManage/receiveDetail/receiveManage.vue
@@ -521,8 +521,8 @@
 
         <!-- 新增退款 -->
         <el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
-            style="width: 40vw;" :before-close="closeRefundForm">
-            <div style="display: flex;">
+            style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
+            <div class="refund-dialog-body">
                 <div class="left">
                     <div class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@@ -546,11 +546,13 @@
                     </div>
                     <div v-show="!isRefundGold" class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
-                        <el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
-                            :placeholder="t('common_add.productNumPlaceholder')" disabled />
-                        <CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
-                            style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')"
-                            @change="handleCurrencyChange" />
+                        <div class="product-num-row refund-product-num-row">
+                            <el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
+                                :placeholder="t('common_add.productNumPlaceholder')" disabled />
+                            <CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
+                                class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')"
+                                @change="handleCurrencyChange" />
+                        </div>
                     </div>
                     <div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
                         <div style=" display: flex; align-items: center;justify-content: center; ">
@@ -1839,15 +1841,22 @@ onBeforeUnmount(() => {
     }
 
     .refundDialog {
+        .refund-dialog-body {
+            display: flex;
+            gap: 24px;
+        }
+
         .left {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 70vh;
             min-height: 700px;
-            padding: 0 2vw;
+            padding: 0 12px 0 0;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
 
@@ -1858,15 +1867,68 @@ onBeforeUnmount(() => {
         }
 
         .right {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 50vh;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
         }
+
+        .add-item>span,
+        .add-item>.el-text {
+            width: 110px !important;
+            min-width: 110px;
+            flex-shrink: 0;
+            white-space: nowrap;
+        }
+
+        .add-item>.el-input,
+        .add-item>.el-date-editor,
+        .add-item>.el-form-item,
+        .add-item>.el-radio-group {
+            flex: 1;
+            min-width: 0;
+        }
+    }
+
+    .product-num-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+    }
+
+    .product-num-input {
+        flex: 1;
+        min-width: 0;
+        padding-right: 0;
+    }
+
+    .product-unit-select {
+        width: 92px;
+        min-width: 92px;
+        flex: 0 0 92px;
+    }
+
+    .refund-product-num-row {
+        width: 100%;
+        max-width: 260px;
+        min-width: 220px;
+    }
+
+    .refund-product-num-input {
+        min-width: 0;
+    }
+
+    .refund-product-unit-select {
+        width: 96px;
+        min-width: 96px;
+        flex: 0 0 96px;
     }
 }
 
diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
index 74b74a3..4db14f4 100644
--- a/src/views/moneyManage/receiveDetail/receiveService.vue
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -314,8 +314,8 @@
 
         <!-- 客服新增退款弹窗 -->
         <el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
-            style="width: 40vw;" :before-close="closeRefundForm">
-            <div style="display: flex;">
+            style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
+            <div class="refund-dialog-body">
                 <div class="left">
                     <div class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@@ -1755,15 +1755,22 @@ onMounted(async () => {
     :deep(.refundDialog) {
         background: #F3FAFE !important;
 
+        .refund-dialog-body {
+            display: flex;
+            gap: 24px;
+        }
+
         .left {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 70vh;
             min-height: 700px;
-            padding: 0 2vw;
+            padding: 0 12px 0 0;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
 
@@ -1774,15 +1781,33 @@ onMounted(async () => {
         }
 
         .right {
-            width: 50%;
+            flex: 1;
+            min-width: 0;
             height: 50vh;
 
             .add-item {
                 display: flex;
                 align-items: center;
+                gap: 12px;
                 margin-bottom: 1vh;
             }
         }
+
+        .add-item>span,
+        .add-item>.el-text {
+            width: 110px !important;
+            min-width: 110px;
+            flex-shrink: 0;
+            white-space: nowrap;
+        }
+
+        .add-item>.el-input,
+        .add-item>.el-date-editor,
+        .add-item>.el-form-item,
+        .add-item>.el-radio-group {
+            flex: 1;
+            min-width: 0;
+        }
     }
 
     :deep(.adddialog .el-form-item__label) {
@@ -1812,8 +1837,9 @@ onMounted(async () => {
     }
 
     .refund-product-num-row {
-        width: 10vw;
-        min-width: 170px;
+        width: 100%;
+        max-width: 260px;
+        min-width: 220px;
     }
 
     .refund-product-num-input {
@@ -1821,9 +1847,9 @@ onMounted(async () => {
     }
 
     .refund-product-unit-select {
-        width: 72px;
-        min-width: 72px;
-        flex: 0 0 72px;
+        width: 96px;
+        min-width: 96px;
+        flex: 0 0 96px;
     }
 }