优化退款的month列宽

src/views/moneyManage/receiveDetail/receiveService.vue

@@ -339,11 +339,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 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="margin-bottom: 15px; ">
                         <div style=" display: flex; ">
@@ -1808,6 +1810,21 @@ onMounted(async () => {
         min-width: 92px;
         flex: 0 0 92px;
     }
+
+    .refund-product-num-row {
+        width: 10vw;
+        min-width: 170px;
+    }
+
+    .refund-product-num-input {
+        min-width: 0;
+    }
+
+    .refund-product-unit-select {
+        width: 72px;
+        min-width: 72px;
+        flex: 0 0 72px;
+    }
 }
 
 // 表单卡片样式