From 49a8b80a3767684cf210fab40b5d20d6365029a5 Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Sun, 23 Nov 2025 15:11:57 +0800
Subject: [PATCH] 1

---
 .../moneyManage/receiveDetail/receiveManage.vue    | 2814 ++++++++++----------
 1 file changed, 1404 insertions(+), 1410 deletions(-)

diff --git a/src/views/moneyManage/receiveDetail/receiveManage.vue b/src/views/moneyManage/receiveDetail/receiveManage.vue
index 917d63b..76e3427 100644
--- a/src/views/moneyManage/receiveDetail/receiveManage.vue
+++ b/src/views/moneyManage/receiveDetail/receiveManage.vue
@@ -1,367 +1,367 @@
 <template>
-  <div class="content">
-    <div class="div-card1">
-      <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
-        <div class="row1">
-          <div class="rowItem">
-            <el-text style="width: 4vw;">精网号</el-text>
-            <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
-                      clearable></el-input>
-          </div>
-          <div class="rowItem">
-            <el-text style="width: 4vw;">客户姓名</el-text>
-            <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
-                      clearable></el-input>
-          </div>
-          <div class="rowItem">
-            <el-text style="width: 4vw;">所属地区</el-text>
-            <el-cascader style="width: 9vw;" v-model="searchData.markets" :options="market"
-                         placeholder="请选择所属地区" clearable @change="handleMarketChange" />
-          </div>
-          <!-- 地区财务固定显示付款币种，删除客服的订单状态 -->
-          <div class="rowItem">
-            <el-text style="width: 4vw;">付款币种</el-text>
-            <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;"
-                       clearable>
-              <el-option v-for="item in customOptions" :key="item" :label="item" :value="item" />
-            </el-select>
-          </div>
-          <div class="rowItem">
-            <el-text style="width: 4vw;">支付方式</el-text>
-            <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
-              <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
-            </el-select>
-          </div>
-        </div>
-        <div class="row2" style="margin-top: 10px;">
-          <div class="left">
-            <div class="rowItem">
-              <el-text style="width: 4vw;">活动名称</el-text>
-              <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;"
-                         clearable>
-                <el-option v-for="item in activityList" :key="item.id" :label="item.activityName"
-                           :value="item.id" />
-              </el-select>
-            </div>
-            <div class="rowItem">
-              <el-text style="width: 4vw;">产品名称</el-text>
-              <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
-                           clearable />
-            </div>
-            <div class="rowItem" style="width: 25vw">
-              <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
-              <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
-                              start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
-                              @change="handleDatePickerChange" :default-time="defaultTime"
-                              :disabled-date="disabledDate" />
-            </div>
-          </div>
-          <el-button style="width: 3vw;" type="primary" @click="search">查询</el-button>
-          <el-button style="width: 3vw;" type="success" @click="reset">重置</el-button>
-          <el-button v-if="activeTab == 'done'" style="width: 5vw;" type="warning"
-                     @click="exportExcel()">导出excel</el-button>
-          <el-button v-if="activeTab == 'done'" style="width: 6vw;" type="primary"
-                     @click="openExportList">查看导出列表</el-button>
+    <div class="content">
+        <div class="div-card1">
+            <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
+                <div class="row1">
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">精网号</el-text>
+                        <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">客户姓名</el-text>
+                        <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
+                            clearable></el-input>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">所属地区</el-text>
+                        <el-cascader style="width: 9vw;" v-model="searchData.markets" :options="market"
+                            placeholder="请选择所属地区" clearable @change="handleMarketChange" />
+                    </div>
+                    <!-- 地区财务固定显示付款币种，删除客服的订单状态 -->
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">付款币种</el-text>
+                        <el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;"
+                            clearable>
+                            <el-option v-for="item in customOptions" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                    <div class="rowItem">
+                        <el-text style="width: 4vw;">支付方式</el-text>
+                        <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
+                        </el-select>
+                    </div>
+                </div>
+                <div class="row2" style="margin-top: 10px;">
+                    <div class="left">
+                        <div class="rowItem">
+                            <el-text style="width: 4vw;">活动名称</el-text>
+                            <el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;"
+                                clearable>
+                                <el-option v-for="item in activityList" :key="item.id" :label="item.activityName"
+                                    :value="item.id" />
+                            </el-select>
+                        </div>
+                        <div class="rowItem">
+                            <el-text style="width: 4vw;">产品名称</el-text>
+                            <el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;"
+                                clearable />
+                        </div>
+                        <div class="rowItem" style="width: 25vw">
+                            <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
+                            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                                start-placeholder="起始时间" end-placeholder="结束时间" style="width: 22vw; "
+                                @change="handleDatePickerChange" :default-time="defaultTime"
+                                :disabled-date="disabledDate" />
+                        </div>
+                    </div>
+                    <el-button style="width: 3vw;" type="primary" @click="search">查询</el-button>
+                    <el-button style="width: 3vw;" type="success" @click="reset">重置</el-button>
+                    <el-button v-if="activeTab == 'done'" style="width: 5vw;" type="warning"
+                        @click="exportExcel()">导出excel</el-button>
+                    <el-button v-if="activeTab == 'done'" style="width: 6vw;" type="primary"
+                        @click="openExportList">查看导出列表</el-button>
+                </div>
+            </el-card>
         </div>
-      </el-card>
-    </div>
 
 
-    <div class="div-card2">
-      <el-card class="card2">
-        <div class="btns">
-          <!-- 地区财务专属标签页（待审核/已通过/已完成/已驳回） -->
-          <div class="tabs">
-            <el-button-group>
-              <el-button class="btnItem"
-                         :style="{ backgroundColor: activeTab === 'wait' ? '#2741DE' : '#E5EBFE', color: activeTab === 'wait' ? 'white' : '#666' }"
-                         @click="navigateTo('wait')">
-                待审核
-              </el-button>
-              <el-button class="btnItem"
-                         :style="{ backgroundColor: activeTab === 'pass' ? '#2741DE' : '#E5EBFE', color: activeTab === 'pass' ? 'white' : '#666' }"
-                         @click="navigateTo('pass')">
-                已通过
-              </el-button>
-              <el-button class="btnItem"
-                         :style="{ backgroundColor: activeTab === 'done' ? '#2741DE' : '#E5EBFE', color: activeTab === 'done' ? 'white' : '#666' }"
-                         @click="navigateTo('done')">
-                已完成
-              </el-button>
-              <el-button class="btnItem"
-                         :style="{ backgroundColor: activeTab === 'reject' ? '#2741DE' : '#E5EBFE', color: activeTab === 'reject' ? 'white' : '#666' }"
-                         @click="navigateTo('reject')">
-                已驳回
-              </el-button>
-            </el-button-group>
-            <div class="info-tooltip">
-              <el-popover placement="top" title="数据说明" :width="260" trigger="hover"
-                          content="收款的所有页面：订单记录默认按照付款时间降序排列" popper-class="custom-popover" :show-arrow="false">
-                <template #reference>
-                  <el-icon class="service-icon">
-                    <Warning />
-                  </el-icon>
-                </template>
-              </el-popover>
-            </div>
-          </div>
-          <!-- 删除客服的“添加收款”按钮 -->
-          <div class="btnAdd"></div>
-        </div>
-
-        <div class="table">
-          <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
-                    :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
-                    :cell-style="{ textAlign: 'center' }">
-            <el-table-column type="index" label="序号" width="100px" fixed="left">
-              <template #default="scope">
-                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
-            <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
-            <el-table-column prop="marketName" label="所属地区" width="80px" />
-            <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
-            <el-table-column prop="goodsName" label="产品名称" width="120px" />
-            <el-table-column prop="goodNum" label="产品数量" width="130px">
-              <template #default="scope">
-                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
-                <span v-else>{{ scope.row.goodNum }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="paymentCurrency" label="付款币种" width="100px" />
-            <el-table-column prop="paymentAmount" label="付款金额" width="120px" />
-            <!-- 地区财务显示到账币种/金额/手续费（已通过/已完成标签页） -->
-            <el-table-column prop="receivedCurrency" label="到账币种"
-                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px"></el-table-column>
-            <el-table-column prop="receivedAmount" label="到账金额"
-                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
-              <template #default="scope">
-                <div v-if="!scope.row.receivedAmount">
-                  <text style="color: #FA5A1E;">待补充</text>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="handlingCharge" label="手续费"
-                             v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
-              <template #default="scope">
-                <div v-if="scope.row.handlingCharge == null">
-                  <text style="color: #FA5A1E;">待补充</text>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="payType" label="支付方式" width="130px" />
-            <el-table-column prop="payTime" label="付款时间" width="180px" />
-            <el-table-column prop="voucher" label="转账凭证" width="110px">
-              <template #default="scope">
-                <div v-if="scope.row.voucher"
-                     style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
-                     @click="previewImage(scope.row.voucher)">
-                  <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
+        <div class="div-card2">
+            <el-card class="card2">
+                <div class="btns">
+                    <!-- 地区财务专属标签页（待审核/已通过/已完成/已驳回） -->
+                    <div class="tabs">
+                        <el-button-group>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'wait' ? '#2741DE' : '#E5EBFE', color: activeTab === 'wait' ? 'white' : '#666' }"
+                                @click="navigateTo('wait')">
+                                待审核
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'pass' ? '#2741DE' : '#E5EBFE', color: activeTab === 'pass' ? 'white' : '#666' }"
+                                @click="navigateTo('pass')">
+                                已通过
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'done' ? '#2741DE' : '#E5EBFE', color: activeTab === 'done' ? 'white' : '#666' }"
+                                @click="navigateTo('done')">
+                                已完成
+                            </el-button>
+                            <el-button class="btnItem"
+                                :style="{ backgroundColor: activeTab === 'reject' ? '#2741DE' : '#E5EBFE', color: activeTab === 'reject' ? 'white' : '#666' }"
+                                @click="navigateTo('reject')">
+                                已驳回
+                            </el-button>
+                        </el-button-group>
+                        <div class="info-tooltip">
+                            <el-popover placement="top" title="数据说明" :width="260" trigger="hover"
+                                content="收款的所有页面：订单记录默认按照付款时间降序排列" popper-class="custom-popover" :show-arrow="false">
+                                <template #reference>
+                                    <el-icon class="service-icon">
+                                        <Warning />
+                                    </el-icon>
+                                </template>
+                            </el-popover>
+                        </div>
+                    </div>
+                    <!-- 删除客服的“添加收款”按钮 -->
+                    <div class="btnAdd"></div>
                 </div>
