修改表格宽度

src/views/moneyManage/receiveDetail/receiveService.vue

@@ -347,20 +347,14 @@
                                 @change="handleCurrencyChange" />
                         </div>
                     </div>
-                    <div v-show="isRefundGold" style="margin-bottom: 15px; ">
-                        <div style=" display: flex; ">
-                            <span
-                                style="color: #999999; display: flex; white-space: nowrap;align-items: center;width:4vw;">{{
-                                    t('common_add.permanentGold') }}：</span>
-                            <el-input style="padding-right: 10px;  height: 30px; width: 110px; margin-bottom: 10px"
-                                v-model="refundFormData.permanentGold" disabled />
+                    <div v-show="isRefundGold" class="gold-value-group">
+                        <div class="gold-value-row">
+                            <span class="gold-value-label">{{ t('common_add.permanentGold') }}：</span>
+                            <el-input class="gold-value-input" v-model="refundFormData.permanentGold" disabled />
                         </div>
-                        <div style="padding-right: 5px; display: flex;">
-                            <span
-                                style="color: #999999; display: flex; white-space: nowrap;align-items: center;width:4vw;">{{
-                                    t('common_add.freeGold') }}：</span>
-                            <el-input style="padding-right: 10px;  height: 30px; width: 110px;"
-                                v-model="refundFormData.freeGold" disabled />
+                        <div class="gold-value-row">
+                            <span class="gold-value-label">{{ t('common_add.freeGold') }}：</span>
+                            <el-input class="gold-value-input" v-model="refundFormData.freeGold" disabled />
                         </div>
                     </div>
                     <div class="add-item">
@@ -413,19 +407,25 @@
                     <div class="add-item"
                         v-show="refundFormData.goodsName === t('cash.coinRecharge') && refundFormData.refundModel === '1'">
                         <el-text style="width:4vw;">{{ t('common_add.permanentGold') }}</el-text>
-                        <el-input v-model="refundFormData.partRefundGold" style="width:5vw;" />&nbsp;&nbsp;{{ t('cash.unit') }}
+                        <div class="refund-gold-input-wrap">
+                            <el-input class="refund-gold-input" v-model="refundFormData.partRefundGold" />
+                            <span class="refund-gold-unit">{{ t('cash.unit') }}</span>
+                        </div>
                     </div>
                     <div class="add-item"
                         v-show="refundFormData.goodsName === t('cash.coinRecharge') && refundFormData.refundModel === '1'">
                         <el-text style="width:4vw;">{{ t('common_add.freeGold') }}</el-text>
-                        <el-input v-model="refundFormData.partRefundFree" style="width:5vw;" />&nbsp;&nbsp;{{ t('cash.unit') }}
+                        <div class="refund-gold-input-wrap">
+                            <el-input class="refund-gold-input" v-model="refundFormData.partRefundFree" />
+                            <span class="refund-gold-unit">{{ t('cash.unit') }}</span>
+                        </div>
                     </div>
                     <div class="add-item">
                         <el-text style="width:4vw;">{{ t('common_add.refundReason') }}</el-text>
                         <el-input v-model="refundFormData.refundReason" style="width:10vw;" :rows="5" maxlength="150"
                             show-word-limit type="textarea" />
                     </div>
-                    <div>{{ t('common_add.tip') }}</div>
+                    <div class="refund-tip">{{ t('common_add.tip') }}</div>
                     <div style="display:flex;justify-content: center;margin-top: 5vh;">
                         <el-button type="default" @click="closeRefundForm">{{ t('common.cancel') }}</el-button>
                         <el-button type="primary" @click="throttledsubmitRefund">{{ t('common.submit') }}</el-button>
@@ -1808,6 +1808,57 @@ onMounted(async () => {
             flex: 1;
             min-width: 0;
         }
+
+        .gold-value-group {
+            margin-bottom: 15px;
+        }
+
+        .gold-value-row {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-bottom: 10px;
+        }
+
+        .gold-value-row:last-child {
+            margin-bottom: 0;
+        }
+
+        .gold-value-label {
+            color: #999999;
+            width: 110px;
+            min-width: 110px;
+            white-space: nowrap;
+        }
+
+        .gold-value-input {
+            width: 160px;
+            max-width: 160px;
+        }
+
+        .refund-gold-input-wrap {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            flex: 1;
+            min-width: 0;
+        }
+
+        .refund-gold-input {
+            width: 120px;
+            max-width: 120px;
+        }
+
+        .refund-gold-unit {
+            color: #666666;
+            white-space: nowrap;
+        }
+
+        .refund-tip {
+            margin-left: 122px;
+            color: #666666;
+            line-height: 1.5;
+        }
     }
 
     :deep(.adddialog .el-form-item__label) {