diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
index 0e08c8b..4e44938 100644
--- a/src/views/moneyManage/receiveDetail/receiveService.vue
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -226,11 +226,11 @@
                         @change="handleProductChange(addFormData.goodsName)"></ProductSelect>
                 </el-form-item>
                 <el-form-item v-show="!isGold" :label="t('common_add.productNum')" required>
-                    <div style="display: flex;">
-                        <el-input style="padding-right: 30px; flex: 3;" v-model="addFormData.goodNum"
+                    <div class="product-num-row">
+                        <el-input class="product-num-input" v-model="addFormData.goodNum"
                             :placeholder="t('common_add.productNumPlaceholder')" 
                             @input="handleFieldInput('goodNum')"/>
-                        <CurrencySelect v-model="addFormData.numUnit" :items="numUnitList" style="flex: 1.5;"
+                        <CurrencySelect v-model="addFormData.numUnit" :items="numUnitList" class="product-unit-select"
                             :placeholder="t('common_add.numUnit')" @change="handleCurrencyChange" />
                     </div>
                 </el-form-item>
@@ -1789,6 +1789,25 @@ onMounted(async () => {
         font-weight: 800;
         padding-bottom: 15px;
     }
+
+    .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;
+    }
 }
 
 // 表单卡片样式
diff --git a/src/views/moneyManage/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
index e677f47..3ad1c38 100644
--- a/src/views/moneyManage/refundDetail/refundService.vue
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -155,8 +155,10 @@
                 </div>
                 <div class="add-item" v-if="editRow.goodsName !== t('cash.coinRecharge')">
                     <el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
-                    <el-input v-model="editRow.goodsNum" style="width:10vw;" disabled />
-                    &nbsp;{{ editRow.numUnit }}
+                    <div class="product-num-display">
+                        <el-input v-model="editRow.goodsNum" class="product-num-value" disabled />
+                        <span class="product-unit-text">{{ editRow.numUnit }}</span>
+                    </div>
                 </div>
                 <div class="add-item" v-if="editRow.goodsName == t('cash.coinRecharge')">
                     <el-text style="width:4vw;">{{ t('refund.permanentGold') }}</el-text>
@@ -755,6 +757,25 @@ onMounted(() => {
             margin-bottom: 1vh;
         }
     }
+
+    .product-num-display {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 12vw;
+        min-width: 170px;
+    }
+
+    .product-num-value {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .product-unit-text {
+        min-width: 56px;
+        white-space: nowrap;
+        color: #606266;
+    }
 }
 
 .back-dialog {