-                <div v-else
-                     style="display: flex; justify-content: center; align-items: center; height: 40px;">
-                  ——
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="submitterName" label="提交人" width="150px"
-                             show-overflow-tooltip></el-table-column>
-            <!-- 地区财务显示审核人（已通过/已驳回/已完成标签页） -->
-            <el-table-column prop="auditName" label="审核人"
-                             v-if="activeTab == 'pass' || activeTab == 'reject' || activeTab == 'done'" width="150px"
-                             show-overflow-tooltip></el-table-column>
-            <el-table-column prop="receivedTime" label="到账时间"
-                             v-if="activeTab == 'pass' || activeTab == 'done'" width="180px" />
-            <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
-                             show-overflow-tooltip></el-table-column>
-            <el-table-column prop="status" fixed="right" label="订单状态" v-if="activeTab == 'done'"
-                             width="150px" show-overflow-tooltip>
-              <template #default="scope">
-                <span style="color: rgb(242, 84, 83);" v-if="scope.row.status == 6">退款</span>
-                <span style="color: rgb(127,204,133);" v-else>正常</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="auditTime" label="驳回时间" v-if="activeTab == 'reject'" width="180px"
-                             show-overflow-tooltip></el-table-column>
-            <el-table-column prop="rejectReason" label="驳回理由" v-if="activeTab == 'reject'" width="150px">
-              <template #default="scope">
-                <div class="ellipsis-container"
-                     @mouseenter="handleMouseEnter($event, scope.row.rejectReason)"
-                     @mouseleave="handleMouseLeave" @mousemove="handleMouseMove($event)">
+
+                <div class="table">
+                    <el-table :data="tableData" style="width: 80vw;height:64vh;" @sort-change="handleSortChange"
+                        :row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }"
+                        :cell-style="{ textAlign: 'center' }">
+                        <el-table-column type="index" label="序号" width="100px" fixed="left">
+                            <template #default="scope">
+                                <span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
+                        <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
+                        <el-table-column prop="marketName" label="所属地区" width="80px" />
+                        <el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
+                        <el-table-column prop="goodsName" label="产品名称" width="120px" />
+                        <el-table-column prop="goodNum" label="产品数量" width="130px">
+                            <template #default="scope">
+                                <span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span>
+                                <span v-else>{{ scope.row.goodNum }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="paymentCurrency" label="付款币种" width="100px" />
+                        <el-table-column prop="paymentAmount" label="付款金额" width="120px" />
+                        <!-- 地区财务显示到账币种/金额/手续费（已通过/已完成标签页） -->
+                        <el-table-column prop="receivedCurrency" label="到账币种"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px"></el-table-column>
+                        <el-table-column prop="receivedAmount" label="到账金额"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+                            <template #default="scope">
+                                <div v-if="!scope.row.receivedAmount">
+                                    <text style="color: #FA5A1E;">待补充</text>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="handlingCharge" label="手续费"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="150px">
+                            <template #default="scope">
+                                <div v-if="scope.row.handlingCharge == null">
+                                    <text style="color: #FA5A1E;">待补充</text>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="payType" label="支付方式" width="130px" />
+                        <el-table-column prop="payTime" label="付款时间" width="180px" />
+                        <el-table-column prop="voucher" label="转账凭证" width="110px">
+                            <template #default="scope">
+                                <div v-if="scope.row.voucher"
+                                    style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
+                                    @click="previewImage(scope.row.voucher)">
+                                    <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
+                                </div>
+                                <div v-else
+                                    style="display: flex; justify-content: center; align-items: center; height: 40px;">
+                                    ——
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="submitterName" label="提交人" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <!-- 地区财务显示审核人（已通过/已驳回/已完成标签页） -->
+                        <el-table-column prop="auditName" label="审核人"
+                            v-if="activeTab == 'pass' || activeTab == 'reject' || activeTab == 'done'" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="receivedTime" label="到账时间"
+                            v-if="activeTab == 'pass' || activeTab == 'done'" width="180px" />
+                        <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="status" fixed="right" label="订单状态" v-if="activeTab == 'done'"
+                            width="150px" show-overflow-tooltip>
+                            <template #default="scope">
+                                <span style="color: rgb(242, 84, 83);" v-if="scope.row.status == 6">退款</span>
+                                <span style="color: rgb(127,204,133);" v-else>正常</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="auditTime" label="驳回时间" v-if="activeTab == 'reject'" width="180px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="rejectReason" label="驳回理由" v-if="activeTab == 'reject'" width="150px">
+                            <template #default="scope">
+                                <div class="ellipsis-container"
+                                    @mouseenter="handleMouseEnter($event, scope.row.rejectReason)"
+                                    @mouseleave="handleMouseLeave" @mousemove="handleMouseMove($event)">
                                     <span class="ellipsis-text">
                                         {{ scope.row.rejectReason || '—' }}
                                     </span>
-                  <!-- 自定义提示框 -->
-                  <div v-if="showTooltip && tooltipContent" class="custom-tooltip" :style="{
+                                    <!-- 自定义提示框 -->
+                                    <div v-if="showTooltip && tooltipContent" class="custom-tooltip" :style="{
                                         left: `${tooltipLeft}px`,
                                         top: `${tooltipTop}px`
                                     }">
-                    {{ tooltipContent }}
-                  </div>
+                                        {{ tooltipContent }}
+                                    </div>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <!-- 地区财务表格操作（待审核→审核，已通过→编辑） -->
+                        <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)">审核
+                                </el-link>
+                                <el-link
+                                    v-else-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4) && scope.row.receivedMarket == adminData.markets"
+                                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
+                                </el-link>
+                                <el-link
+                                    v-else-if="activeTab == 'done' && scope.row.status == 4 && startsWith(scope.row.orderCode, 'GOLDCOIN')"
+                                    style="color: rgb(242, 84, 83);" @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)"
+                        @current-change="handlePagination('page', $event)"></el-pagination>
                 </div>
-              </template>
-            </el-table-column>
-            <!-- 地区财务表格操作（待审核→审核，已通过→编辑） -->
-            <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)">审核
-                </el-link>
-                <el-link
-                    v-else-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4) && scope.row.receivedMarket == scope.row.submitterMarket"
-                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
-                </el-link>
-                <el-link
-                    v-else-if="activeTab == 'done' && scope.row.status == 4 && startsWith(scope.row.orderCode, 'GOLDCOIN')"
-                    style="color: rgb(242, 84, 83);" @click="openRefundConfirm(scope.row)">退款
-                </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
+            </el-card>
         </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)"
-                         @current-change="handlePagination('page', $event)"></el-pagination>
+        <!-- 退款确认弹窗 -->
+        <div class="recallDialog" v-show="refundConfirmDialog">
+            <div class="close">
+                <button @click="closeConfirmRefund" class="Btn">关闭</button>
+            </div>
+            <div class="text">
+                <text class="txt">{{ textContent }}</text>
+            </div>
+            <div class="cancle">
+                <button @click="closeConfirmRefund" class="Btn">取消</button>
+            </div>
+            <div class="confirm">
+                <button @click="openRefundDialog" class="Btn">确定</button>
+            </div>
         </div>
-      </el-card>
-    </div>
-    <!-- 退款确认弹窗 -->
-    <div class="recallDialog" v-show="refundConfirmDialog">
-      <div class="close">
-        <button @click="closeConfirmRefund" class="Btn">关闭</button>
-      </div>
-      <div class="text">
-        <text class="txt">{{ textContent }}</text>
-      </div>
-      <div class="cancle">
-        <button @click="closeConfirmRefund" class="Btn">取消</button>
-      </div>
-      <div class="confirm">
-        <button @click="openRefundDialog" class="Btn">确定</button>
-      </div>
-    </div>
 
