新增增退款页面

src/views/moneyManage/receiveDetail/receiveFinance.vue

@@ -190,8 +190,7 @@
                             </template>
                         </el-table-column>
                         <!-- 地区财务表格操作（待审核→审核，已通过→编辑） -->
-                        <el-table-column fixed="right" label="操作" width="120px"
-                            v-if="activeTab != 'reject' && activeTab != 'done'">
+                        <el-table-column fixed="right" label="操作" width="120px" v-if="activeTab != 'reject'">
                             <template #default=scope>
                                 <el-link v-if="activeTab == 'wait'" style="color: #2741DE;"
                                     @click="openAuditForm(scope.row)">审核
@@ -202,16 +201,16 @@
                                 </el-link>
                                 <el-link
                                     v-else-if="activeTab == 'done' && scope.row.status == 4 && startsWith(scope.row.orderCode, 'GOLDCOIN')"
-                                    style="color: #2741DE;" @click="openRefundConfirm">退款
+                                    style="color: #2741DE;" @click="openRefundConfirm(scope.row)">退款
                                 </el-link>
                             </template>
                         </el-table-column>
                     </el-table>
                 </div>
                 <div class="pagination">
-                    <el-pagination background :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
-                        layout="total, sizes, prev, pager, next, jumper" :total="total"
-                        @size-change="handlePagination('size', $event)"
+                    <el-pagination background :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"
+                        :page-sizes="[5, 10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
+                        :total="total" @size-change="handlePagination('size', $event)"
                         @current-change="handlePagination('page', $event)"></el-pagination>
                 </div>
             </el-card>
@@ -457,17 +456,16 @@
                             placeholder="请输入产品数量" disabled />
                         <span style="color: #999999;">{{ productUnit }}</span>
                     </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;">永久金币：</span>
-                            <el-input style="padding-right: 10px;  height: 30px; width: 110px; margin-bottom: 10px"
+                    <div v-show="isRefundGold" style="display: flex;">
+                        <div style=" display: flex; align-items: center;justify-content: center; ">
+                            <span style="color: #999999;  white-space: nowrap;">永久金币：</span>
+                            <el-input style="padding-right: 10px;  height: 30px; width: 70px; margin-bottom: 10px"
                                 v-model="refundFormData.permanentGold" disabled />
                         </div>
-                        <div style="padding-right: 5px; display: flex;">
+                        <div style=" display: flex; align-items: center;justify-content: center; ">
                             <span
-                                style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
-                            <el-input style="padding-right: 10px;  height: 30px; width: 110px;"
+                                style="color: #999999;  white-space: nowrap;">免费金币：</span>
+                            <el-input style="padding-right: 10px;  height: 30px; width: 70px;"
                                 v-model="refundFormData.freeGold" disabled />
                         </div>
                     </div>
@@ -605,16 +603,28 @@ const textContent = ref('')
 
 //退款弹窗
 const refundDialog = ref(false)
+const refundFormData = ref({})
 
 const openRefundDialog = () => {
     refundDialog.value = true
     closeConfirmRefund()
+
 }
 const closeRefundForm = () => {
     refundDialog.value = false
     refundFormData.value = {}
 }
 
+const isRefundGold = ref(false)
+const ifRefundGold = () => {
+    if (refundFormData.value.goodsName === '金币充值') {
+        isRefundGold.value = true
+        refundFormData.value.goodNum = 0
+    } else {
+        isRefundGold.value = false
+    }
+}
+
 
 
 // 基础数据
@@ -627,9 +637,13 @@ const paytypeOptions = ref([...paytypeList]);
 // ===================== 2. 核心功能函数（仅地区财务） =====================
 
 //确认退款弹窗
-const openRefundConfirm = () => {
+const openRefundConfirm = (row) => {
     textContent.value = '将要对该订单退款!'
     refundConfirmDialog.value = true
+    refundFormData.value = { ...row }
+    ifRefundGold()
+    console.log(row);
+
 }
 
 const closeConfirmRefund = () => {
@@ -1027,6 +1041,9 @@ onMounted(async () => {
             window.history.back();
         });
     }
+    //背景预加载
+    const bgImg = new Image();
+    bgImg.src = '/src/assets/收款明细撤回背景.png';
 });
 
 // 2.10 未使用函数占位（避免报错）
@@ -1306,6 +1323,37 @@ const handlePagination = (type, val) => {
         font-weight: 800;
         padding-bottom: 15px;
     }
+
+    .refundDialog {
+        .left {
+            width: 50%;
+            height: 70vh;
+            min-height: 700px;
+            padding: 0 2vw;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+
+            .image {
+                width: 4vw !important;
+                height: 4vw !important;
+            }
+        }
+
+        .right {
+            width: 50%;
+            height: 50vh;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+    }
 }
 
 // 表格样式统一