-    <!-- 导出列表 -->
-    <el-dialog v-model="exportListVisible" title="导出列表" width="60vw">
-      <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
-        <el-table-column prop="fileName" label="文件名" />
-        <el-table-column prop="state" label="状态">
-          <template #default="scope">
-            <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
-              {{ getTagText(scope.row.state) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="createTime" label="创建时间">
-          <template #default="scope">
-            {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作">
-          <template #default="scope">
-            <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
-                       :disabled="scope.row.state !== 2">
-              下载
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button text @click="exportListVisible = false">关闭</el-button>
-        </div>
-      </template>
-    </el-dialog>
-
-    <!-- 审核弹窗 -->
-    <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
-      <el-form class="addForm" label-width="4vw" label-position="left">
-        <el-form-item label="精网号">
-          <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
-        </el-form-item>
-        <el-form-item label="客户姓名">
-          <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" />
-        </el-form-item>
-        <el-form-item label="所属地区">
-          <el-input disabled="true" v-model="auditFormData.market" />
-        </el-form-item>
-        <el-form-item label="活动名称">
-          <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" />
-        </el-form-item>
-        <el-form-item label="产品名称">
-          <el-select disabled="true" v-model="auditFormData.goodsName" />
-        </el-form-item>
-        <el-form-item v-if="!isGold" label="产品数量">
-          <div style="display: flex;">
-            <el-input disabled="true" style="padding-right: 30px; flex: 3;" v-model="auditFormData.goodNum"
-                      placeholder="请输入产品数量" />
-            <CurrencySelect disabled="true" v-model="auditFormData.numUnit" :items="numUnitList"
+        <!-- 导出列表 -->
+        <el-dialog v-model="exportListVisible" title="导出列表" width="60vw">
+            <el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
+                <el-table-column prop="fileName" label="文件名" />
+                <el-table-column prop="state" label="状态">
+                    <template #default="scope">
+                        <el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
+                            {{ getTagText(scope.row.state) }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="createTime" label="创建时间">
+                    <template #default="scope">
+                        {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作">
+                    <template #default="scope">
+                        <el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
+                            :disabled="scope.row.state !== 2">
+                            下载
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button text @click="exportListVisible = false">关闭</el-button>
+                </div>
+            </template>
+        </el-dialog>
+
+        <!-- 审核弹窗 -->
+        <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
+            <el-form class="addForm" label-width="4vw" label-position="left">
+                <el-form-item label="精网号">
+                    <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
+                </el-form-item>
+                <el-form-item label="客户姓名">
+                    <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" />
+                </el-form-item>
+                <el-form-item label="所属地区">
+                    <el-input disabled="true" v-model="auditFormData.market" />
+                </el-form-item>
+                <el-form-item label="活动名称">
+                    <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" />
+                </el-form-item>
+                <el-form-item label="产品名称">
+                    <el-select disabled="true" v-model="auditFormData.goodsName" />
+                </el-form-item>
+                <el-form-item v-if="!isGold" label="产品数量">
+                    <div style="display: flex;">
+                        <el-input disabled="true" style="padding-right: 30px; flex: 3;" v-model="auditFormData.goodNum"
+                            placeholder="请输入产品数量" />
+                        <CurrencySelect disabled="true" v-model="auditFormData.numUnit" :items="numUnitList"
                             style="flex: 1.5;" placeholder="单位" @change="handleCurrencyChange" />
-          </div>
-        </el-form-item>
-        <div v-show="isGold" style="margin-bottom: 15px;  display: flex;">
-          <div style=" display: flex; ">
+                    </div>
+                </el-form-item>
+                <div v-show="isGold" style="margin-bottom: 15px;  display: flex;">
+                    <div style=" display: flex; ">
                         <span
                             style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
-            <el-input disabled="true"
-                      style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                      v-model="auditFormData.permanentGold" />
-          </div>
-          <div style="padding-right: 5px; display: flex;">
+                        <el-input disabled="true"
+                            style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="auditFormData.permanentGold" />
+                    </div>
+                    <div style="padding-right: 5px; display: flex;">
                         <span
                             style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
-            <el-input disabled="true"
-                      style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                      v-model="auditFormData.freeGold" />
-          </div>
-        </div>
-        <el-form-item label="付款币种">
-          <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
-                     @change="handleCurrencyChange" />
-        </el-form-item>
-        <el-form-item label="付款金额">
-          <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" />
-        </el-form-item>
-        <el-form-item label="支付方式">
-          <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
-                     placeholder="请选择支付方式" />
-        </el-form-item>
-        <el-form-item label="到账地区">
-          <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区" />
-        </el-form-item>
-        <el-form-item label="付款时间">
-          <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
-                          placeholder="请选择付款时间" />
-        </el-form-item>
-        <el-form-item label="转账凭证">
-          <div class="pic">
-            <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
-                       list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
-                       :on-error="handelImgErr" :on-change="handleImageChange" :http-request="customUpload">
-              <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
-                   style="height: 100%; width: 100%;  object-fit: cover;" />
-              <el-icon v-else class="avatar-uploader-icon">
-                <Plus />
-              </el-icon>
-            </el-upload>
-            <el-text class="picText">
-              仅支持.jpg .png格式文件≤ 2 MB
-            </el-text>
-          </div>
-        </el-form-item>
-        <el-form-item label="备注">
-          <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3" maxlength="100"
-                    show-word-limit />
-        </el-form-item>
-        <el-form-item label="驳回理由" v-if="ifReject" required>
-          <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
-                    maxlength="100" show-word-limit />
-        </el-form-item>
-      </el-form>
-      <template #footer>
+                        <el-input disabled="true"
+                            style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="auditFormData.freeGold" />
+                    </div>
+                </div>
+                <el-form-item label="付款币种">
+                    <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
+                        @change="handleCurrencyChange" />
+                </el-form-item>
+                <el-form-item label="付款金额">
+                    <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" />
+                </el-form-item>
+                <el-form-item label="支付方式">
+                    <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
+                        placeholder="请选择支付方式" />
+                </el-form-item>
+                <el-form-item label="到账地区">
+                    <el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区" />
+                </el-form-item>
+                <el-form-item label="付款时间">
+                    <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
+                        placeholder="请选择付款时间" />
+                </el-form-item>
+                <el-form-item label="转账凭证">
+                    <div class="pic">
+                        <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                            list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                            :on-error="handelImgErr" :on-change="handleImageChange" :http-request="customUpload">
+                            <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
+                                style="height: 100%; width: 100%;  object-fit: cover;" />
+                            <el-icon v-else class="avatar-uploader-icon">
+                                <Plus />
+                            </el-icon>
+                        </el-upload>
+                        <el-text class="picText">
+                            仅支持.jpg .png格式文件≤ 2 MB
+                        </el-text>
+                    </div>
+                </el-form-item>
+                <el-form-item label="备注">
+                    <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3" maxlength="100"
+                        show-word-limit />
+                </el-form-item>
+                <el-form-item label="驳回理由" v-if="ifReject" required>
+                    <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
+                        maxlength="100" show-word-limit />
+                </el-form-item>
+            </el-form>
+            <template #footer>
                 <span class="dialog-footer" v-if="!ifReject">
                     <el-button style="background-color: #7E91FF;" @click="ifReject = true">驳回</el-button>
                     <el-button :style="{
@@ -370,118 +370,118 @@
                         color: isBtnDisabled ? '#8A8A8A' : '#F3FAFE'
                     }" @click="handelAudit" :disabled="isBtnDisabled">{{ btnText }}</el-button>
                 </span>
-        <span class="dialog-footer" v-if="ifReject">
+                <span class="dialog-footer" v-if="ifReject">
                     <el-button style="background-color: #7E91FF;" @click="closeAuditForm">取消</el-button>
                     <el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
-                               @click="throttledhandelAuditReject">确定</el-button>
+                        @click="throttledhandelAuditReject">确定</el-button>
                 </span>
-      </template>
-    </el-dialog>
-
-    <!-- 编辑填手续费弹窗 -->
-    <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
-      <div class="content">
-        <div class="left">
-          <el-form class="editForm" label-width="4.5vw" label-position="left">
-            <el-form-item label="精网号">
-              <el-input disabled="true" v-model="editFormData.jwcode" placeholder="精网号" />
-            </el-form-item>
-            <el-form-item label="客户姓名">
-              <el-input disabled="true" v-model="editFormData.name" placeholder="客户姓名" />
-            </el-form-item>
-            <el-form-item label="所属地区">
-              <el-input disabled="true" v-model="editFormData.marketName" placeholder="所属地区" />
-            </el-form-item>
-            <el-form-item label="活动名称">
-              <el-input disabled="true" v-model="editFormData.activity" placeholder="活动名称" />
-            </el-form-item>
-            <el-form-item label="产品名称">
-              <el-select disabled="true" v-model="editFormData.goodsName" placeholder="产品名称"
-                         clearable></el-select>
-            </el-form-item>
-            <!-- 金币产品特殊显示 -->
-            <el-form-item v-show="!isEditGold" label="产品数量">
-              <div style="display: flex;">
-                <el-input disabled="true" style="padding-right: 30px; flex: 3;"
-                          v-model="editFormData.goodNum" placeholder="请输入产品数量" />
-                <CurrencySelect disabled="true" v-model="editFormData.numUnit" :items="numUnitList"
-                                style="flex: 1.5;" placeholder="单位" @change="handleCurrencyChange" />
-              </div>
-            </el-form-item>
-            <div v-show="isEditGold" style="margin-bottom: 15px;  display: flex;">
-              <div style=" display: flex; margin-right: 10px;">
+            </template>
+        </el-dialog>
+
+        <!-- 编辑填手续费弹窗 -->
+        <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
+            <div class="content">
+                <div class="left">
+                    <el-form class="editForm" label-width="4.5vw" label-position="left">
+                        <el-form-item label="精网号">
+                            <el-input disabled="true" v-model="editFormData.jwcode" placeholder="精网号" />
+                        </el-form-item>
+                        <el-form-item label="客户姓名">
+                            <el-input disabled="true" v-model="editFormData.name" placeholder="客户姓名" />
+                        </el-form-item>
+                        <el-form-item label="所属地区">
+                            <el-input disabled="true" v-model="editFormData.marketName" placeholder="所属地区" />
+                        </el-form-item>
+                        <el-form-item label="活动名称">
+                            <el-input disabled="true" v-model="editFormData.activity" placeholder="活动名称" />
+                        </el-form-item>
+                        <el-form-item label="产品名称">
+                            <el-select disabled="true" v-model="editFormData.goodsName" placeholder="产品名称"
+                                clearable></el-select>
+                        </el-form-item>
+                        <!-- 金币产品特殊显示 -->
+                        <el-form-item v-show="!isEditGold" label="产品数量">
+                            <div style="display: flex;">
+                                <el-input disabled="true" style="padding-right: 30px; flex: 3;"
+                                    v-model="editFormData.goodNum" placeholder="请输入产品数量" />
+                                <CurrencySelect disabled="true" v-model="editFormData.numUnit" :items="numUnitList"
+                                    style="flex: 1.5;" placeholder="单位" @change="handleCurrencyChange" />
+                            </div>
+                        </el-form-item>
+                        <div v-show="isEditGold" style="margin-bottom: 15px;  display: flex;">
+                            <div style=" display: flex; margin-right: 10px;">
                                 <span
                                     style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
-                <el-input disabled="true"
-                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                          v-model="editFormData.permanentGold" />
-              </div>
-              <div style="padding-right: 5px; display: flex;">
+                                <el-input disabled="true"
+                                    style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                                    v-model="editFormData.permanentGold" />
+                            </div>
+                            <div style="padding-right: 5px; display: flex;">
                                 <span
                                     style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
-                <el-input disabled="true"
-                          style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
-                          v-model="editFormData.freeGold" />
-              </div>
-            </div>
-            <el-form-item label="付款币种">
-              <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
-                              :items="customOptions" placeholder="付款币种" />
-            </el-form-item>
-            <el-form-item label="付款金额">
-              <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount" placeholder="付款金额" />
-            </el-form-item>
-            <el-form-item label="支付方式">
-              <el-select disabled="true" v-model="editFormData.payType" placeholder="支付方式"
-                         clearable></el-select>
-            </el-form-item>
-            <el-form-item label="到账地区">
-              <el-select disabled="true" v-model="editFormData.receivedMarket" placeholder="到账地区"
-                         clearable></el-select>
-            </el-form-item>
-            <el-form-item label="付款时间">
-              <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
-                              placeholder="付款时间" />
-            </el-form-item>
-            <el-form-item label="转账凭证">
-              <div class="pic">
-                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
-                           list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
-                           :on-error="handelImgErr" :on-change="handleImageChange"
-                           :http-request="customUpload">
-                  <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
-                       style="height: 100%; width: 100%;  object-fit: cover;" />
-                  <el-icon v-else class="avatar-uploader-icon">
-                    <Plus />
-                  </el-icon>
-                </el-upload>
-                <el-text class="picText">仅支持.jpg .png格式文件≤ 2 MB</el-text>
-              </div>
-            </el-form-item>
-            <el-form-item label="备注">
-              <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
-                        placeholder="备注" maxlength="100" show-word-limit />
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="right">
-          <el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
-                   label-width="4.5vw" label-position="left">
-            <el-form-item label="到账货币">
-              <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
-                              placeholder="请选择到账货币" />
-            </el-form-item>
-            <el-form-item label="到账金额" prop="receivedAmount">
-              <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" type="number" />
-            </el-form-item>
-            <el-form-item label="手续费" prop="handlingCharge">
-              <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" type="number" />
-            </el-form-item>
-            <el-form-item label="到账时间">
-              <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请选择到账时间" />
-            </el-form-item>
-          </el-form>
-          <span class="editBtns">
+                                <el-input disabled="true"
+                                    style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                                    v-model="editFormData.freeGold" />
+                            </div>
+                        </div>
+                        <el-form-item label="付款币种">
+                            <CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency"
+                                :items="customOptions" placeholder="付款币种" />
+                        </el-form-item>
+                        <el-form-item label="付款金额">
+                            <el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount" placeholder="付款金额" />
+                        </el-form-item>
+                        <el-form-item label="支付方式">
+                            <el-select disabled="true" v-model="editFormData.payType" placeholder="支付方式"
+                                clearable></el-select>
+                        </el-form-item>
+                        <el-form-item label="到账地区">
+                            <el-select disabled="true" v-model="editFormData.receivedMarket" placeholder="到账地区"
+                                clearable></el-select>
+                        </el-form-item>
+                        <el-form-item label="付款时间">
+                            <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
+                                placeholder="付款时间" />
+                        </el-form-item>
+                        <el-form-item label="转账凭证">
+                            <div class="pic">
+                                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
+                                    list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
+                                    :on-error="handelImgErr" :on-change="handleImageChange"
+                                    :http-request="customUpload">
+                                    <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
+                                        style="height: 100%; width: 100%;  object-fit: cover;" />
+                                    <el-icon v-else class="avatar-uploader-icon">
+                                        <Plus />
+                                    </el-icon>
+                                </el-upload>
+                                <el-text class="picText">仅支持.jpg .png格式文件≤ 2 MB</el-text>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="备注">
+                            <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
+                                placeholder="备注" maxlength="100" show-word-limit />
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="right">
+                    <el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
+                        label-width="4.5vw" label-position="left">
+                        <el-form-item label="到账货币">
+                            <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
+                                placeholder="请选择到账货币" />
+                        </el-form-item>
+                        <el-form-item label="到账金额" prop="receivedAmount">
+                            <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" type="number" />
+                        </el-form-item>
+                        <el-form-item label="手续费" prop="handlingCharge">
+                            <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" type="number" />
+                        </el-form-item>
+                        <el-form-item label="到账时间">
+                            <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请选择到账时间" />
+                        </el-form-item>
+                    </el-form>
+                    <span class="editBtns">
                         <button class="editBtn1" @click="closeEditForm">
                             <text class="txt">取消</text>
                         </button>
@@ -489,125 +489,125 @@
                             <text class="txt">提交</text>
                         </button>
                     </span>
-        </div>
-      </div>
-    </el-dialog>
-
-    <!-- 新增退款 -->
-    <el-dialog v-model="refundDialog" title="退款" class="refundDialog" overflow draggable style="width: 40vw;"
-               :before-close="closeRefundForm">
-      <div style="display: flex;">
-        <div class="left">
-          <div class="add-item">
-            <el-text style="width:4vw;">精网号</el-text>
-            <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">客户姓名</el-text>
-            <el-input v-model="refundFormData.name" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">所属地区</el-text>
-            <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">活动名称</el-text>
-            <el-input v-model="refundFormData.activity" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">产品名称</el-text>
-            <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled />
-          </div>
-          <div v-show="!isRefundGold" class="add-item">
-            <el-text style="width:4vw;">产品数量</el-text>
-            <el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
-                      placeholder="请输入产品数量" disabled />
-            <CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
-                            style=" width: 3.5vw;" placeholder="单位" @change="handleCurrencyChange" />
-          </div>
-          <div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
-            <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;"
-                        v-model="refundFormData.permanentGold" disabled />
-            </div>
-            <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;"
-                        v-model="refundFormData.freeGold" disabled />
-            </div>
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">付款币种</el-text>
-            <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">付款金额</el-text>
-            <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">支付方式</el-text>
-            <el-input v-model="refundFormData.payType" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">付款时间</el-text>
-            <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled />
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;" size="small">转账凭证</el-text>
-            <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
-              <el-upload ref="uploadRef" :auto-upload="false" list-type="picture-card"
-                         :show-file-list="false">
-                <template #default>
-                  <img v-if="refundFormData.voucher" :src="refundFormData.voucher"
-                       style="width: 100%; height: 100%; object-fit: cover;">
-                  <el-icon v-else>
-                    <Plus />
-                  </el-icon>
-                </template>
-              </el-upload>
-            </el-form-item>
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">备注</el-text>
-            <el-input v-model="refundFormData.remark" style="width:10vw;" :rows="2" type="textarea"
-                      maxLength="100" disabled show-word-limit />
-          </div>
-        </div>
-        <div class="right">
-          <div class="add-item">
-            <el-text style="width:4vw;">退款模式</el-text>
-            <el-radio-group v-model="refundFormData.refundModel">
-              <el-radio value="0">全部退款</el-radio>
-              <el-radio value="1">部分退款</el-radio>
-            </el-radio-group>
-          </div>
-          <div v-show="refundFormData.refundModel == '1'" style="display: flex; margin-bottom: 10px;">
-            <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;"
-                        v-model="refundFormData.partRefundGold" dsabled />
+                </div>
             </div>
-            <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;"
-                        v-model="refundFormData.partRefundFree" />
+        </el-dialog>
+
+        <!-- 新增退款 -->
+        <el-dialog v-model="refundDialog" title="退款" class="refundDialog" overflow draggable style="width: 40vw;"
+            :before-close="closeRefundForm">
+            <div style="display: flex;">
+                <div class="left">
+                    <div class="add-item">
+                        <el-text style="width:4vw;">精网号</el-text>
+                        <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">客户姓名</el-text>
+                        <el-input v-model="refundFormData.name" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">所属地区</el-text>
+                        <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">活动名称</el-text>
+                        <el-input v-model="refundFormData.activity" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">产品名称</el-text>
+                        <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled />
+                    </div>
+                    <div v-show="!isRefundGold" class="add-item">
+                        <el-text style="width:4vw;">产品数量</el-text>
+                        <el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
+                            placeholder="请输入产品数量" disabled />
+                        <CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
+                            style=" width: 3.5vw;" placeholder="单位" @change="handleCurrencyChange" />
+                    </div>
+                    <div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
+                        <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;"
+                                v-model="refundFormData.permanentGold" disabled />
+                        </div>
+                        <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;"
+                                v-model="refundFormData.freeGold" disabled />
+                        </div>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款币种</el-text>
+                        <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款金额</el-text>
+                        <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">支付方式</el-text>
+                        <el-input v-model="refundFormData.payType" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款时间</el-text>
+                        <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                        <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                            <el-upload ref="uploadRef" :auto-upload="false" list-type="picture-card"
+                                :show-file-list="false">
+                                <template #default>
+                                    <img v-if="refundFormData.voucher" :src="refundFormData.voucher"
+                                        style="width: 100%; height: 100%; object-fit: cover;">
+                                    <el-icon v-else>
+                                        <Plus />
+                                    </el-icon>
+                                </template>
+                            </el-upload>
+                        </el-form-item>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">备注</el-text>
+                        <el-input v-model="refundFormData.remark" style="width:10vw;" :rows="2" type="textarea"
+                            maxLength="100" disabled show-word-limit />
+                    </div>
+                </div>
+                <div class="right">
+                    <div class="add-item">
+                        <el-text style="width:4vw;">退款模式</el-text>
+                        <el-radio-group v-model="refundFormData.refundModel">
+                            <el-radio value="0">全部退款</el-radio>
+                            <el-radio value="1">部分退款</el-radio>
+                        </el-radio-group>
+                    </div>
+                    <div v-show="refundFormData.refundModel == '1'" style="display: flex; margin-bottom: 10px;">
+                        <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;"
+                                v-model="refundFormData.partRefundGold" dsabled />
+                        </div>
+                        <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;"
+                                v-model="refundFormData.partRefundFree" />
+                        </div>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">退款理由</el-text>
+                        <el-input v-model="refundFormData.refundReason" style="width:10vw;" :rows="5" maxlength="150"
+                            show-word-limit type="textarea" />
+                    </div>
+                    <div>ps:请在退款理由表明用户的退款需求。</div>
+                    <div style="display:flex;justify-content: center;margin-top: 5vh;">
+                        <el-button type="default" @click="resetRefund">重置</el-button>
+                        <el-button type="primary" @click="throttledsubmitRefund">提交</el-button>
+                    </div>
+                </div>
             </div>
-          </div>
-          <div class="add-item">
-            <el-text style="width:4vw;">退款理由</el-text>
-            <el-input v-model="refundFormData.refundReason" style="width:10vw;" :rows="5" maxlength="150"
-                      show-word-limit type="textarea" />
-          </div>
-          <div>ps:请在退款理由表明用户的退款需求。</div>
-          <div style="display:flex;justify-content: center;margin-top: 5vh;">
-            <el-button type="default" @click="resetRefund">重置</el-button>
-            <el-button type="primary" @click="throttledsubmitRefund">提交</el-button>
-          </div>
-        </div>
-      </div>
-    </el-dialog>
-  </div>
+        </el-dialog>
+    </div>
 </template>
 
 <script setup>
@@ -689,23 +689,23 @@ const refundDialog = ref(false)
 const refundFormData = ref({})
 
 const openRefundDialog = () => {
-  refundDialog.value = true
-  closeConfirmRefund()
+    refundDialog.value = true
+    closeConfirmRefund()
 
 }
 const closeRefundForm = () => {
-  refundDialog.value = false
-  refundFormData.value = {}
+    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
-  }
+    if (refundFormData.value.goodsName === '金币充值') {
+        isRefundGold.value = true
+        refundFormData.value.goodNum = 0
+    } else {
+        isRefundGold.value = false
+    }
 }
 
 
@@ -721,17 +721,17 @@ const paytypeOptions = ref([...paytypeList]);
 
 //确认退款弹窗
 const openRefundConfirm = (row) => {
-  textContent.value = '将要对该订单退款!'
-  refundConfirmDialog.value = true
-  refundFormData.value = { ...row }
-  ifRefundGold()
-  console.log(row);
+    textContent.value = '将要对该订单退款!'
+    refundConfirmDialog.value = true
+    refundFormData.value = { ...row }
+    ifRefundGold()
+    console.log(row);
 
 }
 
 const closeConfirmRefund = () => {
-  refundConfirmDialog.value = false
-  textContent.value = ''
+    refundConfirmDialog.value = false
+    textContent.value = ''
 }
 
 //导出相关
@@ -740,146 +740,26 @@ const exportList = ref([])
 const exportListLoading = ref(false)
 const exportExcel = async function () {
 
-  let payCurrencySelect = '';
-  let goodsName = '';
-
-  // 处理时间范围
-  if (getTime.value && getTime.value.length === 2) {
-    searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss');
-    searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss');
-  } else {
-    searchData.value.startTime = '';
-    searchData.value.endTime = '';
-  }
-
-  // 处理产品名称（级联选择取最后一级）
-  if (searchData.value.goodsName) {
-    goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1];
-  }
-
-  // 处理付款币种（转ID）
-  if (searchData.value.paymentCurrency) {
-    payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency);
-  }
-
-  // if (searchData.value.jwcode && !isNumber(searchData.value.jwcode)) {
-  //     ElMessage.error('精网号只能是数字')
-  //     return
-  // }
-
-  const cashRoleId = '1';
-  const submitterMarket = adminData.value.markets;
-  searchData.value.status = 46;
-  const params = {
-    ...pageInfo.value,
-    cashCollection: {
-      ...searchData.value,
-      submitterId: adminData.value.id,
-      receivedMarket: MarketNameForId(submitterMarket),
-      cashRoleId: cashRoleId,
-      paymentCurrency: payCurrencySelect,
-      submitterMarket: submitterMarket,
-      goodsName: goodsName,
-      market: MarketNameForId(searchData.value.market)
-    }
-  }
-
-  const res = await API({ url: '/export/exportCash', data: params })
-  if (res.code === 200) {
-    ElMessage.success('导出成功')
-  } else {
-    ElMessage.error(res.msg || '导出失败')
-  }
-}
-
-const openExportList = () => {
-  getExportList()
-  exportListVisible.value = true
-}
-//获取导出列表
-const getExportList = async () => {
-  exportListLoading.value = true
-  try {
-    const result = await API({ url: '/export/export' })
-    if (result.code === 200) {
-      const filteredData = result.data.filter(item => {
-        return item.type === 13
-      })
-      exportList.value = filteredData
-    } else {
-      ElMessage.error(result.msg || '获取导出列表失败')
-    }
-  } catch (error) {
-    console.error('获取导出列表出错:', error)
-    ElMessage.error('获取导出列表失败，请稍后重试')
-  } finally {
-    exportListLoading.value = false
-  }
-}
-const downloadExportFile = (item) => {
-  if (item.state === 2) {
-    const link = document.createElement('a')
-    link.href = item.url
-    link.download = item.fileName
-    link.click()
-  } else {
-    ElMessage.warning('文件还在导出中，请稍后再试')
-  }
-}
-//根据状态返回对应的标签类型
-const getTagType = (state) => {
-  switch (state) {
-    case 0:
-      return 'info';
-    case 1:
-      return 'primary';
-    case 2:
-      return 'success';
-    case 3:
-      return 'danger';
-    default:
-      return 'info';
-  }
-}
-//根据状态返回对应的标签文案
-const getTagText = (state) => {
-  switch (state) {
-    case 0:
-      return '待执行';
-    case 1:
-      return '执行中';
-    case 2:
-      return '执行完成';
-    case 3:
-      return '执行出错';
-    default:
-      return '未知状态';
-  }
-}
-
-// 2.1 数据加载：获取地区财务订单列表
-const getlist = async () => {
-  try {
     let payCurrencySelect = '';
     let goodsName = '';
 
     // 处理时间范围
     if (getTime.value && getTime.value.length === 2) {
-      searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss');
-      searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss');
+        searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss');
+        searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss');
     } else {
-      searchData.value.startTime = '';
-      searchData.value.endTime = '';
+        searchData.value.startTime = '';
+        searchData.value.endTime = '';
     }
 
     // 处理产品名称（级联选择取最后一级）
     if (searchData.value.goodsName) {
-      goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1];
+        goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1];
     }
 
     // 处理付款币种（转ID）
     if (searchData.value.paymentCurrency) {
-      payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency);
+        payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency);
     }
 
     // if (searchData.value.jwcode && !isNumber(searchData.value.jwcode)) {
@@ -887,792 +767,906 @@ const getlist = async () => {
     //     return
     // }
 
-    // 地区财务固定参数：角色ID=1，按标签页筛选状态
     const cashRoleId = '1';
-    const receivedMarket = adminData.value.markets;
-    if (activeTab.value === 'wait') searchData.value.status = 0;
-    else if (activeTab.value === 'pass') searchData.value.status = 13;
-    else if (activeTab.value === 'done') searchData.value.status = 46;
-    else if (activeTab.value === 'reject') searchData.value.status = 2;
-
-    // 地区处理
-    const markets = ref(null)
-    if (searchData.value.markets) {
-      markets.value = searchData.value.markets[searchData.value.markets.length - 1]
-      console.log('地区转换', markets.value)
-    }
-    if (searchData.value.jwcode) {
-      const isPositiveInteger = /^[1-9]\d*$/.test(searchData.value.jwcode);
-      if (!isPositiveInteger) {
-        ElMessage.error('请输入正确的精网号')
-        return;
-      }
-    }
-    const result = await request({
-      url: '/cashCollection/selectCollection',
-      data: {
+    const submitterMarket = adminData.value.markets;
+    searchData.value.status = 46;
+    const params = {
         ...pageInfo.value,
         cashCollection: {
-          ...searchData.value,
-          submitterId: adminData.value.id,
-          receivedMarket: MarketNameForId(receivedMarket),
-          cashRoleId: cashRoleId,
-          paymentCurrency: payCurrencySelect,
-          submitterMarket: receivedMarket,
-          goodsName: goodsName,
-          // market: MarketNameForId(searchData.value.market)
-          market: markets.value
+            ...searchData.value,
+            submitterId: adminData.value.id,
+            receivedMarket: MarketNameForId(submitterMarket),
+            cashRoleId: cashRoleId,
+            paymentCurrency: payCurrencySelect,
+            submitterMarket: submitterMarket,
+            goodsName: goodsName,
+            market: MarketNameForId(searchData.value.market)
         }
-      }
-    });
+    }
 
-    if (result.code === 200) {
-      tableData.value = result.data.list;
-      total.value = result.data.total;
+    const res = await API({ url: '/export/exportCash', data: params })
+    if (res.code === 200) {
+        ElMessage.success('导出成功')
+    } else {
+        ElMessage.error(res.msg || '导出失败')
+    }
+}
+
+const openExportList = () => {
+    getExportList()
+    exportListVisible.value = true
+}
+//获取导出列表
+const getExportList = async () => {
+    exportListLoading.value = true
+    try {
+        const result = await API({ url: '/export/export' })
+        if (result.code === 200) {
+            const filteredData = result.data.filter(item => {
+                return item.type === 13
+            })
+            exportList.value = filteredData
+        } else {
+            ElMessage.error(result.msg || '获取导出列表失败')
+        }
+    } catch (error) {
+        console.error('获取导出列表出错:', error)
+        ElMessage.error('获取导出列表失败，请稍后重试')
+    } finally {
+        exportListLoading.value = false
+    }
+}
+const downloadExportFile = (item) => {
+    if (item.state === 2) {
+        const link = document.createElement('a')
+        link.href = item.url
+        link.download = item.fileName
+        link.click()
     } else {
-      ElMessage.error('订单数据加载失败');
+        ElMessage.warning('文件还在导出中，请稍后再试')
+    }
+}
+//根据状态返回对应的标签类型
+const getTagType = (state) => {
+    switch (state) {
+        case 0:
+            return 'info';
+        case 1:
+            return 'primary';
+        case 2:
+            return 'success';
+        case 3:
+            return 'danger';
+        default:
+            return 'info';
+    }
+}
+//根据状态返回对应的标签文案
+const getTagText = (state) => {
+    switch (state) {
+        case 0:
+            return '待执行';
+        case 1:
+            return '执行中';
+        case 2:
+            return '执行完成';
+        case 3:
+            return '执行出错';
+        default:
+            return '未知状态';
+    }
+}
+
+// 2.1 数据加载：获取地区财务订单列表
+const getlist = async () => {
+    try {
+        let payCurrencySelect = '';
+        let goodsName = '';
+
+        // 处理时间范围
+        if (getTime.value && getTime.value.length === 2) {
+            searchData.value.startTime = moment(getTime.value[0]).format('YYYY-MM-DD HH:mm:ss');
+            searchData.value.endTime = moment(getTime.value[1]).format('YYYY-MM-DD HH:mm:ss');
+        } else {
+            searchData.value.startTime = '';
+            searchData.value.endTime = '';
+        }
+
+        // 处理产品名称（级联选择取最后一级）
+        if (searchData.value.goodsName) {
+            goodsName = searchData.value.goodsName[searchData.value.goodsName.length - 1];
+        }
+
+        // 处理付款币种（转ID）
+        if (searchData.value.paymentCurrency) {
+            payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency);
+        }
+
+        // if (searchData.value.jwcode && !isNumber(searchData.value.jwcode)) {
+        //     ElMessage.error('精网号只能是数字')
+        //     return
+        // }
+
+        // 地区财务固定参数：角色ID=1，按标签页筛选状态
+        const cashRoleId = '1';
+        const receivedMarket = adminData.value.markets;
+        if (activeTab.value === 'wait') searchData.value.status = 0;
+        else if (activeTab.value === 'pass') searchData.value.status = 13;
+        else if (activeTab.value === 'done') searchData.value.status = 46;
+        else if (activeTab.value === 'reject') searchData.value.status = 2;
+
+        // 地区处理
+        const markets = ref(null)
+        if (searchData.value.markets) {
+            markets.value = searchData.value.markets[searchData.value.markets.length - 1]
+            console.log('地区转换', markets.value)
+        }
+        if (searchData.value.jwcode) {
+            const isPositiveInteger = /^[1-9]\d*$/.test(searchData.value.jwcode);
+            if (!isPositiveInteger) {
+                ElMessage.error('请输入正确的精网号')
+                return;
+            }
+        }
+        const result = await request({
+            url: '/cashCollection/selectCollection',
+            data: {
+                ...pageInfo.value,
+                cashCollection: {
+                    ...searchData.value,
+                    submitterId: adminData.value.id,
+                    receivedMarket: MarketNameForId(receivedMarket),
+                    cashRoleId: cashRoleId,
+                    paymentCurrency: payCurrencySelect,
+                    submitterMarket: receivedMarket,
+                    goodsName: goodsName,
+                    // market: MarketNameForId(searchData.value.market)
+                    market: markets.value
+                }
+            }
+        });
+
+        if (result.code === 200) {
+            tableData.value = result.data.list;
+            total.value = result.data.total;
+        } else {
+            ElMessage.error('订单数据加载失败');
+        }
+    } catch (error) {
+        console.error('地区财务订单列表请求异常：', error);
+        ElMessage.error('网络异常，请重试');
     }
-  } catch (error) {
-    console.error('地区财务订单列表请求异常：', error);
-    ElMessage.error('网络异常，请重试');
-  }
 };
 
 //重置退款
 const resetRefund = () => {
-  refundFormData.value.refundModel = ''
-  refundFormData.value.refundReason = ''
+    refundFormData.value.refundModel = ''
+    refundFormData.value.refundReason = ''
 }
 //提交退款
 const submitRefund = async () => {
-  try {
-    if (refundFormData.value.goodsName != '金币充值') {
+    try {
+        if (refundFormData.value.goodsName != '金币充值') {
 
-      return ElMessage.error('线上数据仅支持金币充值退款');
-    }
-    if (!refundFormData.value.refundModel) {
-      return ElMessage.error('请选择退款方式');
-    }
-    if (!refundFormData.value.refundReason) {
-      return ElMessage.error('请输入退款原因');
-    }
-    if (refundFormData.value.refundModel == 0) {
-      refundFormData.value.partRefundGold = refundFormData.value.permanentGold,
-          refundFormData.value.partRefundFree = refundFormData.value.freeGold
-    }
-    const result = await request({
-      url: '/Money/addOnline',
-      data: {
-        jwcode: refundFormData.value.jwcode,
-        name: refundFormData.value.name,
-        market: refundFormData.value.marketName,
-        submitterId: adminData.value.id,
-        submitterMarket: adminData.value.markets,
-        remark: refundFormData.value.remark,
-        refundReason: refundFormData.value.refundReason,
-        refundModel: refundFormData.value.refundModel,
-        originalOrderId: refundFormData.value.id,
-        orderCode: refundFormData.value.orderCode,
-        permanentGold: (refundFormData.value.permanentGold) * 100 || 0,
-        freeGold: (refundFormData.value.freeGold) * 100 || 0,
-        partRefundGold: (refundFormData.value.partRefundGold) * 100 || 0,
-        partRefundFree: (refundFormData.value.partRefundFree) * 100 || 0,
-        handlingCharge: refundFormData.value.handlingCharge == null ? null : refundFormData.value.handlingCharge * 100,
-      }
-    })
-    if (result.code == 200) {
-      ElMessage.success('新增退款成功')
-      getlist()
-      closeRefundForm()
-    } else {
-      ElMessage.error(result.msg)
-      getlist()
+            return ElMessage.error('线上数据仅支持金币充值退款');
+        }
+        if (!refundFormData.value.refundModel) {
+            return ElMessage.error('请选择退款方式');
+        }
+        if (!refundFormData.value.refundReason) {
+            return ElMessage.error('请输入退款原因');
+        }
+        if (refundFormData.value.refundModel == 0) {
+            refundFormData.value.partRefundGold = refundFormData.value.permanentGold,
+                refundFormData.value.partRefundFree = refundFormData.value.freeGold
+        }
+        const result = await request({
+            url: '/Money/addOnline',
+            data: {
+                jwcode: refundFormData.value.jwcode,
+                name: refundFormData.value.name,
+                market: refundFormData.value.marketName,
+                submitterId: adminData.value.id,
+                submitterMarket: adminData.value.markets,
+                remark: refundFormData.value.remark,
+                refundReason: refundFormData.value.refundReason,
+                refundModel: refundFormData.value.refundModel,
+                originalOrderId: refundFormData.value.id,
+                orderCode: refundFormData.value.orderCode,
+                permanentGold: (refundFormData.value.permanentGold) * 100 || 0,
+                freeGold: (refundFormData.value.freeGold) * 100 || 0,
+                partRefundGold: (refundFormData.value.partRefundGold) * 100 || 0,
+                partRefundFree: (refundFormData.value.partRefundFree) * 100 || 0,
+                handlingCharge: refundFormData.value.handlingCharge == null ? null : refundFormData.value.handlingCharge * 100,
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('新增退款成功')
+            getlist()
+            closeRefundForm()
+        } else {
+            ElMessage.error(result.msg)
+            getlist()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
     }
-    console.log('返回参数：', result);
-  } catch (error) {
-    console.log(error);
-  }
 }
 
 // 2.2 搜索与重置
 const search = () => {
-  getlist();
+    getlist();
 };
 
 const reset = () => {
-  searchData.value = {};
-  // 重置页码
-  pageInfo.value.pageNum = 1;
-  getTime.value = []
-  getlist();
+    searchData.value = {};
+    // 重置页码
+    pageInfo.value.pageNum = 1;
+    getTime.value = []
+    getlist();
 };
 
 // 2.3 标签页切换
 const navigateTo = async (tab) => {
-  activeTab.value = tab;
-  await getlist();
+    activeTab.value = tab;
+    await getlist();
 };
 
 // 2.4 审核功能
 // 打开审核弹窗
 const openAuditForm = (row) => {
-  auditFormData.value = {...row, market: row.marketName};
-  ifGold(auditFormData.value)
-  console.log('isGold', isGold.value);
+    auditFormData.value = { ...row, market: row.marketName };
+    ifGold(auditFormData.value)
+    console.log('isGold', isGold.value);
 
-  auditFormisible.value = true;
+    auditFormisible.value = true;
 };
 
 // 关闭审核弹窗
 const closeAuditForm = () => {
-  ifReject.value = false;
-  auditFormisible.value = false;
-  auditFormData.value = {};
+    ifReject.value = false;
+    auditFormisible.value = false;
+    auditFormData.value = {};
 };
 
 // 审核通过
 const handelAudit = async () => {
-  try {
-    const result = await request({
-      url: '/cashAudit/collectionAudit',
-      data: {
-        orderCode: auditFormData.value.orderCode,
-        action: 1,
-        auditId: adminData.value.id
-      }
-    });
-
-    if (result.code === 200) {
-      ElMessage.success('审核通过');
-      getlist();
-      closeAuditForm();
-    } else {
-      ElMessage.error(result.msg || '审核失败');
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                action: 1,
+                auditId: adminData.value.id
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('审核通过');
+            getlist();
+            closeAuditForm();
+        } else {
+            ElMessage.error(result.msg || '审核失败');
+        }
+    } catch (error) {
+        console.error('审核通过请求异常：', error);
+        ElMessage.error('网络异常，请重试');
     }
-  } catch (error) {
-    console.error('审核通过请求异常：', error);
-    ElMessage.error('网络异常，请重试');
-  }
 };
 
 // 审核驳回
 const handelAuditReject = async () => {
-  if (!auditFormData.value.rejectReason) {
-    ElMessage.warning('请输入驳回理由');
-    return;
-  }
-
-  try {
-    const result = await request({
-      url: '/cashAudit/collectionAudit',
-      data: {
-        orderCode: auditFormData.value.orderCode,
-        rejectReason: auditFormData.value.rejectReason,
-        action: 2,
-        auditId: adminData.value.id
-      }
-    });
+    if (!auditFormData.value.rejectReason) {
+        ElMessage.warning('请输入驳回理由');
+        return;
+    }
 
-    if (result.code === 200) {
-      ElMessage.success('驳回成功');
-      getlist();
-      closeAuditForm();
-    } else {
-      ElMessage.error(result.msg || '驳回失败');
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                rejectReason: auditFormData.value.rejectReason,
+                action: 2,
+                auditId: adminData.value.id
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('驳回成功');
+            getlist();
+            closeAuditForm();
+        } else {
+            ElMessage.error(result.msg || '驳回失败');
+        }
+    } catch (error) {
+        console.error('审核驳回请求异常：', error);
+        ElMessage.error('网络异常，请重试');
     }
-  } catch (error) {
-    console.error('审核驳回请求异常：', error);
-    ElMessage.error('网络异常，请重试');
-  }
 };
 
 //判断产品类型
 const isGold = ref(false)
 const ifGold = (data) => {
-  console.log('data', data);
-  if (data.goodsName === '金币充值') {
-    isGold.value = true
-  } else {
-    isGold.value = false
-  }
+    console.log('data', data);
+    if (data.goodsName === '金币充值') {
+        isGold.value = true
+    } else {
+        isGold.value = false
+    }
 }
 
 // 审核按钮倒计时（防止误操作）
 watch(auditFormisible, (val) => {
-  if (val) {
-    countdown.value = 3;
-    isBtnDisabled.value = true;
-    btnText.value = `通过(${countdown.value})`;
-
-    const timer = setInterval(() => {
-      countdown.value--;
-      btnText.value = `通过(${countdown.value})`;
-
-      if (countdown.value <= 0) {
-        isBtnDisabled.value = false;
-        clearInterval(timer);
-        btnText.value = '通过';
-      }
-    }, 1000);
-  }
+    if (val) {
+        countdown.value = 3;
+        isBtnDisabled.value = true;
+        btnText.value = `通过(${countdown.value})`;
+
+        const timer = setInterval(() => {
+            countdown.value--;
+            btnText.value = `通过(${countdown.value})`;
+
+            if (countdown.value <= 0) {
+                isBtnDisabled.value = false;
+                clearInterval(timer);
+                btnText.value = '通过';
+            }
+        }, 1000);
+    }
 });
 
 // 2.5 编辑手续费功能
 // 打开编辑弹窗
 const openEditForm = (row) => {
-  console.log('row.aaa', row.handlingCharge);
+    console.log('row.aaa', row.handlingCharge);
 
-  editFormData.value = {...row};
-  // 区分金币产品与普通产品
-  if (row.goodsName === '金币充值') isEditGold.value = true;
-  else isEditGold.value = false;
-  // 在线支付订单允许修改付款信息
-  if (row.status === 3) ifOnline.value = true;
-  else ifOnline.value = false;
+    editFormData.value = { ...row };
+    // 区分金币产品与普通产品
+    if (row.goodsName === '金币充值') isEditGold.value = true;
+    else isEditGold.value = false;
+    // 在线支付订单允许修改付款信息
+    if (row.status === 3) ifOnline.value = true;
+    else ifOnline.value = false;
 
-  editFormisible.value = true;
+    editFormisible.value = true;
 };
 
 // 关闭编辑弹窗
 const closeEditForm = () => {
-  editFormisible.value = false;
-  editFormData.value = {};
-  editFormRef.value.resetFields();
+    editFormisible.value = false;
+    editFormData.value = {};
+    editFormRef.value.resetFields();
 };
 
 // 提交编辑（补充手续费）
 const submitEditForm = async () => {
-  try {
-    await editFormRef.value.validate();
-
-    // 处理时间格式
-    if (editFormData.value.receivedTime) {
-      editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss');
-    }
-    console.log('editFormData.value.handlingCharge', editFormData.value.handlingCharge);
-
-    const result = await request({
-      url: '/cashCollection/complete',
-      data: {
-        orderCode: editFormData.value.orderCode,
-        handlingCharge: editFormData.value.handlingCharge == null ? null : editFormData.value.handlingCharge * 100, // 转为分单位
-        paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
-        paymentAmount: editFormData.value.paymentAmount * 100, // 转为分单位
-        receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
-        receivedAmount: editFormData.value.receivedAmount * 100 || null, // 转为分单位
-        receivedTime: editFormData.value.receivedTime,
-        receivedRemark: editFormData.value.receivedRemark || ''
-      }
-    });
+    try {
+        await editFormRef.value.validate();
 
-    if (result.code === 200) {
-      ElMessage.success('编辑提交成功');
-      getlist();
-      closeEditForm();
-    } else {
-      ElMessage.error(result.msg || '提交失败');
+        // 处理时间格式
+        if (editFormData.value.receivedTime) {
+            editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss');
+        }
+        console.log('editFormData.value.handlingCharge', editFormData.value.handlingCharge);
+
+        const result = await request({
+            url: '/cashCollection/complete',
+            data: {
+                orderCode: editFormData.value.orderCode,
+                handlingCharge: editFormData.value.handlingCharge == null ? null : editFormData.value.handlingCharge * 100, // 转为分单位
+                paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
+                paymentAmount: editFormData.value.paymentAmount * 100, // 转为分单位
+                receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
+                receivedAmount: editFormData.value.receivedAmount * 100 || null, // 转为分单位
+                receivedTime: editFormData.value.receivedTime,
+                receivedRemark: editFormData.value.receivedRemark || ''
+            }
+        });
+
+        if (result.code === 200) {
+            ElMessage.success('编辑提交成功');
+            getlist();
+            closeEditForm();
+        } else {
+            ElMessage.error(result.msg || '提交失败');
+        }
+    } catch (error) {
+        console.error('编辑提交请求异常：', error);
+        ElMessage.error('表单验证失败，请检查数据格式');
     }
-  } catch (error) {
-    console.error('编辑提交请求异常：', error);
-    ElMessage.error('表单验证失败，请检查数据格式');
-  }
 };
 
 // 2.6 辅助功能
 // 图片预览
 const previewImage = (imageUrl) => {
-  if (!imageUrl) return;
-
-  const imageElement = document.createElement('img');
-  imageElement.src = imageUrl;
-  imageElement.style.maxWidth = '80vw';
-  imageElement.style.maxHeight = '80vh';
-  imageElement.style.objectFit = 'contain';
-
-  const viewer = document.createElement('div');
-  viewer.style.position = 'fixed';
-  viewer.style.top = '0';
-  viewer.style.left = '0';
-  viewer.style.width = '100vw';
-  viewer.style.height = '100vh';
-  viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
-  viewer.style.display = 'flex';
-  viewer.style.justifyContent = 'center';
-  viewer.style.alignItems = 'center';
-  viewer.style.zIndex = '9999';
-  viewer.appendChild(imageElement);
-
-  // 点击关闭预览
-  viewer.addEventListener('click', () => {
-    document.body.removeChild(viewer);
-  });
-
-  document.body.appendChild(viewer);
+    if (!imageUrl) return;
+
+    const imageElement = document.createElement('img');
+    imageElement.src = imageUrl;
+    imageElement.style.maxWidth = '80vw';
+    imageElement.style.maxHeight = '80vh';
+    imageElement.style.objectFit = 'contain';
+
+    const viewer = document.createElement('div');
+    viewer.style.position = 'fixed';
+    viewer.style.top = '0';
+    viewer.style.left = '0';
+    viewer.style.width = '100vw';
+    viewer.style.height = '100vh';
+    viewer.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
+    viewer.style.display = 'flex';
+    viewer.style.justifyContent = 'center';
+    viewer.style.alignItems = 'center';
+    viewer.style.zIndex = '9999';
+    viewer.appendChild(imageElement);
+
+    // 点击关闭预览
+    viewer.addEventListener('click', () => {
+        document.body.removeChild(viewer);
+    });
+
+    document.body.appendChild(viewer);
 };
 
 // 驳回理由悬浮提示
 const handleMouseEnter = (e, content) => {
-  if (!content) return;
+    if (!content) return;
 
-  showTooltip.value = true;
-  tooltipContent.value = content;
-  handleMouseMove(e);
+    showTooltip.value = true;
+    tooltipContent.value = content;
+    handleMouseMove(e);
 };
 
 const handleMouseLeave = () => {
-  showTooltip.value = false;
-  tooltipContent.value = '';
+    showTooltip.value = false;
+    tooltipContent.value = '';
 };
 
 const handleMouseMove = (e) => {
-  // 提示框显示在鼠标左侧，避免遮挡
-  tooltipLeft.value = e.clientX - 210;
-  tooltipTop.value = e.clientY - 10;
+    // 提示框显示在鼠标左侧，避免遮挡
+    tooltipLeft.value = e.clientX - 210;
+    tooltipTop.value = e.clientY - 10;
 };
 
 // 2.7 基础数据加载（初始化）
 // 获取管理员信息
 const getAdminData = async () => {
-  try {
-    const result = await API({url: '/admin/userinfo', data: {}});
-    adminData.value = result;
-
-    // 超级管理员判断（仅用于角色切换权限）
-    // if (adminData.value.roleId === 2) {
-    //     superAdmin.value = true;
-    //     // 管理员所属地区提示
-    //     if (adminData.value.markets === '总部' || adminData.value.markets === '研发部') {
-    //         ElMessageBox.alert(
-    //             '管理员账号仅显示所属地区的财务数据，请确认地区设置',
-    //             '温馨提示',
-    //             { type: 'warning' }
-    //         );
-    //     }
-    // }
-  } catch (error) {
-    console.error('管理员信息获取失败：', error);
-    ElMessage.error('管理员信息加载异常');
-  }
+    try {
+        const result = await API({ url: '/admin/userinfo', data: {} });
+        adminData.value = result;
+
+        // 超级管理员判断（仅用于角色切换权限）
+        // if (adminData.value.roleId === 2) {
+        //     superAdmin.value = true;
+        //     // 管理员所属地区提示
+        //     if (adminData.value.markets === '总部' || adminData.value.markets === '研发部') {
+        //         ElMessageBox.alert(
+        //             '管理员账号仅显示所属地区的财务数据，请确认地区设置',
+        //             '温馨提示',
+        //             { type: 'warning' }
+        //         );
+        //     }
+        // }
+    } catch (error) {
+        console.error('管理员信息获取失败：', error);
+        ElMessage.error('管理员信息加载异常');
+    }
 };
 
 // 获取活动列表
 const getActivitys = async () => {
-  try {
-    const result = await API({url: '/cashCollection/getActivityList', data: {}});
-    if (result.code === 200) {
-      activityList.value = result.data;
-    } else {
-      ElMessage.error('活动列表加载失败');
+    try {
+        const result = await API({ url: '/cashCollection/getActivityList', data: {} });
+        if (result.code === 200) {
+            activityList.value = result.data;
+        } else {
+            ElMessage.error('活动列表加载失败');
+        }
+    } catch (error) {
+        console.error('活动列表获取失败：', error);
+        ElMessage.error('活动数据加载异常');
     }
-  } catch (error) {
-    console.error('活动列表获取失败：', error);
-    ElMessage.error('活动数据加载异常');
-  }
 };
 
 // 2.8 节流函数（防止重复提交）
-const throttledhandelAuditReject = _.throttle(handelAuditReject, 3000, {trailing: false});
-const throttledsubmitEditForm = _.throttle(submitEditForm, 3000, {trailing: false});
+const throttledhandelAuditReject = _.throttle(handelAuditReject, 3000, { trailing: false });
+const throttledsubmitEditForm = _.throttle(submitEditForm, 3000, { trailing: false });
 const throttledsubmitRefund = _.throttle(submitRefund, 5000, {
-  trailing: false
+    trailing: false
 })
 // 2.9 页面初始化
 onMounted(async () => {
-  await getAdminData();
-  await getActivitys();
-  // 初始化加载地区财务订单数据
-  await getlist();
-
-  // if (!hasMenuPermission(menuTree.value, 67)) {
-  //     ElMessageBox.alert(
-  //         '您暂无该页面操作权限，请联系管理员',
-  //         '权限提示',
-  //         { type: 'error' }
-  //     ).then(() => {
-  //         window.history.back();
-  //     });
-  // }
-  //背景预加载
-  const bgImg = new Image();
-  bgImg.src = '/src/assets/receive-recall.png';
-  getMarket()
+    await getAdminData();
+    await getActivitys();
+    // 初始化加载地区财务订单数据
+    await getlist();
+
+    // if (!hasMenuPermission(menuTree.value, 67)) {
+    //     ElMessageBox.alert(
+    //         '您暂无该页面操作权限，请联系管理员',
+    //         '权限提示',
+    //         { type: 'error' }
+    //     ).then(() => {
+    //         window.history.back();
+    //     });
+    // }
+    //背景预加载
+    const bgImg = new Image();
+    bgImg.src = '/src/assets/receive-recall.png';
+    getMarket()
 });
 
 // 2.10 未使用函数占位（避免报错）
-const handleCurrencyChange = () => {
-};
+const handleCurrencyChange = () => { };
 const beforeUpload = () => true;
-const handelImgErr = () => {
-};
-const handleImageChange = () => {
-};
-const customUpload = () => {
-};
-const handleDatePickerChange = () => {
-};
+const handelImgErr = () => { };
+const handleImageChange = () => { };
+const customUpload = () => { };
+const handleDatePickerChange = () => { };
 const disabledDate = () => false;
-const handleSortChange = () => {
-};
+const handleSortChange = () => { };
 const getMarket = async function () {
-  try {
-    const result = await API({
-
-      url: '/market/selectMarket',
-    })
-    console.log('看看地区树', result)
-
-    const transformTree = (nodes) => {
-      const allChildren = nodes.flatMap(node => node.children || []);
-
-      return allChildren.map(child => {
-        const grandchildren = child.children && child.children.length
-            ? transformTree([child])
-            : null;
-
-        return {
-          value: child.id,
-          label: child.name,
-          children: grandchildren
+    try {
+        const result = await API({
+
+            url: '/market/selectMarket',
+        })
+        console.log('看看地区树', result)
+
+        const transformTree = (nodes) => {
+            const allChildren = nodes.flatMap(node => node.children || []);
+
+            return allChildren.map(child => {
+                const grandchildren = child.children && child.children.length
+                    ? transformTree([child])
+                    : null;
+
+                return {
+                    value: child.id,
+                    label: child.name,
+                    children: grandchildren
+                };
+            });
         };
-      });
-    };
-    market.value = transformTree(result.data)
-    console.log('转换后的地区树==============', market.value)
-  } catch (error) {
-    console.log('请求失败', error)
-  }
+        market.value = transformTree(result.data)
+        console.log('转换后的地区树==============', market.value)
+    } catch (error) {
+        console.log('请求失败', error)
+    }
 }
 const handlePagination = (type, val) => {
-  if (type === 'size') pageInfo.value.pageSize = val;
-  else pageInfo.value.pageNum = val;
-  getlist();
+    if (type === 'size') pageInfo.value.pageSize = val;
+    else pageInfo.value.pageNum = val;
+    getlist();
 };
 </script>
 
 <style scoped lang="scss">
 .content {
-  height: 100%;
-  width: 80vw;
-
-  .card1 {
-    width: 100%;
-    background: #F3FAFE;
-
-    .rowItem {
-      display: flex;
-      width: 15vw;
-      align-items: center;
-      justify-content: center;
-      margin-right: 0.5vw;
-    }
+    height: 100%;
+    width: 80vw;
 
-    el-button {
-      margin-left: 10px;
-    }
-
-    .row1 {
-      height: 4vh;
-      width: 80vw;
-      display: flex;
-      min-height: 40px;
-    }
+    .card1 {
+        width: 100%;
+        background: #F3FAFE;
 
-    .row2 {
-      height: 4vh;
-      width: 80vw;
-      display: flex;
-      align-items: center;
+        .rowItem {
+            display: flex;
+            width: 15vw;
+            align-items: center;
+            justify-content: center;
+            margin-right: 0.5vw;
+        }
 
-      min-height: 40px;
+        el-button {
+            margin-left: 10px;
+        }
 
-      .left {
-        height: 4vh;
-        width: 58vw;
-        display: flex;
-        min-height: 40px;
-      }
-    }
-  }
+        .row1 {
+            height: 4vh;
+            width: 80vw;
+            display: flex;
+            min-height: 40px;
+        }
 
+        .row2 {
+            height: 4vh;
+            width: 80vw;
+            display: flex;
+            align-items: center;
 
-  .div-card2 {
-    width: 100%;
-    margin-top: 2vh;
+            min-height: 40px;
 
-    .card2 {
-      background: #E7F4FD;
+            .left {
+                height: 4vh;
+                width: 58vw;
+                display: flex;
+                min-height: 40px;
+            }
+        }
     }
 
-    .btns {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-bottom: 10px;
 
-      .tabs {
+    .div-card2 {
         width: 100%;
-        min-width: 300px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .btnItem {
-          margin-left: 10px;
-          border-radius: 5px;
-        }
+        margin-top: 2vh;
 
-        .info-tooltip {
-          display: flex;
-          align-items: center;
+        .card2 {
+            background: #E7F4FD;
         }
 
-        .service-icon {
-          color: #666;
-          cursor: pointer;
-          font-size: 18px;
-          transition: all 0.3s ease;
-          padding: 4px;
-          border-radius: 50%;
+        .btns {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 10px;
+
+            .tabs {
+                width: 100%;
+                min-width: 300px;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+
+                .btnItem {
+                    margin-left: 10px;
+                    border-radius: 5px;
+                }
+
+                .info-tooltip {
+                    display: flex;
+                    align-items: center;
+                }
+
+                .service-icon {
+                    color: #666;
+                    cursor: pointer;
+                    font-size: 18px;
+                    transition: all 0.3s ease;
+                    padding: 4px;
+                    border-radius: 50%;
+                }
+            }
         }
-      }
-    }
-
-
-    .table {
-      margin: 10px;
-      border-radius: 20px;
 
-      .ellipsis-container {
-        position: relative;
-        width: 100%;
 
-        .ellipsis-text {
-          display: inline-block;
-          width: 100%;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          cursor: pointer;
+        .table {
+            margin: 10px;
+            border-radius: 20px;
+
+            .ellipsis-container {
+                position: relative;
+                width: 100%;
+
+                .ellipsis-text {
+                    display: inline-block;
+                    width: 100%;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    cursor: pointer;
+                }
+
+                .custom-tooltip {
+                    position: fixed;
+                    z-index: 9999;
+                    padding: 8px 12px;
+                    width: 200px;
+                    background-color: #E4F0FC;
+                    color: #333333;
+                    border: 1px solid #e5e7eb;
+                    border-radius: 4px;
+                    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+                    min-height: 30px;
+                    max-height: 300px;
+                    overflow-y: auto;
+                    font-size: 14px;
+                    line-height: 1.5;
+                }
+            }
         }
 
-        .custom-tooltip {
-          position: fixed;
-          z-index: 9999;
-          padding: 8px 12px;
-          width: 200px;
-          background-color: #E4F0FC;
-          color: #333333;
-          border: 1px solid #e5e7eb;
-          border-radius: 4px;
-          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-          min-height: 30px;
-          max-height: 300px;
-          overflow-y: auto;
-          font-size: 14px;
-          line-height: 1.5;
+        .pagination {
+            margin-top: 10px;
+            padding: 10px 10px;
         }
-      }
-    }
-
-    .pagination {
-      margin-top: 10px;
-      padding: 10px 10px;
     }
-  }
-
-  :deep(.adddialog) {
-    min-width: 500px;
-    background-color: #F3FAFE !important;
-    margin-top: 8vh;
-    border-radius: 8px;
-
-    .addForm {
-      padding: 0 60px 1vh 60px;
-
-      .el-date-editor {
-        display: flex;
-        flex: 1;
 
-      }
-
-      .pic {
-        display: flex;
-        align-items: center;
-
-        .uploader {
-          height: 80px;
-          width: 80px;
-
-          .el-upload {
-            height: 100%;
-            width: 100%;
-          }
+    :deep(.adddialog) {
+        min-width: 500px;
+        background-color: #F3FAFE !important;
+        margin-top: 8vh;
+        border-radius: 8px;
+
+        .addForm {
+            padding: 0 60px 1vh 60px;
+
+            .el-date-editor {
+                display: flex;
+                flex: 1;
+
+            }
+
+            .pic {
+                display: flex;
+                align-items: center;
+
+                .uploader {
+                    height: 80px;
+                    width: 80px;
+
+                    .el-upload {
+                        height: 100%;
+                        width: 100%;
+                    }
+                }
+
+                .picText {
+                    color: #999999;
+                    font-family: "PingFang SC";
+                    font-size: 10px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 20px;
+                    margin-left: 10px;
+                }
+            }
         }
 
-        .picText {
-          color: #999999;
-          font-family: "PingFang SC";
-          font-size: 10px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 20px;
-          margin-left: 10px;
+        .dialog-footer {
+            display: flex;
+            justify-content: center;
+            padding-bottom: 1.5vh;
         }
-      }
     }
 
-    .dialog-footer {
-      display: flex;
-      justify-content: center;
-      padding-bottom: 1.5vh;
-    }
-  }
-
-  :deep(.editdialog) {
-    min-width: 990px;
-    background-color: #F3FAFE !important;
-    margin-top: 8vh;
-    border-radius: 8px;
-
-    .editForm {
-      padding: 0 60px 1vh 60px;
-
-      .el-date-editor {
-        display: flex;
-        flex: 1;
-      }
-
-      .pic {
-        display: flex;
-        align-items: center;
-
-        .uploader {
-          height: 80px;
-          width: 80px;
+    :deep(.editdialog) {
+        min-width: 990px;
+        background-color: #F3FAFE !important;
+        margin-top: 8vh;
+        border-radius: 8px;
+
+        .editForm {
+            padding: 0 60px 1vh 60px;
+
+            .el-date-editor {
+                display: flex;
+                flex: 1;
+            }
+
+            .pic {
+                display: flex;
+                align-items: center;
+
+                .uploader {
+                    height: 80px;
+                    width: 80px;
+
+                    .el-upload {
+                        height: 100%;
+                        width: 100%;
+                    }
+                }
+
+                .picText {
+                    color: #999999;
+                    font-family: "PingFang SC";
+                    font-size: 10px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 20px;
+                    margin-left: 10px;
+                }
+            }
+        }
 
-          .el-upload {
+        .content {
+            display: flex;
             height: 100%;
             width: 100%;
-          }
-        }
 
-        .picText {
-          color: #999999;
-          font-family: "PingFang SC";
-          font-size: 10px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 20px;
-          margin-left: 10px;
+            .left {
+                min-width: 500px;
+            }
+
+            .right {
+                flex: 1;
+
+                .editFormRighrt {
+                    padding: 0 60px 0 40px;
+
+                    .el-date-editor {
+                        display: flex;
+                        flex: 1;
+                    }
+                }
+
+                .editBtns {
+                    display: flex;
+                    justify-content: center;
+                    margin-top: 60px;
+
+                    .txt {
+                        color: #f3fafe;
+                        text-align: center;
+                        font-family: "PingFang SC";
+                        font-size: 14px;
+                        font-style: normal;
+                        font-weight: 700;
+                        line-height: 22px;
+                    }
+
+                    .editBtn1 {
+                        min-width: 80px;
+                        padding: 5px 12px;
+                        justify-content: center;
+                        align-items: center;
+                        gap: 4px;
+                        border-radius: 4px;
+                        background: #7E91FF;
+                        border: none;
+                        box-shadow: 0 0 4px 0 #00000040;
+                    }
+
+                    .editBtn2 {
+                        display: flex;
+                        width: 80px;
+                        min-width: 80px;
+                        padding: 5px 12px;
+                        justify-content: center;
+                        align-items: center;
+                        gap: 4px;
+                        border-radius: 4px;
+                        background: #2741DE;
+                        border: none;
+                        box-shadow: 0 0 4px 0 #00000040;
+                        margin-left: 60px;
+                    }
+                }
+            }
         }
-      }
     }
 
-    .content {
-      display: flex;
-      height: 100%;
-      width: 100%;
-
-      .left {
-        min-width: 500px;
-      }
-
-      .right {
-        flex: 1;
-
-        .editFormRighrt {
-          padding: 0 60px 0 40px;
+    :deep(.adddialog .el-form-item__label) {
+        min-width: 80px;
+        width: auto;
+        font-weight: 800;
+        padding-bottom: 15px;
+    }
 
-          .el-date-editor {
-            display: flex;
-            flex: 1;
-          }
+    .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;
+            }
         }
 
-        .editBtns {
-          display: flex;
-          justify-content: center;
-          margin-top: 60px;
+        .right {
+            width: 50%;
+            height: 50vh;
 
-          .txt {
-            color: #f3fafe;
-            text-align: center;
-            font-family: "PingFang SC";
-            font-size: 14px;
-            font-style: normal;
-            font-weight: 700;
-            line-height: 22px;
-          }
-
-          .editBtn1 {
-            min-width: 80px;
-            padding: 5px 12px;
-            justify-content: center;
-            align-items: center;
-            gap: 4px;
-            border-radius: 4px;
-            background: #7E91FF;
-            border: none;
-            box-shadow: 0 0 4px 0 #00000040;
-          }
-
-          .editBtn2 {
-            display: flex;
-            width: 80px;
-            min-width: 80px;
-            padding: 5px 12px;
-            justify-content: center;
-            align-items: center;
-            gap: 4px;
-            border-radius: 4px;
-            background: #2741DE;
-            border: none;
-            box-shadow: 0 0 4px 0 #00000040;
-            margin-left: 60px;
-          }
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
         }
-      }
-    }
-  }
-
-  :deep(.adddialog .el-form-item__label) {
-    min-width: 80px;
-    width: auto;
-    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;
-      }
-    }
-  }
 }
 
 // 表格样式统一
@@ -1680,101 +1674,101 @@ const handlePagination = (type, val) => {
 :deep(.el-table__body-wrapper),
 :deep(.el-table__cell),
 :deep(.el-table__body td) {
-  background-color: #F3FAFE !important;
+    background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__header th) {
-  background-color: #F3FAFE !important;
+    background-color: #F3FAFE !important;
 }
 
 :deep(.el-table__row:hover > .el-table__cell) {
-  background-color: #E5EBFE !important;
+    background-color: #E5EBFE !important;
 }
 
 // 驳回理由弹窗样式
 .reject-reason-box {
-  --el-message-box-height: 500px;
+    --el-message-box-height: 500px;
 }
 
 .reject-reason-box .el-message-box__content {
-  max-height: 350px;
-  overflow-y: auto;
-  white-space: pre-wrap;
+    max-height: 350px;
+    overflow-y: auto;
+    white-space: pre-wrap;
 }
 
 .recallDialog {
-  //撤回弹窗提示
-  height: 392px;
-  width: 700px;
-  background-image: url('/src/assets/receive-recall.png');
-  position: fixed; // 固定定位，相对于浏览器窗口
-  top: 50%; // 距离顶部50%
-  left: 50%; // 距离左侧50%
-  transform: translate(-50%, -50%); // 向左、向上平移自身宽高的50%，实现居中
-  z-index: 1000; // 确保在其他元素上层显示
-
-  .close {
-    position: absolute;
-    left: 625px;
-    top: 20px;
-    height: 38px;
-    width: 38px;
-    opacity: 0;
-
-    .Btn {
-      height: 100%;
-      width: 100%;
-      border-radius: 10px;
+    //撤回弹窗提示
+    height: 392px;
+    width: 700px;
+    background-image: url('/src/assets/receive-recall.png');
+    position: fixed; // 固定定位，相对于浏览器窗口
+    top: 50%; // 距离顶部50%
+    left: 50%; // 距离左侧50%
+    transform: translate(-50%, -50%); // 向左、向上平移自身宽高的50%，实现居中
+    z-index: 1000; // 确保在其他元素上层显示
+
+    .close {
+        position: absolute;
+        left: 625px;
+        top: 20px;
+        height: 38px;
+        width: 38px;
+        opacity: 0;
+
+        .Btn {
+            height: 100%;
+            width: 100%;
+            border-radius: 10px;
+        }
     }
-  }
-
-  .text {
-    position: absolute;
-    left: 185px;
-    top: 190px;
-    height: 67px;
-    width: 500px;
-
-    .txt {
-      height: 100%;
-      width: 100%;
-      color: #001a42;
-      font-family: "PingFang SC";
-      font-size: 48px;
-      font-style: normal;
-      font-weight: 900;
-      line-height: normal;
+
+    .text {
+        position: absolute;
+        left: 185px;
+        top: 190px;
+        height: 67px;
+        width: 500px;
+
+        .txt {
+            height: 100%;
+            width: 100%;
+            color: #001a42;
+            font-family: "PingFang SC";
+            font-size: 48px;
+            font-style: normal;
+            font-weight: 900;
+            line-height: normal;
+        }
     }
-  }
-
-  .cancle {
-    position: absolute;
-    left: 185px;
-    top: 304px;
-    height: 55px;
-    width: 150px;
-    opacity: 0;
-
-    .Btn {
-      height: 100%;
-      width: 100%;
-      border-radius: 20px;
+
+    .cancle {
+        position: absolute;
+        left: 185px;
+        top: 304px;
+        height: 55px;
+        width: 150px;
+        opacity: 0;
+
+        .Btn {
+            height: 100%;
+            width: 100%;
+            border-radius: 20px;
+        }
     }
-  }
-
-  .confirm {
-    position: absolute;
-    left: 375px;
-    top: 304px;
-    height: 55px;
-    width: 150px;
-    opacity: 0;
-
-    .Btn {
-      height: 100%;
-      width: 100%;
-      border-radius: 20px;
+
+    .confirm {
+        position: absolute;
+        left: 375px;
+        top: 304px;
+        height: 55px;
+        width: 150px;
+        opacity: 0;
+
+        .Btn {
+            height: 100%;
+            width: 100%;
+            border-radius: 20px;
+        }
     }
-  }
 }
 </style>
\ No newline at end of file