diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..8fa72ce
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,20 @@
+VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
+# 测试环境
+#  VITE_API_BASE='http://54.255.212.181:10704/'
+# 正式环境
+#  VITE_API_BASE='http://54.255.212.181:10705/'
+VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
+#  VITE_API_BASE='http://192.168.9.28:8081/'
+# sunjiabei
+#  VITE_API_BASE='http://192.168.9.28:8081/'
+#  VITE_API_BASE='http://192.168.5.92:8081/'
+# 张勇
+#  VITE_API_BASE='http://192.168.3.83:8081/'
+# 本地
+# VITE_API_BASE='http://localhost:8081/'
+# 孙加倍
+# VITE_API_BASE='http://192.168.40.12:8081'
+
+# Lijianlin
+# VITE_API_BASE='http://192.168.9.41:8081/'
+# VITE_API_BASE='http://localhost:8081/'
diff --git a/src/components/MoneyManage/CurrencySelect.vue b/src/components/MoneyManage/CurrencySelect.vue
index d10bbb4..0f4281f 100644
--- a/src/components/MoneyManage/CurrencySelect.vue
+++ b/src/components/MoneyManage/CurrencySelect.vue
@@ -124,7 +124,7 @@ watch(() => props.modelValue, (newVal) => {
 // 下拉容器
 .dropdown {
   position: relative;
-  width: 268px;
+  width: 100%;
   font-family: 'Arial', sans-serif;
 }
 
@@ -154,30 +154,32 @@ watch(() => props.modelValue, (newVal) => {
     width: 100%;
     height: 100%;
     position: sticky;
-  }
 
-  // 搜索输入框
-  .search-input {
-    width: 100%;
-    height: 90%;
-    /* 左侧留出图标空间 */
-    box-sizing: border-box;
-    border: none;
-    border-radius: 6px;
-    padding-left: 11px;
-    outline: none;
-    font-size: 14px;
-    transition: border-color 0.3s ease;
-
-    &::placeholder {
-      color: #999999;
-      opacity: 1;
-      font-style: normal;
-      font-weight: 350;
-      line-height: 22px;
+    // 搜索输入框
+    .search-input {
+      width: 100%;
+      height: 90%;
+      /* 左侧留出图标空间 */
+      box-sizing: border-box;
+      border: none;
+      border-radius: 6px;
+      padding-left: 11px;
+      outline: none;
+      font-size: 14px;
+      transition: border-color 0.3s ease;
+
+      &::placeholder {
+        color: #999999;
+        opacity: 1;
+        font-style: normal;
+        font-weight: 350;
+        line-height: 22px;
+      }
     }
-
   }
+   .arrow {
+      color: #9ca3af;
+    }
 
   .clear-icon {
     position: absolute;
@@ -211,9 +213,6 @@ watch(() => props.modelValue, (newVal) => {
       display: none;
     }
 
-    .arrow {
-      color: #9ca3af;
-    }
 
     &:hover {
       border-color: #d1d5db;
@@ -250,7 +249,7 @@ watch(() => props.modelValue, (newVal) => {
   position: absolute;
   top: 100%; // 紧贴触发器下方
   left: 0;
-  width: 100%;
+  width: 120%;
   border: 1px solid #678BFF;
   min-height: 50px;
   max-height: 300px;
@@ -313,6 +312,7 @@ watch(() => props.modelValue, (newVal) => {
   border: none;
   border-radius: 10px;
   background-color: #fff;
+  box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.3);
   font-size: 12px;
   font-style: normal;
   font-weight: 700;
diff --git a/src/router/index.js b/src/router/index.js
index 3b6ff6c..7176533 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -296,6 +296,7 @@ const routes = [
                     }
                 ]
             },
+            // 现金管理
             {
                 path: '/moneyManage',
                 name: 'moneyManage',
@@ -318,7 +319,7 @@ const routes = [
                             {
                                 path: 'receiveManager',
                                 name: "receiveManager",
-                                component: () => import("../views/moneyManage/receiveDetail/receiveManage.vue"),
+                                component: () => import("../views/moneyManage/receiveDetail/receiveFinance.vue"),
                                 meta: { permissionId: [67, 79] }
                             },
                             {//地区财务
@@ -382,6 +383,36 @@ const routes = [
                     },
                 ]
             },
+            // 频道管理
+            {
+                path: 'channelManage',
+                name: 'channelManage',
+                meta: { permissionId: 124 },
+                children: [
+                    // 打赏
+                    {
+                        path: 'reward',
+                        name: "reward",
+                        component: () => import("../views/channelManage/reward/reward.vue"),
+                        meta: { permissionId: 125 }
+                    },
+                    // 铁粉
+                    {
+                        path: 'fans',
+                        name: "fans",
+                        component: () => import("../views/channelManage/fans/fans.vue"),
+                        meta: { permissionId: 126 }
+                    },
+                    // 购物车
+                    {
+                        path: 'cart',
+                        name: "cart",
+                        component: () => import("../views/channelManage/cart/cart.vue"),
+                        meta: { permissionId: 127 }
+                    }   
+                ]
+            },
+            // 活动管理
             {
                 path: 'activityManage',
                 name: "activityManage",
diff --git a/src/utils/menuTreePermission.js b/src/utils/menuTreePermission.js
index 99dc1b9..a502085 100644
--- a/src/utils/menuTreePermission.js
+++ b/src/utils/menuTreePermission.js
@@ -187,7 +187,7 @@ export const findMenuById = (menuList, targetId) => {
 // 递归判断某个 menuId 是否存在
 export const hasMenuPermission = (tree, targetId) => {
     for (const node of tree) {
-        console.log(node.id)
+        // console.log(node.id)
         if (node.id === targetId) return true;
         if (node.children && hasMenuPermission(node.children, targetId)) return true;
     }
diff --git a/src/utils/menuUtils.js b/src/utils/menuUtils.js
index aec0e4e..b8ba460 100644
--- a/src/utils/menuUtils.js
+++ b/src/utils/menuUtils.js
@@ -91,8 +91,13 @@ export const getRoutePath = (menu) => {
         '退款-总部财务':'/moneyManage/refundDetail/refundHeader',
 
         '执行明细': '/moneyManage/executor',
-    };
 
+        '频道管理': '/channelManage',
+        '打赏管理': '/channelManage/reward',
+        '铁粉管理': '/channelManage/fans',
+        '小黄车管理': '/channelManage/cart',
+    };
+    // console.log('1111',menu.menuName)
     // 未匹配的菜单默认使用id作为路由（可根据实际需求调整）
     return routeMap[menu.menuName] || '/noPermission'
 
diff --git a/src/views/audit/bean/beanAudit.vue b/src/views/audit/bean/beanAudit.vue
index fa421d2..8bc7e23 100644
--- a/src/views/audit/bean/beanAudit.vue
+++ b/src/views/audit/bean/beanAudit.vue
@@ -102,7 +102,7 @@
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+      <el-pagination background :current-page="pagination.pageNum" :page-size="pagination.pageSize"
         layout="total, sizes, prev, pager, next, jumper" :total="stats.num" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
@@ -173,6 +173,9 @@ const reason = ref('')
 const rejectRow = ref({
   id: null
 })// 驳回行数据
+const passRow = ref({
+  id: null
+})// 通过行数据
 const popconfirmRef = ref(null)
 
 // 操作权限（金豆审核相关，与充值权限格式对齐）
@@ -337,6 +340,7 @@ const showApproveDialog = (row) => {
     ElMessage.error('暂无权限')
     return
   }
+  passRow.value.id = row.id
   approveDialogVisible.value = true
 }
 
@@ -351,7 +355,7 @@ const handleApproveConfirm = async (row) => {
   clicked.value = true
   try {
     const params = {
-      id: row.id,
+      id: passRow.value.id,
       auditName: adminData.value.adminName
     }
     await API({ url: '/beanAudit/status1', data: params })
@@ -472,9 +476,12 @@ const resetSearch = async function () {
     auditStartTime: '',
     auditEndTime: ''
   }
+  // 重置页码
+  pagination.value.pageNum = 1
   selectedMarkets.value = []
   dateRange.value = []
   activeTimeRange.value = ''
+
   await get()
   await getStats()
 }
diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index 2262ce6..959a267 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -160,7 +160,7 @@
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.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>
@@ -447,6 +447,8 @@ const resetSearch = function () {
     market: "",
     auditStatus: rechargeAudit.value.auditStatus
   }
+  // 重置页码
+  getObj.value.pageNum = 1
   selectedMarketPath.value = []
   getTime.value = []
   activeTimeRange.value = '' // 清除激活状态
diff --git a/src/views/audit/gold/refundAudit.vue b/src/views/audit/gold/refundAudit.vue
index 73f5a2c..f1255df 100644
--- a/src/views/audit/gold/refundAudit.vue
+++ b/src/views/audit/gold/refundAudit.vue
@@ -148,7 +148,7 @@
         </template>
       </el-table-column>
     </el-table>
-    <el-pagination class="pagination" background v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+    <el-pagination class="pagination" background :current-page="pagination.pageNum" :page-size="pagination.pageSize"
       layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" @size-change="handlePageSizeChange"
       @current-change="handleCurrentChange"></el-pagination>
   </el-card>
@@ -520,6 +520,8 @@ const resetSearch = function () {
     sortOrder: '',
     auditStatus: auditStatus
   }
+  // 重置页码
+  pagination.value.pageNum = 1
   dateRange.value = []
   activeTimeRange.value = '' // 清除激活状态
   selectedMarketPath.value = []
diff --git a/src/views/channelManage/cart/cart.vue b/src/views/channelManage/cart/cart.vue
new file mode 100644
index 0000000..9695aed
--- /dev/null
+++ b/src/views/channelManage/cart/cart.vue
@@ -0,0 +1,676 @@
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import { dayjs, ElMessage } from 'element-plus'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
+import moment from 'moment'
+import { ar } from 'element-plus/es/locales.mjs'
+// 之后整理一下
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
+]
+/*
+====================工具方法==============================
+*/
+
+// 时间格式化
+const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
+
+/*
+====================数据=================================
+*/
+//这是获取用户信息的接口
+const adminData = ref({})
+// 充值明细表格
+const tableData = ref([])
+
+// 搜索articleVideo 表单
+const beanConsumeArticle = ref({
+  jwcode: null,
+  dept: "",
+  type: "",
+  payMode: "",
+  articleId: "",
+  articleName: "",
+  author: "",
+  startTime: '',
+  endTime: '',
+
+})
+// 频道列表
+const channels = ref([])
+
+// 抽离类型选项到响应式数组
+const consumeTypes = ref([
+  { label: '打赏', value: 9 },
+  { label: '打赏', value: 10 },
+  { label: '付费购买', value: 11 },
+])
+
+// 处理 payMode 选择变化
+const handlePayModeChange = (value) => {
+  beanConsumeArticle.value.payMode = value;
+  // 触发搜索
+  ConsumeSelectBy();
+}
+
+//------------------------
+
+// 标记当前激活的时间范围按钮
+const activeTimeRange = ref('')
+// 日期选择器变化时清除按钮激活状态
+const handleDatePickerChange = () => {
+  activeTimeRange.value = ''
+}
+// 搜索对象
+const getObj = ref({
+  pageNum: 1,
+  pageSize: 50
+})
+
+//分页总条目
+const total = ref(100)
+
+// 搜索对象时间
+const getTime = ref({
+  startTime: '',
+  endTime: ''
+})
+
+// 搜索地区列表
+const dept = ref([])
+// 获取地区列表的方法
+const getDept = async function () {
+  try {
+    // 发送请求获取地区列表
+    const result = await request({
+      // url: '/general/dept',
+
+      url: '/beanConsume/getDept', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求地区列表成功', result)
+    // 存储地区数据
+    dept.value = result.data
+    console.log('地区数据', dept.value)
+  } catch (error) {
+    console.log('请求地区列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取地区列表失败，请稍后重试'
+    })
+  }
+}
+
+// // 频道模糊查询方法
+// const filterChannel = (query) => {
+//   if (query) {
+//     return channels.value.filter(item => item.toLowerCase().includes(query.toLowerCase()));
+//   }
+//   return channels.value;
+// };
+
+// 新增排序字段和排序方式
+const sortField = ref('')
+const sortOrder = ref('')
+
+// 合计数
+const permanentBean = ref(0)
+const freeBean = ref(0)
+const totalNum = ref(0)
+
+
+/*
+====================方法=================================
+*/
+// 获取登录用户信息
+const getAdminData = async function () {
+  try {
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
+
+const ConsumeSelectBy = async function (val) {
+  try {
+
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+
+    if (getTime.value != null) {
+      if (getTime.value.startTime != '' && getTime.value.endTime != '') {
+        beanConsumeArticle.value.startTime = formatTime(getTime.value[0])
+        beanConsumeArticle.value.endTime = formatTime(getTime.value[1])
+      }
+    } else {
+      beanConsumeArticle.value.startTime = ''
+      beanConsumeArticle.value.endTime = ''
+    }
+    beanConsumeArticle.value.sortField = sortField.value
+    beanConsumeArticle.value.sortOrder = sortOrder.value
+
+    console.log('搜索参数_时间', beanConsumeArticle.value.startTime)
+    console.log('搜索参数1', getObj.value)
+    console.log('搜索参数2', beanConsumeArticle.value)
+
+    // 发送POST请求
+    const result = await request({
+      url: '/beanConsume/selectArticleBy',
+      data: {
+        pageNum: getObj.value.pageNum,
+        pageSize: getObj.value.pageSize,
+        beanConsumeArticle: {
+          ...beanConsumeArticle.value,
+          jwcode: beanConsumeArticle.value.jwcode,
+          dept: beanConsumeArticle.value.dept,
+          payMode: beanConsumeArticle.value.payMode,
+          articleId: beanConsumeArticle.value.articleId,
+          articleName: beanConsumeArticle.value.articleName,
+          author: beanConsumeArticle.value.author,
+          startTime: beanConsumeArticle.value.startTime,
+          endTime: beanConsumeArticle.value.endTime,
+          sortField: beanConsumeArticle.value.sortField,
+          sortOrder: beanConsumeArticle.value.sortOrder,
+        }
+      }
+    })
+
+    console.log('请求成功4', sortField)
+    console.log('接口响应结果', result); // 打印接口响应结果
+    if (result.code === 200 && result.data && result.data.list) {
+      // 过滤返回的数据，确保 type 值符合 payMode 规则
+      const filteredList = result.data.list.filter(item => {
+        if (beanConsumeArticle.value.payMode === '0') {
+          return [9, 10].includes(Number(item.type));
+        } else if (beanConsumeArticle.value.payMode === '1') {
+          return Number(item.type) === 11;
+        }
+        return true;
+      });
+      tableData.value = filteredList;
+
+    }
+
+    // 合计数的接口
+    // 复制一份 beanConsumeArticle.value 并设置固定的 payType 值 8是文章的
+    const sumConsumeParams = {
+      payType: 8, // 固定传入 payType 值 8
+      beanConsumeArticle: {
+        ...beanConsumeArticle.value,
+
+      }
+    };
+
+    // 发送 POST 请求获取合计数
+    const resultTotalGold = await request({
+      url: '/beanConsume/sumConsumeGold',
+      data: sumConsumeParams
+    });
+
+    console.log("总计", resultTotalGold);
+
+    const data = resultTotalGold.data || resultTotalGold;
+    console.log('请求成功3', resultTotalGold.data)
+    console.log('permanentBean3', data.permanentBean)
+    // 返回字段为 permanentBean、freeBean、totalNum
+    permanentBean.value = Number(data.permanentBean) || 0;
+    freeBean.value = Number(data.freeBean) || 0;
+    totalNum.value = Number(data.totalNum) || 0;
+
+    // 存储分页总数
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+// 搜索
+const search = function () {
+  getObj.value.pageNum = 1
+  if (beanConsumeArticle.value.jwcode) {
+    const numRef = /^\d{1,9}$/;
+    if (!numRef.test(beanConsumeArticle.value.jwcode)) {
+      ElMessage.error('请检查精网号格式')
+      return
+    }
+  }
+  if (beanConsumeArticle.value.articleId) {
+    const numRef = /^\d{1,9}$/;
+    if (!numRef.test(beanConsumeArticle.value.articleId)) {
+      ElMessage.error('请检查文章ID格式')
+      return
+    }
+  }
+  ConsumeSelectBy()
+}
+// 重置
+const reset = function () {
+  console.log('文章/视频的重置')
+
+  beanConsumeArticle.value.jwcode = null
+  beanConsumeArticle.value.dept = ''
+  beanConsumeArticle.value.type = ''
+  beanConsumeArticle.value.payMode = ''
+  beanConsumeArticle.value.articleId = ''
+  beanConsumeArticle.value.articleName = ''
+  beanConsumeArticle.value.author = ''
+
+  beanConsumeArticle.value.startTime = ''
+  beanConsumeArticle.value.endTime = ''
+
+
+  sortField.value = ''
+  sortOrder.value = ''
+  getTime.value = {}
+  activeTimeRange.value = '' // 清除激活状态
+
+
+  // 点完重置后，重新请求数据
+  ConsumeSelectBy()
+  console.log(' beanConsumeArticle', beanConsumeArticle.value)
+}
+// 今天
+const getToday = function () {
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'today' // 标记当前激活状态
+
+  ConsumeSelectBy()
+}
+// 昨天
+const getYesterday = function () {
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'yesterday' // 标记当前激活状态
+
+  ConsumeSelectBy()
+}
+// 近7天
+const get7Days = function () {
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = '7days' // 标记当前激活状态
+
+  ConsumeSelectBy()
+}
+
+
+// 处理排序事件
+const handleSortChange = (column) => {
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'beanNum') {
+    sortField.value = 'beanNum'
+  } else if (column.prop === 'consumeTime') {
+    sortField.value = 'consumeTime'
+  } else if (column.prop === 'buyBean') {
+    sortField.value = 'buyBean'
+  } else if (column.prop === 'freeBean') {
+    sortField.value = 'freeBean'
+  }
+  sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
+  ConsumeSelectBy()
+}
+
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  ConsumeSelectBy()
+}
+
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  ConsumeSelectBy()
+}
+/*
+====================计算属性=================================
+*/
+
+// 计算总金币数
+// const totalBean = computed(() => permanentBean.value + freeBean.value)
+
+/*
+====================监听=================================
+*/
+
+/*
+====================挂载=================================
+*/
+
+const format3 = (num) => {
+  // 每三位添加逗号
+  return num.toLocaleString('en-US')
+}
+onMounted(async function () {
+  await getAdminData()
+  await ConsumeSelectBy()
+
+  await getDept()
+
+})
+
+
+const exportExcel = async function () {
+  const params = { //需要修改
+    ...getObj.value,
+    "beanConsumeArticle": {
+      ...beanConsumeArticle.value,
+      sortField: sortField.value,
+      sortOrder: sortOrder.value,
+    },
+  }
+  const res = await API({ url: '/export/exportArticle', data: params })
+  if (res.code === 200) {
+    ElMessage.success('导出成功')
+  }
+}
+const exportListVisible = ref(false)
+
+// 打开导出列表弹窗
+const openExportList = () => {
+  getExportList()
+  exportListVisible.value = true
+}
+
+// 导出列表数据
+const exportList = ref([])
+// 导出列表加载状态
+const exportListLoading = ref(false)
+// 获取导出列表
+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 === 8; //4表示金币消耗列表 // todo 修改对应type 8表示文章/视频
+      });
+      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 '未知状态';
+  }
+}
+</script>
+
+<template>
+  <el-card class="card1" style="margin-bottom: 0.5vh">
+    <el-col style="margin-bottom: 1vh; ">
+      <div class="select">
+        <div class="selectRow">
+          <el-text class="text" size="large">精网号：</el-text>
+          <el-input class="selectContent" v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" clearable />
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">所属地区：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeArticle.dept" placeholder="请选择地区" clearable>
+            <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">商品名称：</el-text>
+          <el-select class="selectContent" style="width: 20px" v-model="beanConsumeArticle.payMode" placeholder="请选择类型"
+            clearable @change="handlePayModeChange">
+            <el-option label="打赏" value="0" />
+            <el-option label="付费购买" value="1" />
+            <el-option label="其他" value="2" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text">频道名称：</el-text>
+          <el-select class="selectContent"  placeholder="请选择频道" clearable filterable>
+            <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        
+
+      </div>
+    </el-col>
+
+    <el-col>
+      <div class="select">
+        <div class="selectRow" style="width: 33vw;">
+          <el-text class="text" size="large">下单时间：</el-text>
+          <el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
+            start-placeholder="起始时间" end-placeholder="结束时间" style="width:25vw" @change="handleDatePickerChange"
+            value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime" />
+          <div v-if="false">
+            <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
+            <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
+            <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
+          </div>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">直播间名称：</el-text>
+          <el-input class="selectContent"  placeholder="请输入直播间" clearable />
+        </div>
+
+      </div>
+    </el-col>
+    <el-col>
+      <div class="selectButton">
+        <el-button type="primary" @click="search()">查询</el-button>
+        <el-button type="primary" @click="exportExcel()">导出Excel</el-button>
+        <el-button type="primary" @click="openExportList">查看导出列表</el-button>
+        <el-button type="success" @click="reset()">重置</el-button>
+      </div>
+    </el-col>
+  </el-card>
+  <el-card class="card2">
+    <div class="goldStatistics">
+      金豆总数：{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      付费金豆数：{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      免费金豆数：{{ format3(Math.abs(freeBean)) }}
+    </div>
+    <div style="overflow-y: auto">
+      <el-table :data="tableData" style="width: 82vw" height="65vh" @sort-change="handleSortChange"
+      :row-style="{ height: '50px' }">
+        <el-table-column type="index" label="序号" width="110px" fixed="left">
+          <template #default="scope">
+            <span>{{
+              scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
+            }}</span>
+          </template>
+        </el-table-column>
+        <!-- 固定姓名列 -->
+        <el-table-column prop="name" label="姓名" width="140px" fixed="left" show-overflow-tooltip />
+        <!-- 固定精网号列 -->
+        <el-table-column prop="jwcode" label="精网号" width="140px" fixed="left" />
+        <el-table-column prop="dept" label="地区" width="140px" />
+        <el-table-column prop="type" label="商品名称" width="160px"/>
+        <el-table-column prop="beanNum" label="金币数量" sortable="custom" width="140px" />
+        <el-table-column prop="buyBean" label="频道名称" width="160px" show-overflow-tooltip />
+        <el-table-column prop="freeBean" label="直播间名称" width="160px" show-overflow-tooltip />
+        <el-table-column prop="consumeTime" label="下单时间" sortable="custom" width="180px">
+          <template #default="scope">
+            {{ formatTime(scope.row.consumeTime) }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
+        @current-change="handleCurrentChange"></el-pagination>
+    </div>
+  </el-card>
+
+  <!-- 导出弹窗 -->
+  <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
+    <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>
+</template>
+
+<style scoped lang="scss">
+// 搜索的卡片样式
+.card1 {
+  background: #F3FAFE;
+}
+
+// 表单的卡片样式
+.card2 {
+  background: #E7F4FD;
+  height: 78vh;
+}
+
+// 新币总数等等
+.goldStatistics {
+  margin-left: 1vw;
+  margin-bottom: 1vh;
+  color: #000000;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+}
+
+// 表头背景等
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+/* 表格 */
+:deep(.el-table__body td) {
+  background-color: #F3FAFE !important;
+}
+
+/* 表头 */
+:deep(.el-table__header th) {
+  background-color: #F3FAFE !important;
+}
+
+/* 鼠标悬停 */
+:deep(.el-table__row:hover > .el-table__cell) {
+  background-color: #E5EBFE !important;
+}
+
+.pagination {
+  display: flex;
+  margin-top: 20px;
+}
+
+/** 搜索的样式 */
+.selectButton {
+  margin-left: 1vw;
+  margin-top: 1vh;
+}
+.select {
+  display: flex;
+
+  .selectRow {
+    width: 16vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5vw;
+
+    .text {
+      width: 5vw;
+      font-size: 15px;
+    }
+    .textB {
+      width: 7vw;
+      font-size: 15px;
+    }
+
+    .selectContent {
+      flex: 1;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/channelManage/fans/fans.vue b/src/views/channelManage/fans/fans.vue
new file mode 100644
index 0000000..b2c8733
--- /dev/null
+++ b/src/views/channelManage/fans/fans.vue
@@ -0,0 +1,657 @@
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import { dayjs, ElMessage } from 'element-plus'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
+import moment from 'moment'
+// 之后整理一下
+
+/*
+====================工具方法==============================
+*/
+const format3 = (num) => {
+  // 每三位添加逗号
+  return num.toLocaleString('en-US')
+}
+// 时间格式化
+const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
+]
+/*
+====================数据=================================
+*/
+//这是获取用户信息的接口
+const adminData = ref({})
+// 充值明细表格
+const tableData = ref([])
+
+// 搜索beanConsumeFan 表单
+const beanConsumeFan = ref({
+  jwcode: null,
+  dept: "",
+  type: "",
+  gift: "",
+  channel: "",
+  liveRoom: "",
+  startTime: '',
+  endTime: '',
+
+})
+// 频道列表
+const channels = ref([])
+// 获取频道列表的方法
+const getChannel = async function () {
+  try {
+    const result = await request({
+      url: '/beanConsume/getLiveChannel', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求频道列表成功', result)
+    // 存储频道数据
+    channels.value = result.data
+    console.log('频道数据', channels.value)
+  } catch (error) {
+    console.log('请求频道列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取频道列表失败，请稍后重试'
+    })
+  }
+}
+// // 频道模糊查询方法
+// const filterChannel = (query) => {
+//   if (query) {
+//     return channels.value.filter(item => item.toLowerCase().includes(query.toLowerCase()));
+//   }
+//   return channels.value;
+// };
+
+// 抽离类型选项到响应式数组
+const consumeTypes = ref([
+  { label: '发礼物', value: 1 },
+  { label: '发红包', value: 2 },
+  { label: '发福袋', value: 3 },
+  { label: '付费直播', value: 4 },
+  { label: '加入粉丝团', value: 5 },
+  { label: '发弹幕', value: 6 },
+  { label: '单次付费', value: 7 },
+  { label: '连续包月', value: 8 }
+])
+
+// // 处理类型选择变化
+// const handleTypeChange = (value) => {
+//   if (value !==  1) {
+//     beanConsumeFan.value.gift = ''
+//   }
+// }
+
+//------------------------
+
+// 标记当前激活的时间范围按钮
+const activeTimeRange = ref('')
+// 日期选择器变化时清除按钮激活状态
+const handleDatePickerChange = () => {
+  activeTimeRange.value = ''
+}
+// 搜索对象
+const getObj = ref({
+  pageNum: 1,
+  pageSize: 50
+})
+
+//分页总条目
+const total = ref(100)
+
+// 搜索对象时间
+const getTime = ref({
+  startTime: '',
+  endTime: ''
+})
+// 搜索活动列表
+// const activity = ref([])
+
+// 搜索地区列表
+const dept = ref([])
+
+
+// 新增排序字段和排序方式
+const sortField = ref('')
+const sortOrder = ref('')
+
+// 合计数
+const permanentBean = ref(0)
+const freeBean = ref(0)
+const totalNum = ref(0)
+
+
+/*
+====================方法=================================
+*/
+// 获取登录用户信息
+const getAdminData = async function () {
+  try {
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
+const ConsumeSelectBy = async function (val) {
+  try {
+
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+
+    if (getTime.value != null) {
+      if (getTime.value.startTime != '' && getTime.value.endTime != '') {
+        beanConsumeFan.value.startTime = formatTime(getTime.value[0])
+        beanConsumeFan.value.endTime = formatTime(getTime.value[1])
+      }
+    } else {
+      beanConsumeFan.value.startTime = ''
+      beanConsumeFan.value.endTime = ''
+    }
+    beanConsumeFan.value.sortField = sortField.value
+    beanConsumeFan.value.sortOrder = sortOrder.value
+
+    console.log('搜索参数_时间', beanConsumeFan.value.startTime)
+    console.log('搜索参数1', getObj.value)
+    console.log('搜索参数2', beanConsumeFan.value)
+
+    // 发送POST请求
+    const result = await request({
+      url: '/beanConsume/selectFanBy',
+      data: {
+        pageNum: getObj.value.pageNum,
+        pageSize: getObj.value.pageSize,
+        beanConsumeFan: {
+          ...beanConsumeFan.value,
+          jwcode: beanConsumeFan.value.jwcode ? String(beanConsumeFan.value.jwcode) : '',
+          dept: beanConsumeFan.value.dept || '',
+          channel: beanConsumeFan.value.channel || '',
+          startTime: beanConsumeFan.value.startTime || '',
+          endTime: beanConsumeFan.value.endTime || '',
+          sortField: beanConsumeFan.value.sortField || 'consumeTime',
+          sortOrder: beanConsumeFan.value.sortOrder || 'desc'
+        }
+      }
+    })
+
+    console.log('请求成功3', sortField)
+    console.log('接口响应结果', result);
+    if (result.code === 200 && result.data && result.data.list) {
+      tableData.value = result.data.list;
+      total.value = result.data.total;
+    }
+
+    // 合计数的接口
+    // 复制一份 beanConsumeFan.value 并设置固定的 payType 值 1是直播 7是铁粉
+    const sumConsumeParams = {
+      payType: 7, // 固定传入 payType 值 7
+      beanConsumeFan: {
+        ...beanConsumeFan.value,
+
+      }
+    };
+    // 发送 POST 请求获取合计数
+    const resultTotalGold = await request({
+      url: '/beanConsume/sumConsumeGold',
+      data: sumConsumeParams
+    });
+
+    console.log("总计2", resultTotalGold);
+
+    const data = resultTotalGold.data || resultTotalGold;
+    console.log('请求成功2', resultTotalGold.data)
+    console.log('permanentBean2', data.permanentBean)
+    // 返回字段为 permanentBean、freeBean、totalNum
+    permanentBean.value = Number(data.permanentBean) || 0;
+    freeBean.value = Number(data.freeBean) || 0;
+    totalNum.value = Number(data.totalNum) || 0;
+
+    // 存储分页总数
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+// 搜索
+const search = function () {
+  getObj.value.pageNum = 1
+  if (beanConsumeFan.value.jwcode) {
+    const numRef = /^\d{1,9}$/;
+    if (!numRef.test(beanConsumeFan.value.jwcode)) {
+      ElMessage.error('请检查精网号格式')
+      return
+    }
+  }
+  ConsumeSelectBy()
+}
+// 重置
+const reset = function () {
+  console.log('兄弟，你点了重置')
+
+  beanConsumeFan.value.jwcode = null
+
+  beanConsumeFan.value.type = ''
+  beanConsumeFan.value.gift = ''
+  beanConsumeFan.value.channel = ''
+  beanConsumeFan.value.liveRoom = ''
+
+  beanConsumeFan.value.dept = ''
+
+  beanConsumeFan.value.startTime = ''
+
+  beanConsumeFan.value.endTime = ''
+
+
+  sortField.value = ''
+  sortOrder.value = ''
+  getTime.value = {}
+  activeTimeRange.value = '' // 清除激活状态
+
+
+  // 点完重置后，重新请求数据
+  ConsumeSelectBy()
+  console.log(' beanConsumeFan', beanConsumeFan.value)
+}
+// 今天
+const getToday = function () {
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'today' // 标记当前激活状态
+
+  ConsumeSelectBy()
+}
+// 昨天
+const getYesterday = function () {
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'yesterday' // 标记当前激活状态
+  console.log('昨', getTime.value)
+  ConsumeSelectBy()
+}
+// 近7天
+const get7Days = function () {
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = '7days' // 标记当前激活状态
+
+  ConsumeSelectBy()
+}
+
+
+// 获取地区列表的方法
+const getDept = async function () {
+  try {
+    // 发送请求获取地区列表
+    const result = await request({
+      // url: '/general/dept',
+
+      url: '/beanConsume/getDept', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求地区列表成功', result)
+    // 存储地区数据
+    dept.value = result.data
+    console.log('地区数据', dept.value)
+  } catch (error) {
+    console.log('请求地区列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取地区列表失败，请稍后重试'
+    })
+  }
+}
+
+// 处理排序事件
+const handleSortChange = (column) => {
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'beanNum') {
+    sortField.value = 'beanNum'
+  } else if (column.prop === 'consumeTime') {
+    sortField.value = 'consumeTime'
+  } else if (column.prop === 'buyBean') {
+    sortField.value = 'buyBean'
+  } else if (column.prop === 'freeBean') {
+    sortField.value = 'freeBean'
+  }
+  sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
+  ConsumeSelectBy()
+}
+
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  ConsumeSelectBy()
+}
+
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  ConsumeSelectBy()
+}
+/*
+====================计算属性=================================
+*/
+
+// 计算总金币数
+// const totalBean = computed(() => permanentBean.value + freeBean.value)
+
+/*
+====================监听=================================
+*/
+
+/*
+====================挂载=================================
+*/
+
+
+onMounted(async function () {
+  await getAdminData()
+  await ConsumeSelectBy()
+  await getChannel()
+  await getDept()
+
+})
+
+
+const exportExcel = async function () {
+  const params = { //需要修改
+    ...getObj.value,
+    "beanConsumeFan": {
+      ...beanConsumeFan.value,
+      sortField: sortField.value,
+      sortOrder: sortOrder.value,
+    },
+  }
+  const res = await API({ url: '/export/exportFan', data: params })
+  if (res.code === 200) {
+    ElMessage.success('导出成功')
+  }
+}
+const exportListVisible = ref(false)
+
+// 打开导出列表弹窗
+const openExportList = () => {
+  getExportList()
+  exportListVisible.value = true
+}
+
+// 导出列表数据
+const exportList = ref([])
+// 导出列表加载状态
+const exportListLoading = ref(false)
+// 获取导出列表
+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 === 7; //4表示金币消耗列表 // todo 修改对应type 7是铁粉
+      });
+      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 '未知状态';
+  }
+}
+</script>
+
+<template>
+  <el-card class="card1" style="margin-bottom: 0.5vh;">
+    <el-col style="margin-bottom: 1vh">
+      <div class="select">
+        <div class="selectRow">
+          <el-text class="text">精网号：</el-text>
+          <el-input class="selectContent" v-model="beanConsumeFan.jwcode" placeholder="请输入精网号" clearable />
+        </div>
+        <div class="selectRow">
+          <el-text class="text">地区：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeFan.dept" placeholder="请选择地区" clearable>
+            <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text">频道：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeFan.channel" placeholder="请选择频道" clearable filterable>
+            <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+      </div>
+    </el-col>
+    <el-col>
+      <div class="select">
+        <div class="selectRow" style="width: 36vw;">
+          <el-text class="text" size="large">消费时间：</el-text>
+          <el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
+            start-placeholder="起始时间" end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
+            @change="handleDatePickerChange" value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime" />
+          <div v-if="false">
+            <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
+            <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
+            <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
+          </div>
+        </div>
+        <div class="selectRow" style="justify-content: flex-start;">
+          <el-button type="primary" @click="search()">查询</el-button>
+          <el-button type="primary" @click="exportExcel()">导出Excel</el-button>
+          <el-button type="primary" @click="openExportList">查看导出列表</el-button>
+          <el-button type="success" @click="reset()">重置</el-button>
+        </div>
+      </div>
+    </el-col>
+  </el-card>
+  <el-card class="card2">
+    <div class="goldStatistics">
+      金豆总数：{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      付费金豆数：{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      免费金豆数：{{ format3(Math.abs(freeBean)) }}
+    </div>
+    <div style="overflow-y: auto">
+      <el-table :data="tableData" style="width: 82vw" height="68vh" @sort-change="handleSortChange"
+      :row-style="{ height: '50px' }">
+        <el-table-column type="index" label="序号" width="80px" fixed="left">
+          <template #default="scope">
+            <span>{{
+              scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
+            }}</span>
+          </template>
+        </el-table-column>
+        <!-- 固定姓名列 -->
+        <el-table-column prop="name" label="姓名" width="150px" fixed="left" show-overflow-tooltip />
+        <!-- 固定精网号列 -->
+        <el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" />
+        <el-table-column prop="dept" label="地区" width="110px" />
+        <el-table-column prop="beanNum" label="金豆数量" sortable="custom" width="120px" />
+        <el-table-column prop="buyBean" label="付费金豆数" sortable="custom" width="120px" />
+        <el-table-column prop="freeBean" label="免费金豆数" sortable="custom" width="120px" />
+        <el-table-column prop="channel" label="频道" width="190px" show-overflow-tooltip />
+        <el-table-column prop="type" label="会员类型" width="120px">
+          <template #default="scope">
+            {{consumeTypes.find(item => item.value === Number(scope.row.type))?.label || '未知类型'}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="consumeTime" label="加入时间" sortable="custom" width="180px" />
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
+        @current-change="handleCurrentChange"></el-pagination>
+    </div>
+  </el-card>
+
+  <!-- 导出弹窗 -->
+  <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
+    <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>
+</template>
+
+<style scoped lang="scss">
+// 搜索的卡片样式
+.card1 {
+  background: #F3FAFE;
+}
+
+// 表单的卡片样式
+.card2 {
+  background: #E7F4FD;
+  height: 81vh;
+}
+
+// 新币总数等等
+.goldStatistics {
+  margin-left: 1vw;
+  margin-bottom: 1vh;
+  color: #000000;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+}
+
+// 表头背景等
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+/* 表格 */
+:deep(.el-table__body td) {
+  background-color: #F3FAFE !important;
+}
+
+/* 表头 */
+:deep(.el-table__header th) {
+  background-color: #F3FAFE !important;
+}
+
+/* 鼠标悬停 */
+:deep(.el-table__row:hover > .el-table__cell) {
+  background-color: #E5EBFE !important;
+}
+
+.pagination {
+  display: flex;
+  margin-top: 20px;
+}
+
+
+/** 搜索的样式 */
+.select {
+  display: flex;
+
+  .selectRow {
+    width: 17vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5vw;
+
+    .text {
+      width: 5vw;
+      font-size: 15px;
+    }
+
+    .selectContent {
+      flex: 1;
+    }
+  }
+}
+</style>
diff --git a/src/views/channelManage/reward/reward.vue b/src/views/channelManage/reward/reward.vue
new file mode 100644
index 0000000..aff62ee
--- /dev/null
+++ b/src/views/channelManage/reward/reward.vue
@@ -0,0 +1,700 @@
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import { dayjs, ElMessage } from 'element-plus'
+import request from '@/util/http.js'
+import API from '@/util/http.js'
+import moment from 'moment'
+// 之后整理一下
+
+/*
+====================工具方法==============================
+*/
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
+]
+const format3 = (num) => {
+  // 每三位添加逗号
+  return num.toLocaleString('en-US')
+}
+// 时间格式化
+const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
+
+/*
+====================数据=================================
+*/
+//这是获取用户信息的接口
+const adminData = ref({})
+// 充值明细表格
+const tableData = ref([])
+
+// 搜索beanConsumeLive 表单
+const beanConsumeLive = ref({
+  jwcode: null,
+  dept: "",
+  type: "",
+  gift: "",
+  liveChannel: "",
+  liveName: "",
+  startTime: '',
+  endTime: '',
+  sortField: '',
+  sortOrder: ''
+
+})
+// 礼物列表
+const gifts = ref([])
+// 获取礼物列表的方法
+const getGift = async function () {
+  try {
+    const result = await request({
+      url: '/beanConsume/getLiveGift', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求礼物列表成功', result)
+    // 存储礼物数据
+    gifts.value = result.data
+    console.log('礼物数据', gifts.value)
+  } catch (error) {
+    console.log('请求礼物列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取礼物列表失败，请稍后重试'
+    })
+  }
+}
+
+// 频道列表
+const channels = ref([])
+// 获取频道列表的方法
+const getChannel = async function () {
+  try {
+    const result = await request({
+      url: '/beanConsume/getLiveChannel', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求频道列表成功', result)
+    // 存储频道数据
+    channels.value = result.data
+    console.log('频道数据', channels.value)
+  } catch (error) {
+    console.log('请求频道列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取频道列表失败，请稍后重试'
+    })
+  }
+}
+
+// 抽离类型选项到响应式数组
+const consumeTypes = ref([
+  { label: '发礼物', value: 1 },
+  { label: '发红包', value: 2 },
+  { label: '发福袋', value: 3 },
+  { label: '付费直播', value: 4 },
+  { label: '加入粉丝团', value: 5 },
+  { label: '发弹幕', value: 6 }
+])
+// 处理类型选择变化
+const handleTypeChange = (value) => {
+  if (value !== 1) {
+    beanConsumeLive.value.gift = ''
+  }
+}
+
+//------------------------
+
+// 标记当前激活的时间范围按钮
+const activeTimeRange = ref('')
+// 日期选择器变化时清除按钮激活状态
+const handleDatePickerChange = () => {
+  activeTimeRange.value = ''
+}
+// 搜索对象
+const getObj = ref({
+  pageNum: 1,
+  pageSize: 50
+})
+
+//分页总条目
+const total = ref(100)
+
+// 搜索对象时间
+const getTime = ref({
+  startTime: '',
+  endTime: ''
+})
+
+
+// 搜索地区列表
+const dept = ref([])
+// 获取地区列表的方法
+const getDept = async function () {
+  try {
+    // 发送请求获取地区列表
+    const result = await request({
+      // url: '/general/dept',
+
+      url: '/beanConsume/getDept', // todo 换成实际接口地址
+      data: { account: adminData.value.account }
+    })
+    console.log('请求地区列表成功', result)
+    // 存储地区数据
+    dept.value = result.data
+    console.log('地区数据', dept.value)
+  } catch (error) {
+    console.log('请求地区列表失败', error)
+    ElMessage({
+      type: 'error',
+      message: '获取地区列表失败，请稍后重试'
+    })
+  }
+}
+
+// 新增排序字段和排序方式
+const sortField = ref('')
+const sortOrder = ref('')
+
+// 合计数
+const permanentBean = ref(0)
+const freeBean = ref(0)
+const totalNum = ref(0)
+
+/*
+====================方法=================================
+*/
+// 获取登录用户信息
+const getAdminData = async function () {
+  try {
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
+const selectLiveBy = async function (val) {
+  try {
+
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+
+    // 修复时间范围处理
+    if (Array.isArray(getTime.value) && getTime.value.length === 2) {
+      beanConsumeLive.value.startTime = formatTime(getTime.value[0])
+      beanConsumeLive.value.endTime = formatTime(getTime.value[1])
+    } else {
+      beanConsumeLive.value.startTime = ''
+      beanConsumeLive.value.endTime = ''
+    }
+
+    // 设置排序参数
+    beanConsumeLive.value.sortField = sortField.value
+    beanConsumeLive.value.sortOrder = sortOrder.value
+
+    console.log('搜索参数_时间', beanConsumeLive.value.startTime)
+    console.log('搜索参数1', getObj.value)
+    console.log('搜索参数2', beanConsumeLive.value)
+
+    // 发送POST请求
+    const result = await request({
+      url: '/beanConsume/selectLiveBy',
+      data: {
+        pageNum: getObj.value.pageNum,
+        pageSize: getObj.value.pageSize,
+        beanConsumeLive: {
+          ...beanConsumeLive.value,
+          jwcode: beanConsumeLive.value.jwcode ? String(beanConsumeLive.value.jwcode) : '',
+          dept: beanConsumeLive.value.dept || '',
+          type: beanConsumeLive.value.type || '',
+          gift: beanConsumeLive.value.gift || '',
+          beanNum: beanConsumeLive.value.beanNum || '',
+          isBackpack: beanConsumeLive.value.isBackpack || '',
+          liveChannel: beanConsumeLive.value.liveChannel || '',
+          liveName: beanConsumeLive.value.liveName || '',
+          startTime: beanConsumeLive.value.startTime || '',
+          endTime: beanConsumeLive.value.endTime || '',
+          sortField: beanConsumeLive.value.sortField || 'consumeTime',
+          sortOrder: beanConsumeLive.value.sortOrder || 'desc'
+        }
+      }
+    })
+
+    console.log('请求成功2', sortField)
+    console.log('接口响应结果', result); // 打印接口响应结果
+    if (result.code === 200 && result.data && result.data.list) {
+      tableData.value = result.data.list;
+      total.value = result.data.total;
+    }
+    // 复制一份 beanConsumeLive.value 并设置固定的 payType 值 1是直播
+    const sumConsumeParams = {
+      payType: 1, // 固定传入 payType 值 1 是直播
+      beanConsumeLive: {
+        ...beanConsumeLive.value,
+
+      }
+    };
+
+    // 发送 POST 请求获取合计数
+    const resultTotalGold = await request({
+      url: '/beanConsume/sumConsumeGold',
+      data: sumConsumeParams
+    });
+
+    console.log("总计", resultTotalGold);
+
+    const data = resultTotalGold.data || resultTotalGold;
+    console.log('请求成功1', resultTotalGold.data) //undifined
+    console.log('permanentBean1', data.permanentBean)
+    // 返回字段为 permanentBean、freeBean、totalNum
+    permanentBean.value = Number(data.permanentBean) || 0;
+    freeBean.value = Number(data.freeBean) || 0;
+    totalNum.value = Number(data.totalNum) || 0;
+
+
+    // 存储分页总数
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+// 搜索
+const search = function () {
+  getObj.value.pageNum = 1
+  if (beanConsumeLive.value.jwcode) {
+    const numRef = /^\d{1,9}$/;
+    if (!numRef.test(beanConsumeLive.value.jwcode)) {
+      ElMessage.error('请检查精网号格式')
+      return
+    }
+  }
+  selectLiveBy()
+}
+// 重置
+const reset = function () {
+  console.log('直播的重置')
+
+  beanConsumeLive.value.jwcode = null
+  beanConsumeLive.value.type = ''
+  beanConsumeLive.value.gift = ''
+  beanConsumeLive.value.liveChannel = ''
+  beanConsumeLive.value.liveName = ''
+  beanConsumeLive.value.dept = ''
+  beanConsumeLive.value.startTime = ''
+  beanConsumeLive.value.endTime = ''
+  sortField.value = ''
+  sortOrder.value = ''
+  getTime.value = {}
+  activeTimeRange.value = '' // 清除激活状态
+
+
+  // 点完重置后，重新请求数据
+  selectLiveBy()
+  console.log(' beanConsumeLive', beanConsumeLive.value)
+}
+// 今天
+const getToday = function () {
+  const today = dayjs()
+  const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'today' // 标记当前激活状态
+
+  selectLiveBy()
+}
+// 昨天
+const getYesterday = function () {
+  const today = dayjs()
+  const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = 'yesterday' // 标记当前激活状态
+
+  selectLiveBy()
+}
+// 近7天
+const get7Days = function () {
+  const today = dayjs()
+  const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
+  const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  getTime.value = [startTime, endTime]
+  console.log('getTime', getTime.value)
+  activeTimeRange.value = '7days' // 标记当前激活状态
+
+  selectLiveBy()
+}
+
+
+// 处理排序事件
+const handleSortChange = (column) => {
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'beanNum') {
+    sortField.value = 'beanNum'
+  } else if (column.prop === 'consumeTime') {
+    sortField.value = 'consumeTime'
+  } else if (column.prop === 'buyBean') {
+    sortField.value = 'buyBean'
+  } else if (column.prop === 'freeBean') {
+    sortField.value = 'freeBean'
+  }
+  sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
+  selectLiveBy()
+}
+
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  selectLiveBy()
+}
+
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  selectLiveBy()
+}
+/*
+====================计算属性=================================
+*/
+
+// 计算总金币数
+// const totalBean = computed(() => permanentBean.value + freeBean.value)
+
+/*
+====================监听=================================
+*/
+
+/*
+====================挂载=================================
+*/
+
+
+onMounted(async function () {
+  await getAdminData()
+  await selectLiveBy()
+  await getDept()
+  await getGift()
+  await getChannel()
+})
+
+
+const exportExcel = async function () {
+  console.log('1')
+  const params = {
+    ...getObj.value,
+    "beanConsumeLive": {
+      ...beanConsumeLive.value,
+      jwcode: beanConsumeLive.value.jwcode ? String(beanConsumeLive.value.jwcode) : '',
+      dept: beanConsumeLive.value.dept || '',
+      type: beanConsumeLive.value.type || '',
+      gift: beanConsumeLive.value.gift || '',
+      liveChannel: beanConsumeLive.value.liveChannel || '',
+      liveName: beanConsumeLive.value.liveName || '',
+      startTime: beanConsumeLive.value.startTime || '',
+      endTime: beanConsumeLive.value.endTime || '',
+      sortField: sortField.value || 'consumeTime',
+      sortOrder: sortOrder.value || 'desc'
+    }
+  }
+  // 打印请求参数，方便调试
+  console.log('导出请求参数:', params);
+
+  try {
+    console.log('2')
+    const res = await API({ url: '/export/exportLive', data: params });
+    console.log('导出请求响应:', res);
+    if (res.code === 200) {
+      ElMessage.success('导出成功');
+    } else {
+      ElMessage.error(res.message || '导出失败，请稍后重试');
+    }
+  } catch (error) {
+    console.error('导出请求出错:', error);
+    ElMessage.error('导出失败，请稍后重试');
+  }
+}
+const exportListVisible = ref(false)
+
+// 打开导出列表弹窗
+const openExportList = () => {
+  getExportList()
+  exportListVisible.value = true
+}
+
+// 导出列表数据
+const exportList = ref([])
+// 导出列表加载状态
+const exportListLoading = ref(false)
+
+// 获取导出列表
+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 === 6; //4表示金币消耗列表 // todo 修改对应type 6是直播
+      });
+      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 '未知状态';
+  }
+}
+</script>
+
+<template>
+  <el-card class="card1" style="margin-bottom: 0.5vh;">
+    <el-col style="margin-bottom: 1vh">
+      <div class="select">
+        <div class="selectRow">
+          <el-text class="text">精网号：</el-text>
+          <el-input class="selectContent" v-model="beanConsumeLive.jwcode" placeholder="请输入精网号" clearable />
+        </div>
+        <div class="selectRow">
+          <el-text class="text">地区：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeLive.dept" placeholder="请选择地区" clearable>
+            <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow" style="width: 14vw;">
+          <el-text class="text">礼物名称：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" clearable filterable
+            allow-create default-first-option>
+            <el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow" style="width: 12vw;">
+          <el-text class="textB" size="large">频道：</el-text>
+          <el-select class="selectContent" v-model="beanConsumeLive.liveChannel" placeholder="请选择频道" clearable
+            filterable allow-create default-first-option>
+            <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow" style="width: 12vw;">
+          <el-text class="textB" size="large">直播间：</el-text>
+          <el-input class="selectContent" v-model="beanConsumeLive.liveName" placeholder="请输入直播间" clearable />
+        </div>
+      </div>
+    </el-col>
+    <el-col>
+      <div class="select">
+        <div class="selectRow" style="width: 31.4vw;">
+          <el-text class="text">消费时间：</el-text>
+          <el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
+            start-placeholder="起始时间" end-placeholder="结束时间" style="margin-right:1vw;width:480px"
+            @change="handleDatePickerChange" :default-time="defaultTime" />
+          <div v-if="false">
+            <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button>
+            <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button>
+            <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button>
+          </div>
+        </div>
+        <div class="selectRow" style="justify-content: flex-start;">
+          <el-button type="primary" @click="search()">查询</el-button>
+          <el-button type="primary" @click="exportExcel()">导出excel</el-button>
+          <el-button type="primary" @click="openExportList">查看导出列表</el-button>
+          <el-button type="success" @click="reset()">重置</el-button>
+        </div>
+      </div>
+    </el-col>
+  </el-card>
+  <el-card class="card2">
+    <div class="goldStatistics">
+      金豆总数：{{ format3(Math.abs(permanentBean + freeBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      付费金豆数：{{ format3(Math.abs(permanentBean)) }}&nbsp;&nbsp;&nbsp;&nbsp;
+      免费金豆数：{{ format3(Math.abs(freeBean)) }}
+    </div>
+    <div style="overflow-y: auto">
+      <el-table :data="tableData" style="width: 82vw" height="68vh" @sort-change="handleSortChange"
+      :row-style="{ height: '50px' }">
+        <el-table-column type="index" label="序号" width="80px" fixed="left">
+          <template #default="scope">
+            <span>{{
+              scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
+            }}</span>
+          </template>
+        </el-table-column>
+        <!-- 固定姓名列 -->
+        <el-table-column prop="name" label="姓名" width="150px" fixed="left" show-overflow-tooltip />
+        <!-- 固定精网号列 -->
+        <el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" />
+        <el-table-column prop="dept" label="地区" width="110px" />
+        <el-table-column prop="gift" label="礼物" width="140px">
+        </el-table-column>
+        <el-table-column prop="beanNum" label="金豆数量" sortable="custom" width="120px" />
+        <el-table-column prop="isBackpack" label="背包礼物" width="120px">
+          <template #default="scope">
+            {{ scope.row.isBackpack == 1 ? '是' : '否' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="buyBean" label="付费金豆数" sortable="custom" width="120px" />
+        <el-table-column prop="freeBean" label="免费金豆数" sortable="custom" width="120px" />
+        <el-table-column prop="liveChannel" label="频道" width="120px" show-overflow-tooltip />
+        <el-table-column prop="liveName" label="直播间名称" width="160px" show-overflow-tooltip />
+        <el-table-column prop="consumeTime" label="消费时间" sortable="custom" width="180px" />
+      </el-table>
+    </div>
+    <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" style="margin-top: 20px;"
+      layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
+      @current-change="handleCurrentChange"></el-pagination>
+  </el-card>
+
+  <!-- 导出弹窗 -->
+  <el-dialog v-model="exportListVisible" title="导出列表" width="80%">
+    <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>
+</template>
+
+<style scoped lang="scss">
+// 搜索的卡片样式
+.card1 {
+  background: #F3FAFE;
+}
+
+// 表单的卡片样式
+.card2 {
+  background: #E7F4FD;
+  height: 81vh;
+}
+
+// 新币总数等等
+.goldStatistics {
+  margin-left: 1vw;
+  margin-bottom: 1vh;
+  color: #000000;
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+}
+
+// 表头背景等
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+/* 表格 */
+:deep(.el-table__body td) {
+  background-color: #F3FAFE !important;
+}
+
+/* 表头 */
+:deep(.el-table__header th) {
+  background-color: #F3FAFE !important;
+}
+
+/* 鼠标悬停 */
+:deep(.el-table__row:hover > .el-table__cell) {
+  background-color: #E5EBFE !important;
+}
+
+.pagination {
+  display: flex;
+  margin-top: 20px;
+}
+
+/** 搜索的样式 */
+.select {
+  display: flex;
+
+  .selectRow {
+    width: 14.7vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5vw;
+
+    .text {
+      width: 5vw;
+      font-size: 15px;
+    }
+
+    .selectContent {
+      flex: 1;
+    }
+  }
+}
+</style>
diff --git a/src/views/consume/bean/articleVideo.vue b/src/views/consume/bean/articleVideo.vue
index d2fec45..2cf820b 100644
--- a/src/views/consume/bean/articleVideo.vue
+++ b/src/views/consume/bean/articleVideo.vue
@@ -276,6 +276,10 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
 
+  // 重置页码
+  getObj.value.pageNum = 1
+
+  console.log('重置页码=======', getObj.value.pageNum)
 
   // 点完重置后，重新请求数据
   ConsumeSelectBy()
@@ -569,7 +573,7 @@ const getTagText = (state) => {
 
     <!-- 分页 -->
     <div class="pagination">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background  :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/consume/bean/dieHardFan.vue b/src/views/consume/bean/dieHardFan.vue
index 1aaefad..21e08e8 100644
--- a/src/views/consume/bean/dieHardFan.vue
+++ b/src/views/consume/bean/dieHardFan.vue
@@ -262,6 +262,8 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
 
+  // 重置页码
+  getObj.value.pageNum = 1
 
   // 点完重置后，重新请求数据
   ConsumeSelectBy()
@@ -545,7 +547,7 @@ const getTagText = (state) => {
 
     <!-- 分页 -->
     <div class="pagination">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/consume/bean/liveStream.vue b/src/views/consume/bean/liveStream.vue
index 0e46f17..d604525 100644
--- a/src/views/consume/bean/liveStream.vue
+++ b/src/views/consume/bean/liveStream.vue
@@ -296,6 +296,8 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
 
+  // 重置页码
+  getObj.value.pageNum = 1
 
   // 点完重置后，重新请求数据
   selectLiveBy()
@@ -590,7 +592,7 @@ const getTagText = (state) => {
         <el-table-column prop="consumeTime" label="消费时间" sortable="custom" width="180px" />
       </el-table>
     </div>
-    <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" style="margin-top: 20px;"
+    <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" style="margin-top: 20px;"
       layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
       @current-change="handleCurrentChange"></el-pagination>
   </el-card>
diff --git a/src/views/consume/gold/coinConsumeDetail.vue b/src/views/consume/gold/coinConsumeDetail.vue
index 7d3aa98..4ca5ffc 100644
--- a/src/views/consume/gold/coinConsumeDetail.vue
+++ b/src/views/consume/gold/coinConsumeDetail.vue
@@ -334,6 +334,8 @@ const reset = function () {
   activeTimeRange.value = '' // 清除激活状态
   selectedMarketPath.value = []
 
+  // 重置页码
+  getObj.value.pageNum = 1
 
   // 点完重置后，重新请求数据
   ConsumeSelectBy()
@@ -708,7 +710,7 @@ const getMarket = async function () {
 
     <!-- 分页 -->
     <div class="pagination">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/history/newHistory.vue b/src/views/history/newHistory.vue
index a0626fa..083e545 100644
--- a/src/views/history/newHistory.vue
+++ b/src/views/history/newHistory.vue
@@ -34,8 +34,8 @@
             <el-table-column prop="createTime" label="更新时间" width="200" header-align="center" align="center" />
             <el-table-column prop="remark" label="备注" show-overflow-tooltip width="200" align="center" />
         </el-table>
-        <el-pagination background style="margin-top:20px" v-model:current-page="pagination.pageNum"
-            v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
+        <el-pagination background style="margin-top:20px" :current-page="pagination.pageNum"
+            :page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
             :total="pagination.total" @size-change="handlePageSizeChange"
             @current-change="handleCurrentChange"></el-pagination>
     </el-card>
@@ -108,6 +108,8 @@ const resetSearch = function () {
         name: '',
         jwcode: ''
     }
+    // 重置页码
+    pagination.value.pageNum = 1
     dateRange.value = []
 }
 const handlePageSizeChange = function (val) {
diff --git a/src/views/history/oldHistory.vue b/src/views/history/oldHistory.vue
index ed34232..981f17a 100644
--- a/src/views/history/oldHistory.vue
+++ b/src/views/history/oldHistory.vue
@@ -31,8 +31,8 @@
             <el-table-column prop="createTime" label="更新时间" width="200" header-align="center" align="center" />
             <el-table-column prop="remark" label="备注" show-overflow-tooltip width="200" align="center" />
         </el-table>
-        <el-pagination background style="margin-top:20px" v-model:current-page="pagination.pageNum"
-            v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
+        <el-pagination background style="margin-top:20px" :current-page="pagination.pageNum"
+            :page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
             :total="pagination.total" @size-change="handlePageSizeChange"
             @current-change="handleCurrentChange"></el-pagination>
     </el-card>
@@ -106,6 +106,8 @@ const resetSearch = function () {
         name: '',
         jwcode: ''
     }
+    // 重置页码
+    pagination.value.pageNum = 1
     dateRange.value = []
 }
 const handlePageSizeChange = function (val) {
diff --git a/src/views/moneyManage/executor/executor.vue b/src/views/moneyManage/executor/executor.vue
index e95f1f0..ac6defa 100644
--- a/src/views/moneyManage/executor/executor.vue
+++ b/src/views/moneyManage/executor/executor.vue
@@ -1,253 +1,254 @@
 <template>
-    <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
-        <div class="condition1">
-            <div class="search">
-                <el-text size="large" style="width:4vw;">姓名</el-text>
-                <el-input v-model="searchForm.name" placeholder="请输入姓名" style="width:9vw;" clearable />
-            </div>
-            <div class="search">
-                <el-text size="large" style="width:4vw;">精网号</el-text>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
-            </div>
-            <div class="search">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
-                    clearable />
-            </div>
-            <div class="search">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
-            </div>
-            <div class="search">
-                <el-text size="large" style="width:4vw;">退款币种</el-text>
-                <el-select v-model="searchForm.refundCurrency" style="width:9vw;" clearable>
-                    <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
-            </div>
-        </div>
-        <div class="condition1">
-            <div class="search2">
-                <el-text size="large" style="width:4vw;">退款途径</el-text>
-                <el-select v-model="searchForm.refundChannels" style="width:9vw;" clearable>
-                    <el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
-                        :value="item.value" />
-                </el-select>
-            </div>
-            <div class="search2">
-                <el-text size="large" style="width:4vw;">订单状态</el-text>
-                <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
-                    <el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
-                </el-select>
-            </div>
-            <div class="search2" style="width: 28vw;">
-                <el-text size="large" style="width:4vw;">退款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
-                    :disabled-date="disabledDate" :default-time="defaultTime" />
-            </div>
-            <div>
-                <el-button type="primary" @click="getRefund">查询</el-button>
-                <el-button type="success" @click="reset">重置</el-button>
-                <!-- <el-button type="warning">导出excel</el-button>
-                <el-button type="primary">查看导出列表</el-button> -->
-            </div>
-        </div>
-    </el-card>
+  <el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
+    <div class="condition1">
+      <div class="search">
+        <el-text size="large" style="width:4vw;">姓名</el-text>
+        <el-input v-model="searchForm.name" placeholder="请输入姓名" style="width:9vw;" clearable/>
+      </div>
+      <div class="search">
+        <el-text size="large" style="width:4vw;">精网号</el-text>
+        <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable/>
+      </div>
+      <div class="search">
+        <el-text size="large" style="width:4vw;">所属地区</el-text>
+        <el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
+                     clearable/>
+      </div>
+      <div class="search">
+        <el-text size="large" style="width:4vw;">产品名称</el-text>
+        <el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable/>
+      </div>
+      <div class="search">
+        <el-text size="large" style="width:4vw;">退款币种</el-text>
+        <el-select v-model="searchForm.refundCurrency" style="width:9vw;" clearable>
+          <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value"/>
+        </el-select>
+      </div>
+    </div>
+    <div class="condition1">
+      <div class="search2">
+        <el-text size="large" style="width:4vw;">退款途径</el-text>
+        <el-select v-model="searchForm.refundChannels" style="width:9vw;" clearable>
+          <el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
+                     :value="item.value"/>
+        </el-select>
+      </div>
+      <div class="search2">
+        <el-text size="large" style="width:4vw;">订单状态</el-text>
+        <el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
+          <el-option v-for="item in statusList" :label="item" :value="item" :key="item"/>
+        </el-select>
+      </div>
+      <div class="search2" style="width: 28vw;">
+        <el-text size="large" style="width:4vw;">退款时间</el-text>
+        <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                        end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
+                        :disabled-date="disabledDate" :default-time="defaultTime"/>
+      </div>
+      <div>
+        <el-button type="primary" @click="getRefund">查询</el-button>
+        <el-button type="success" @click="reset">重置</el-button>
+        <!-- <el-button type="warning">导出excel</el-button>
+        <el-button type="primary">查看导出列表</el-button> -->
+      </div>
+    </div>
+  </el-card>
 
-    <el-card style="background-color: rgb(231,244,253);">
-        <el-table :data="tableData" style="height:60vh;width:82vw;">
-            <el-table-column type="index" label="序号" width="60" fixed="left" />
-            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
-            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
-            <el-table-column prop="marketName" label="所属地区" width="120" />
-            <el-table-column prop="goodsName" label="产品名称" width="120" />
-            <el-table-column prop="goodNum" label="产品数量" width="120" />
-            <el-table-column prop="refundModel" label="退款方式" width="120">
-                <template #default="scope">
-                    {{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="refundCurrency" label="退款币种" width="120">
-                <template #default="scope">
-                    <div v-if="!scope.row.refundCurrency">
-                        <text style="color: #FA5A1E;">待补充</text>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="refundAmount" label="退款金额" width="120">
-                <template #default="scope">
-                    <div v-if="!scope.row.refundAmount">
-                        <text style="color: #FA5A1E;">待补充</text>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="refundChannels" label="退款途径" width="120">
-                <template #default="scope">
-                    <div v-if="!scope.row.refundChannels">
-                        <text style="color: #FA5A1E;">待补充</text>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="refundVoucher" label="退款截图" width="120">
-                <template #default="scope">
-                    <el-image v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher"
-                        @click="previewImage(scope.row.refundVoucher)"
-                        style="width: 40px; height: 40px; cursor: pointer;z-index: 99999;" fit="cover" />
-                    <span v-else style="color: #FA5A1E;">待补充</span>
-                </template>
-            </el-table-column>
-            <el-table-column prop="refundTime" label="退款时间" width="180">
-                <template #default="scope">
-                    <div v-if="!scope.row.refundTime">
-                        <text style="color: #FA5A1E;">待补充</text>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="status" label="订单状态" width="120">
-                <template #default="scope">
-                    {{ scope.row.status === 41 ? '退款成功' : '待处理' }}
-                </template>
-            </el-table-column>
-            <el-table-column prop="operation" label="操作" fixed="right" width="100px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-button v-if="scope.row.status === 40" type="primary" text
-                            @click="showEditDialog(scope.row)">
-                            提交
-                        </el-button>
-                        <el-button v-else type="primary" text @click="showEditDialog(scope.row)">
-                            编辑
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;" />
-    </el-card>
+  <el-card style="background-color: rgb(231,244,253);">
+    <el-table :data="tableData" style="height:60vh;width:82vw;">
+      <el-table-column type="index" label="序号" width="60" fixed="left"/>
+      <el-table-column prop="name" label="Homily ID" width="120" fixed="left"/>
+      <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip/>
+      <el-table-column prop="marketName" label="所属地区" width="120"/>
+      <el-table-column prop="goodsName" label="产品名称" width="120"/>
+      <el-table-column prop="goodNum" label="产品数量" width="120"/>
+      <el-table-column prop="refundModel" label="退款方式" width="120">
+        <template #default="scope">
+          {{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="refundCurrency" label="退款币种" width="120">
+        <template #default="scope">
+          <div v-if="!scope.row.refundCurrency">
+            <text style="color: #FA5A1E;">待补充</text>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="refundAmount" label="退款金额" width="120">
+        <template #default="scope">
+          <div v-if="!scope.row.refundAmount">
+            <text style="color: #FA5A1E;">待补充</text>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="refundChannels" label="退款途径" width="120">
+        <template #default="scope">
+          <div v-if="!scope.row.refundChannels">
+            <text style="color: #FA5A1E;">待补充</text>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="refundVoucher" label="退款截图" width="120">
+        <template #default="scope">
+          <el-image v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher"
+                    @click="previewImage(scope.row.refundVoucher)"
+                    style="width: 40px; height: 40px; cursor: pointer;z-index: 99999;" fit="cover"/>
+          <span v-else style="color: #FA5A1E;">待补充</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="refundTime" label="退款时间" width="180">
+        <template #default="scope">
+          <div v-if="!scope.row.refundTime">
+            <text style="color: #FA5A1E;">待补充</text>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="订单状态" width="120">
+        <template #default="scope">
+          {{ scope.row.status === 41 ? '退款成功' : '待处理' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="operation" label="操作" fixed="right" width="100px">
+        <template #default="scope">
+          <div class="operation">
+            <el-button v-if="scope.row.status === 40" type="primary" text
+                       @click="showEditDialog(scope.row)">
+              提交
+            </el-button>
+            <el-button v-else type="primary" text @click="showEditDialog(scope.row)">
+              编辑
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination :current-page="pagination.pageNum" :page-size="pagination.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;"/>
+  </el-card>
 
-    <el-dialog v-model="showEdit" class="edit" overflow draggable style="width: 40vw;">
-        <div style="display: flex;">
-            <div class="left">
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">精网号</el-text>
-                    <el-input v-model="editRow.jwcode" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">客户姓名</el-text>
-                    <el-input v-model="editRow.name" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">所属地区</el-text>
-                    <el-input v-model="editRow.marketName" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">产品名称</el-text>
-                    <el-input v-model="editRow.goodsName" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款类型</el-text>
-                    <el-select v-model="editRow.refundModel" style="width:10vw;" disabled>
-                        <el-option label="全部退款" :value="0"></el-option>
-                        <el-option label="部分退款" :value="1"></el-option>
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">付款币种</el-text>
-                    <el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">付款金额</el-text>
-                    <el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">支付方式</el-text>
-                    <el-input v-model="editRow.payType" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">付款时间</el-text>
-                    <el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">提交人</el-text>
-                    <el-input v-model="editRow.submitterName" style="width:10vw;" disabled />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <img v-if="editRow.voucher" :src="editRow.voucher"
-                        style="width: 80px; height: 80px; object-fit: cover;">
-                    <div v-else>
-                        无转账凭证
-                    </div>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">备注</el-text>
-                    <el-input v-model="editRow.remark" style="width:10vw;" :row="3" disabled maxlength="100"
-                        type="textarea" show-word-limit clearable />
-                </div>
-            </div>
-            <div class="right">
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款币种</el-text>
-                    <el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;">
-                        <el-option v-for="item in currencies" :key="item.value" :label="item.label"
-                            :value="item.value" />
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款金额</el-text>
-                    <el-input v-model="editForm.refundAmount" placeholder="请输入退款金额" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款途径</el-text>
-                    <el-select v-model="editForm.refundChannels" placeholder="请选择退款途径" style="width:10vw;">
-                        <el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
-                            :value="item.value" />
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款时间</el-text>
-                    <el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间"
-                        style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">支付凭证</el-text>
-                    <el-upload ref="uploadRef" :http-request="customUpload" list-type="picture-card"
-                        :auto-upload="false" :on-change="handleImageChange" :before-upload="beforeUpload"
-                        :show-file-list="false">
-                        <template #default>
-                            <img v-if="editForm.imageUrl" :src="editForm.imageUrl"
-                                style="width: 80px; height: 80px; object-fit: cover;">
-                            <el-icon v-else>
-                                <Plus />
-                            </el-icon>
-                        </template>
-                    </el-upload>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">备注</el-text>
-                    <el-input v-model="editForm.refundRemark" placeholder="请输入备注" style="width:10vw;" :rows="3"
-                        maxlength="100" show-word-limit type="textarea" clearable />
-                </div>
-                <div style="display:flex;justify-content: center;margin-top: 5vh;">
-                    <el-button type="default" @click="hideEditDialog" style="margin-right: 2vw;">取消</el-button>
-                    <el-button type="primary" @click="submitRefund">提交</el-button>
-                </div>
-            </div>
+  <el-dialog v-model="showEdit" class="edit" overflow draggable style="width: 40vw;">
+    <div style="display: flex;">
+      <div class="left">
+        <div class="dialog-item">
+          <el-text style="width:4vw;">精网号</el-text>
+          <el-input v-model="editRow.jwcode" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">客户姓名</el-text>
+          <el-input v-model="editRow.name" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">所属地区</el-text>
+          <el-input v-model="editRow.marketName" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">产品名称</el-text>
+          <el-input v-model="editRow.goodsName" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">退款类型</el-text>
+          <el-select v-model="editRow.refundModel" style="width:10vw;" disabled>
+            <el-option label="全部退款" :value="0"></el-option>
+            <el-option label="部分退款" :value="1"></el-option>
+          </el-select>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">付款币种</el-text>
+          <el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">付款金额</el-text>
+          <el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">支付方式</el-text>
+          <el-input v-model="editRow.payType" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">付款时间</el-text>
+          <el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">提交人</el-text>
+          <el-input v-model="editRow.submitterName" style="width:10vw;" disabled/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">转账凭证</el-text>
+          <img v-if="editRow.voucher" :src="editRow.voucher"
+               style="width: 80px; height: 80px; object-fit: cover;">
+          <div v-else>
+            无转账凭证
+          </div>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">备注</el-text>
+          <el-input v-model="editRow.remark" style="width:10vw;" :row="3" disabled maxlength="100"
+                    type="textarea" show-word-limit clearable/>
+        </div>
+      </div>
+      <div class="right">
+        <div class="dialog-item">
+          <el-text style="width:4vw;">退款币种</el-text>
+          <el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;">
+            <el-option v-for="item in currencies" :key="item.value" :label="item.label"
+                       :value="item.value"/>
+          </el-select>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">退款金额</el-text>
+          <el-input v-model="editForm.refundAmount" placeholder="请输入退款金额" style="width:10vw;" clearable/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">退款途径</el-text>
+          <el-select v-model="editForm.refundChannels" placeholder="请选择退款途径" style="width:10vw;">
+            <el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
+                       :value="item.value"/>
+          </el-select>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">退款时间</el-text>
+          <el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间"
+                          style="width:10vw;" clearable/>
+        </div>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">支付凭证</el-text>
+          <el-upload ref="uploadRef" :http-request="customUpload" list-type="picture-card"
+                     :auto-upload="false" :on-change="handleImageChange" :before-upload="beforeUpload"
+                     :show-file-list="false">
+            <template #default>
+              <img v-if="editForm.imageUrl" :src="editForm.imageUrl"
+                   style="width: 80px; height: 80px; object-fit: cover;">
+              <el-icon v-else>
+                <Plus/>
+              </el-icon>
+            </template>
+          </el-upload>
         </div>
-    </el-dialog>
+        <div class="dialog-item">
+          <el-text style="width:4vw;">备注</el-text>
+          <el-input v-model="editForm.refundRemark" placeholder="请输入备注" style="width:10vw;" :rows="3"
+                    maxlength="100" show-word-limit type="textarea" clearable/>
+        </div>
+        <div style="display:flex;justify-content: center;margin-top: 5vh;">
+          <el-button type="default" @click="hideEditDialog" style="margin-right: 2vw;">取消</el-button>
+          <el-button type="primary" @click="submitRefund">提交</el-button>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
 </template>
 <script setup>
-import { ref, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
+import {ref, onMounted} from 'vue'
+import {ElMessage} from 'element-plus'
 import API from '@/util/http.js'
 import dayjs from 'dayjs'
-import { useAdminStore } from "@/store/index.js"
-import { storeToRefs } from "pinia"
-import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
+import {useAdminStore} from "@/store/index.js"
+import {storeToRefs} from "pinia"
+import {Delete, Download, Plus, ZoomIn} from '@element-plus/icons-vue'
+
 const adminStore = useAdminStore()
-const { adminData, menuTree } = storeToRefs(adminStore)
-import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+const {adminData, menuTree} = storeToRefs(adminStore)
+import {permissionMapping, findMenuById} from "@/utils/menuTreePermission.js"
 
 const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
 const dateRange = ref([])
@@ -255,211 +256,211 @@ const tableData = ref([])
 const editRow = ref({})// 编辑回显
 const statusList = ref(['待处理', '退款成功'])
 const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
+  pageNum: 1,
+  pageSize: 50,
+  total: 0
 })
 const market = ref([])
 const uploadRef = ref(null)
 const searchForm = ref({
-    jwcode: '',
-    markets: []
+  jwcode: '',
+  markets: []
 })
 const showEdit = ref(false)
 const editForm = ref({
-    jwcode: ''
+  jwcode: ''
 })
 // 查全部
 const getRefund = async function () {
-    try {
-        const statusesParam = [40, 41] // 默认：看不到进度没到这里的
-        if (searchForm.value.statuses === '待处理') {
-            statusesParam.value = [40]
-        } else if (searchForm.value.statuses === '退款成功') {
-            statusesParam.value = [41]
-        } else {
-            statusesParam.value = [40, 41]
-        }
+  try {
+    const statusesParam = [40, 41] // 默认：看不到进度没到这里的
+    if (searchForm.value.statuses === '待处理') {
+      statusesParam.value = [40]
+    } else if (searchForm.value.statuses === '退款成功') {
+      statusesParam.value = [41]
+    } else {
+      statusesParam.value = [40, 41]
+    }
 
-        const params = {
-            pageNum: pagination.value.pageNum,
-            pageSize: pagination.value.pageSize,
-            cashRecordDone: {
-                jwcode: searchForm.value.jwcode,
-                name: searchForm.value.name,
-                markets: searchForm.value.markets,
-                goodsNames: searchForm.value.goodsName,
-                statuses: statusesParam.value,//10：地区财务待审核；12：地区财务驳回；
-                // 20：地区负责人待审核；22：地区负责人驳回；
-                // 30：总部财务待审核；32：总部财务驳回；
-                // 40：执行人待处理；41：执行人已处理，退款完成；
-                paymentCurrency: searchForm.value.paymentCurrency,
-                refundCurrency: searchForm.value.refundCurrency,
-                sTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
-                eTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
-                adminId: adminData.value.id,
-                account: adminData.value.account,
-                refundChannels: searchForm.value.refundChannels
-            }
-        }
+    const params = {
+      pageNum: pagination.value.pageNum,
+      pageSize: pagination.value.pageSize,
+      cashRecordDone: {
+        jwcode: searchForm.value.jwcode,
+        name: searchForm.value.name,
+        markets: searchForm.value.markets,
+        goodsNames: searchForm.value.goodsName,
+        statuses: statusesParam.value,//10：地区财务待审核；12：地区财务驳回；
+        // 20：地区负责人待审核；22：地区负责人驳回；
+        // 30：总部财务待审核；32：总部财务驳回；
+        // 40：执行人待处理；41：执行人已处理，退款完成；
+        paymentCurrency: searchForm.value.paymentCurrency,
+        refundCurrency: searchForm.value.refundCurrency,
+        sTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
+        eTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
+        adminId: adminData.value.id,
+        account: adminData.value.account,
+        refundChannels: searchForm.value.refundChannels
+      }
+    }
 
-        const result = await API({
-            url: '/Money/select',
-            method: 'POST',
-            data: params
-        })
+    const result = await API({
+      url: '/Money/select',
+      method: 'POST',
+      data: params
+    })
 
-        tableData.value = result.data.list || []
-        pagination.value.total = result.data.total || 0
-    } catch (error) {
-        ElMessage.error(error.message || '查询失败')
-    }
+    tableData.value = result.data.list || []
+    pagination.value.total = result.data.total || 0
+  } catch (error) {
+    ElMessage.error(error.message || '查询失败')
+  }
 }
 // 提交
 const submitRefund = async function () {
-    try {
-        const numberReg = /^[0-9]+(\.[0-9]+)?$/
-        if (!numberReg.test(editForm.value.refundAmount)) {
-            ElMessage.error('请输入数字或小数')
-            return
-        }
-        const params = {
-            refundVoucher: editForm.value.imageUrl,
-            refundTime: editForm.value.refundTime ? dayjs(editForm.value.refundTime).format('YYYY-MM-DD HH:mm:ss') : "",
-            refundRemark: editForm.value.refundRemark,
-            id: editRow.value.id,
-            refundCurrency: editForm.value.refundCurrency,
-            refundAmount: editForm.value.refundAmount,
-            refundChannels: editForm.value.refundChannels,
-            status: 41,
-            auditId: editRow.value.auditId,
-            executor: adminData.value.account
-        }
-        const result = await API({
-            url: '/Money/executor',
-            data: params
-        })
-        if (result.code === 200) {
-            ElMessage.success('提交成功')
-            hideEditDialog()
-            getRefund()
-        } else {
-            ElMessage.error(result.data.msg || '提交失败')
-        }
-    } catch (error) {
-        ElMessage.error(error.message || '提交失败')
+  try {
+    const numberReg = /^[0-9]+(\.[0-9]+)?$/
+    if (!numberReg.test(editForm.value.refundAmount)) {
+      ElMessage.error('请输入数字或小数')
+      return
+    }
+    const params = {
+      refundVoucher: editForm.value.imageUrl,
+      refundTime: editForm.value.refundTime ? dayjs(editForm.value.refundTime).format('YYYY-MM-DD HH:mm:ss') : "",
+      refundRemark: editForm.value.refundRemark,
+      id: editRow.value.id,
+      refundCurrency: editForm.value.refundCurrency,
+      refundAmount: editForm.value.refundAmount,
+      refundChannels: editForm.value.refundChannels,
+      status: 41,
+      auditId: editRow.value.auditId,
+      executor: adminData.value.account
     }
+    const result = await API({
+      url: '/Money/executor',
+      data: params
+    })
+    if (result.code === 200) {
+      ElMessage.success('提交成功')
+      hideEditDialog()
+      getRefund()
+    } else {
+      ElMessage.error(result.data.msg || '提交失败')
+    }
+  } catch (error) {
+    ElMessage.error(error.message || '提交失败')
+  }
 }
 const getMarket = async function () {
-    try {
-        const result = await API({
+  try {
+    const result = await API({
 
-            url: '/market/selectMarket',
-        })
-        console.log('看看地区树', result)
+      url: '/market/selectMarket',
+    })
+    console.log('看看地区树', result)
 
-        const transformTree = (nodes) => {
-            const allChildren = nodes.flatMap(node => node.children || []);
+    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 allChildren.map(child => {
+        const grandchildren = child.children && child.children.length
+            ? transformTree([child])
+            : null;
 
-                return {
-                    value: child.id,
-                    label: child.name,
-                    children: grandchildren
-                };
-            });
+        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 showEditDialog = (row) => {
-    editRow.value = row
-    showEdit.value = true
+  editRow.value = row
+  showEdit.value = true
 }
 const hideEditDialog = () => {
-    showEdit.value = false
-    editForm.value = {
-        jwcode: ''
-    }
+  showEdit.value = false
+  editForm.value = {
+    jwcode: ''
+  }
 }
 const channelOptions = ref([{
-    value: '银行转账',
-    label: '银行转账'
+  value: '银行转账',
+  label: '银行转账'
 },
-{
+  {
     value: '刷卡',
     label: '刷卡'
-},
-{
+  },
+  {
     value: '现金',
     label: '现金'
-},
-{
+  },
+  {
     value: '支票',
     label: '支票'
-},
-{
+  },
+  {
     value: 'Grabpay',
     label: 'Grabpay'
-},
-{
+  },
+  {
     value: 'Nets',
     label: 'Nets'
-},
-{
+  },
+  {
     value: 'E-Transfer',
     label: 'E-Transfer'
-},
-{
+  },
+  {
     value: 'PayPal',
     label: 'PayPal'
-},
-{
+  },
+  {
     value: 'Stripe-链接收款',
     label: 'Stripe-链接收款'
-},
-{
+  },
+  {
     value: 'PaymentAsia-链接收款',
     label: 'PaymentAsia-链接收款'
-},
-{
+  },
+  {
     value: 'Ipay88-链接收款',
     label: 'Ipay88-链接收款'
-}
+  }
 ])
 
 const currencies = ref([
-    {
-        value: '新币',
-        label: '新币'
-    },
-    {
-        value: '港币',
-        label: '港币'
-    },
-    {
-        value: '马币',
-        label: '马币'
-    },
-    {
-        value: '加币',
-        label: '加币'
-    },
-    {
-        value: '泰铢',
-        label: '泰铢'
-    },
-    {
-        value: '越南盾',
-        label: '越南盾'
-    }
+  {
+    value: '新币',
+    label: '新币'
+  },
+  {
+    value: '港币',
+    label: '港币'
+  },
+  {
+    value: '马币',
+    label: '马币'
+  },
+  {
+    value: '加币',
+    label: '加币'
+  },
+  {
+    value: '泰铢',
+    label: '泰铢'
+  },
+  {
+    value: '越南盾',
+    label: '越南盾'
+  }
 ])
 
 // 预览图片函数
@@ -492,195 +493,197 @@ const previewImage = (imageUrl) => {
 };
 
 const handleImageChange = (file) => {
-    uploadRef.value.submit()
+  uploadRef.value.submit()
 }
 const beforeUpload = (file) => {
-    const isJPG = file.type === 'image/jpeg'
-    const isPNG = file.type === 'image/png'
-    const isLt1 = file.size / 1024 < 1024
-    if (!isJPG && !isPNG) {
-        ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
-        return false
-    }
-    if (!isLt1) {
-        ElMessage.error('上传图片大小不能超过1MB')
-        return false
-    }
-    return true
+  const isJPG = file.type === 'image/jpeg'
+  const isPNG = file.type === 'image/png'
+  const isLt1 = file.size / 1024 < 1024
+  if (!isJPG && !isPNG) {
+    ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
+    return false
+  }
+  if (!isLt1) {
+    ElMessage.error('上传图片大小不能超过1MB')
+    return false
+  }
+  return true
 }
 const customUpload = async (options) => {
-    try {
-        const formData = new FormData()
-        formData.append('file', options.file)
-        const response = await API({
-            url: uploadUrl,
-            method: 'POST',
-            data: formData,
-            headers: {
-                'Content-Type': 'multipart/form-data'
-            }
-        })
-        if (response.code === 200 && response.data) {
-            editForm.value.imageUrl = response.data.url
-            ElMessage.success(response.msg || '上传成功')
-        } else {
-            ElMessage.error(response.msg || '上传失败')
-        }
-    } catch (error) {
-        console.error('上传错误:', error)
-        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+  try {
+    const formData = new FormData()
+    formData.append('file', options.file)
+    const response = await API({
+      url: uploadUrl,
+      method: 'POST',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
+    if (response.code === 200 && response.data) {
+      editForm.value.imageUrl = response.data.url
+      ElMessage.success(response.msg || '上传成功')
+    } else {
+      ElMessage.error(response.msg || '上传失败')
     }
+  } catch (error) {
+    console.error('上传错误:', error)
+    ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+  }
 }
 const productList = [
-    {
-        "value": "金币产品",
-        "label": "金币产品",
+  {
+    "value": "金币产品",
+    "label": "金币产品",
+    "children": [
+      {
+        "value": "金币充值",
+        "label": "金币充值",
+      }
+    ]
+  },
+  {
+    "value": "软件产品",
+    "label": "软件产品",
+    "children": [
+      {
+        "value": "美股",
+        "label": "美股",
+        "children": [
+          {
+            "value": "美股软件",
+            "label": "美股软件"
+          }
+        ]
+      },
+      {
+        "value": "港股",
+        "label": "港股",
+        "children": [
+          {
+            "value": "港股软件",
+            "label": "港股软件"
+          }
+        ]
+      },
+      {
+        "value": "A股",
+        "label": "A股",
+        "children": [
+          {
+            "value": "A股软件",
+            "label": "A股软件"
+          }
+        ]
+      },
+      {
+        "value": "新加坡股",
+        "label": "新加坡股",
+        "children": [
+          {
+            "value": "新加坡股软件",
+            "label": "新加坡股软件"
+          }
+        ]
+      },
+      {
+        "value": "马股",
+        "label": "马股",
+        "children": [
+          {
+            "value": "马股软件",
+            "label": "马股软件"
+          }
+        ]
+      },
+      {
+        "value": "日本股",
+        "label": "日本股",
         "children": [
-            {
-                "value": "金币充值",
-                "label": "金币充值",
-            }
+          {
+            "value": "日本股软件",
+            "label": "日本股软件"
+          }
         ]
-    },
-    {
-        "value": "软件产品",
-        "label": "软件产品",
+      },
+      {
+        "value": "泰股",
+        "label": "泰股",
         "children": [
-            {
-                "value": "美股",
-                "label": "美股",
-                "children": [
-                    {
-                        "value": "美股软件",
-                        "label": "美股软件"
-                    }
-                ]
-            },
-            {
-                "value": "港股",
-                "label": "港股",
-                "children": [
-                    {
-                        "value": "港股软件",
-                        "label": "港股软件"
-                    }
-                ]
-            },
-            {
-                "value": "A股",
-                "label": "A股",
-                "children": [
-                    {
-                        "value": "A股软件",
-                        "label": "A股软件"
-                    }
-                ]
-            },
-            {
-                "value": "新加坡股",
-                "label": "新加坡股",
-                "children": [
-                    {
-                        "value": "新加坡股软件",
-                        "label": "新加坡股软件"
-                    }
-                ]
-            },
-            {
-                "value": "马股",
-                "label": "马股",
-                "children": [
-                    {
-                        "value": "马股软件",
-                        "label": "马股软件"
-                    }
-                ]
-            },
-            {
-                "value": "日本股",
-                "label": "日本股",
-                "children": [
-                    {
-                        "value": "日本股软件",
-                        "label": "日本股软件"
-                    }
-                ]
-            },
-            {
-                "value": "泰股",
-                "label": "泰股",
-                "children": [
-                    {
-                        "value": "泰股软件",
-                        "label": "泰股软件"
-                    }
-                ]
-            },
-            {
-                "value": "越南股",
-                "label": "越南股",
-                "children": [
-                    {
-                        "value": "越南股软件",
-                        "label": "越南股软件"
-                    }
-                ]
-            },
-            {
-                "value": "印尼股",
-                "label": "印尼股",
-                "children": [
-                    {
-                        "value": "印尼股软件",
-                        "label": "印尼股软件"
-                    }
-                ]
-            },
-            {
-                "value": "韩国股",
-                "label": "韩国股",
-                "children": [
-                    {
-                        "value": "韩国股软件",
-                        "label": "韩国股软件"
-                    }
-                ]
-            },
-            {
-                "value": "台湾股",
-                "label": "台湾股",
-                "children": [
-                    {
-                        "value": "台湾股软件",
-                        "label": "台湾股软件"
-                    }
-                ]
-            }
+          {
+            "value": "泰股软件",
+            "label": "泰股软件"
+          }
         ]
-    },
+      },
+      {
+        "value": "越南股",
+        "label": "越南股",
+        "children": [
+          {
+            "value": "越南股软件",
+            "label": "越南股软件"
+          }
+        ]
+      },
+      {
+        "value": "印尼股",
+        "label": "印尼股",
+        "children": [
+          {
+            "value": "印尼股软件",
+            "label": "印尼股软件"
+          }
+        ]
+      },
+      {
+        "value": "韩国股",
+        "label": "韩国股",
+        "children": [
+          {
+            "value": "韩国股软件",
+            "label": "韩国股软件"
+          }
+        ]
+      },
+      {
+        "value": "台湾股",
+        "label": "台湾股",
+        "children": [
+          {
+            "value": "台湾股软件",
+            "label": "台湾股软件"
+          }
+        ]
+      }
+    ]
+  },
 
 ]
 const defaultTime = [
-    new Date(2000, 1, 1, 0, 0, 0),
-    new Date(2000, 2, 1, 23, 59, 59),
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
 ]
 const disabledDate = (time) => {
-    const limitDate = new Date(2025, 0, 1);
-    return time.getTime() < limitDate.getTime();
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
 }
 const reset = function () {
-    searchForm.value = {
-        jwcode: '',
-        markets: [],
-        statuses: []
-    }
-    dateRange.value = []
-    getRefund()
+  searchForm.value = {
+    jwcode: '',
+    markets: [],
+    statuses: []
+  }
+  // 重置页码
+  pagination.value.pageNum = 1
+  dateRange.value = []
+  getRefund()
 }
 onMounted(() => {
-    console.log('???????????????????', adminData.value)
-    getRefund()
-    getMarket()
+  console.log('???????????????????', adminData.value)
+  getRefund()
+  getMarket()
 })
 </script>
 <style scoped>
@@ -688,79 +691,79 @@ onMounted(() => {
 :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-image-viewer) {
-    z-index: 3000 !important;
-    /* 确保高于固定列和对话框的层级 */
+  z-index: 3000 !important;
+  /* 确保高于固定列和对话框的层级 */
 }
 
 /* 若固定列仍遮挡，强制提高固定列容器的层级（可选） */
 :deep(.el-table__fixed),
 :deep(.el-table__fixed-right) {
-    z-index: 10 !important;
-    /* 低于预览层的 3000 即可 */
+  z-index: 10 !important;
+  /* 低于预览层的 3000 即可 */
 }
 
 .condition1 {
-    width: 82vw;
+  width: 82vw;
+  display: flex;
+  align-items: center;
+  height: 4vh;
+
+  .search {
+    width: 18%;
     display: flex;
     align-items: center;
-    height: 4vh;
+    margin-bottom: 1vh;
+    margin-right: 0.5vw;
+  }
 
-    .search {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
-
-    .search2 {
-        width: 18%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  .search2 {
+    width: 18%;
+    display: flex;
+    align-items: center;
+    margin-right: 0.5vw;
+  }
 }
 
 .edit {
-    .left {
-        width: 45%;
-        height: 60vh;
-        padding: 0 2vw;
+  .left {
+    width: 45%;
+    height: 60vh;
+    padding: 0 2vw;
 
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .dialog-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
+    }
 
-        .image {
-            width: 4vw !important;
-            height: 4vw !important;
-        }
+    .image {
+      width: 4vw !important;
+      height: 4vw !important;
+    }
 
-        :deep(.el-upload--picture-card) {
-            width: 4vw !important;
-            height: 4vw !important;
-            padding: 0 !important;
-        }
+    :deep(.el-upload--picture-card) {
+      width: 4vw !important;
+      height: 4vw !important;
+      padding: 0 !important;
     }
+  }
 
-    .right {
-        width: 50%;
+  .right {
+    width: 50%;
 
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
+    .dialog-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 1vh;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveDetail1.vue b/src/views/moneyManage/receiveDetail/receiveDetail1.vue
index f24f2ac..9cf9d02 100644
--- a/src/views/moneyManage/receiveDetail/receiveDetail1.vue
+++ b/src/views/moneyManage/receiveDetail/receiveDetail1.vue
@@ -251,7 +251,7 @@
           </el-table>
         </div>
         <div class="pagination">
-          <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+          <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>
@@ -719,6 +719,8 @@ const search = () => {
 const reset = () => {
   searchData.value = {}
   getTime.value = []
+  // 重置页码
+  pageInfo.value.pageNum = 1
   getlist()
 }
 //获得表格数据接口
diff --git a/src/views/moneyManage/receiveDetail/receiveFinance.vue b/src/views/moneyManage/receiveDetail/receiveFinance.vue
index 84e93d8..34cc35f 100644
--- a/src/views/moneyManage/receiveDetail/receiveFinance.vue
+++ b/src/views/moneyManage/receiveDetail/receiveFinance.vue
@@ -190,8 +190,7 @@
                             </template>
                         </el-table-column>
                         <!-- 地区财务表格操作（待审核→审核，已通过→编辑） -->
-                        <el-table-column fixed="right" label="操作" width="120px"
-                            v-if="activeTab != 'reject' && activeTab != 'done'">
+                        <el-table-column fixed="right" label="操作" width="120px" v-if="activeTab != 'reject'">
                             <template #default=scope>
                                 <el-link v-if="activeTab == 'wait'" style="color: #2741DE;"
                                     @click="openAuditForm(scope.row)">审核
@@ -200,18 +199,37 @@
                                     v-else-if="activeTab == 'pass' && !(scope.row.status == 6 || scope.row.status == 4)"
                                     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: #2741DE;" @click="openRefundConfirm(scope.row)">退款
+                                </el-link>
                             </template>
                         </el-table-column>
                     </el-table>
                 </div>
                 <div class="pagination">
-                    <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
-                        layout="total, sizes, prev, pager, next, jumper" :total="total"
-                        @size-change="handlePagination('size', $event)"
+                    <el-pagination background :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"
+                        :page-sizes="[5, 10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
+                        :total="total" @size-change="handlePagination('size', $event)"
                         @current-change="handlePagination('page', $event)"></el-pagination>
                 </div>
             </el-card>
         </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>
 
         <!-- 仅保留地区财务相关弹窗：审核弹窗、编辑手续费弹窗 -->
         <!-- 审核弹窗 -->
@@ -406,6 +424,108 @@
                 </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:10.5vw;" v-model="refundFormData.goodNum"
+                            placeholder="请输入产品数量" disabled />
+                    </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 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="">重置</el-button>
+                        <el-button type="primary" @click="throttledsubmitRefund">提交</el-button>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
@@ -419,6 +539,7 @@ import request from '@/util/http.js';
 import moment from 'moment';
 import _ from 'lodash';
 import { Plus } from '@element-plus/icons-vue';
+import { startsWith } from './utils/util.js'
 
 // 地区财务专属组件
 import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue';
@@ -474,7 +595,38 @@ const tooltipContent = ref('');
 const tooltipLeft = ref(0);
 const tooltipTop = ref(0);
 
-// 基础数据（地区财务专用）
+// 退款确认弹窗
+const refundConfirmDialog = ref(false)
+const textContent = ref('')
+
+
+//退款弹窗
+const refundDialog = ref(false)
+const refundFormData = ref({})
+
+const openRefundDialog = () => {
+    refundDialog.value = true
+    closeConfirmRefund()
+
+}
+const closeRefundForm = () => {
+    refundDialog.value = false
+    refundFormData.value = {}
+}
+
+const isRefundGold = ref(false)
+const ifRefundGold = () => {
+    if (refundFormData.value.goodsName === '金币充值') {
+        isRefundGold.value = true
+        refundFormData.value.goodNum = 0
+    } else {
+        isRefundGold.value = false
+    }
+}
+
+
+
+// 基础数据
 const adminData = ref({});
 const activityList = ref([]);
 const customOptions = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)']);
@@ -482,6 +634,23 @@ const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-
 const paytypeOptions = ref([...paytypeList]);
 
 // ===================== 2. 核心功能函数（仅地区财务） =====================
+
+//确认退款弹窗
+const openRefundConfirm = (row) => {
+    textContent.value = '将要对该订单退款!'
+    refundConfirmDialog.value = true
+    refundFormData.value = { ...row }
+    ifRefundGold()
+    console.log(row);
+
+}
+
+const closeConfirmRefund = () => {
+    refundConfirmDialog.value = false
+    textContent.value = ''
+}
+
+
 // 2.1 数据加载：获取地区财务订单列表
 const getlist = async () => {
     try {
@@ -544,6 +713,54 @@ const getlist = async () => {
     }
 };
 
+//提交退款
+const submitRefund = async () => {
+    try {
+        const result = await request({
+            url: '/Money/add',
+            data: {
+                jwcode: refundFormData.value.jwcode, // 精网号（必填）
+                name: refundFormData.value.name,  // 姓名（必填）
+                market: refundFormData.value.marketName,  // 所属地区（必填）
+                activity: refundFormData.value.activity, // 活动名称（可选）
+                bankCode: refundFormData.value.bankCode,  // 银行流水订单号（必填）
+                goodsName: refundFormData.value.goodsName, // 商品名称（必填）
+                goodNum: refundFormData.value.goodNum,  // 商品数量（必填，默认0）
+                paymentCurrency: refundFormData.value.paymentCurrency,  // 付款币种（必填）
+                paymentAmount: (refundFormData.value.paymentAmount) * 100,  // 付款金额（必填）
+                receivedCurrency: refundFormData.value.receivedCurrency,  // 到账币种（必填）
+                receivedAmount: (refundFormData.value.receivedAmount) * 100,  // 到账金额（必填）
+                handlingCharge: (refundFormData.value.handlingCharge) * 100,  // 手续费（可选）
+                receivedMarket: refundFormData.value.receivedMarket, // 到账地区（可选）
+                payType: refundFormData.value.payType,  // 支付方式（必填）
+                payTime: refundFormData.value.payTime,  // 付款时间，格式：yyyy-MM-dd HH:mm:ss（可选）
+                receivedTime: refundFormData.value.receivedTime,  // 到账时间，格式：yyyy-MM-dd HH:mm:ss（可选）
+                areaServise: adminData.value.adminName,  // 提交人（可选）
+                submitterId: adminData.value.id,
+                voucher: refundFormData.value.voucher,  // 转账凭证URL（可选）
+                remark: refundFormData.value.remark,  // 备注信息（可选）
+                refundReason: refundFormData.value.refundReason,  // 退款备注-客服填写（可选）
+                refundModel: refundFormData.value.refundModel,  // 退款方式：0-全额，1-部分（可选）
+                id: refundFormData.value.id,                      //订单id
+                orderCode: refundFormData.value.orderCode,
+                permanentGold: (refundFormData.value.permanentGold) * 100 || 0,
+                freeGold: (refundFormData.value.freeGold) * 100 || 0
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('新增退款成功')
+            getlist()
+            closeRefundForm()
+        } else {
+            ElMessage.error(result.msg)
+            getlist()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
+}
+
 // 2.2 搜索与重置
 const search = () => {
     getlist();
@@ -552,6 +769,8 @@ const search = () => {
 
 const reset = () => {
     searchData.value = {};
+    // 重置页码
+    pageInfo.value.pageNum = 1;
     getlist();
 };
 
@@ -821,6 +1040,9 @@ onMounted(async () => {
             window.history.back();
         });
     }
+    //背景预加载
+    const bgImg = new Image();
+    bgImg.src = '/src/assets/收款明细撤回背景.png';
 });
 
 // 2.10 未使用函数占位（避免报错）
@@ -840,328 +1062,399 @@ const handlePagination = (type, val) => {
 </script>
 
 <style scoped lang="scss">
-// 地区财务界面样式优化：移除客服/总部相关样式，保留核心样式
 .content {
     height: 100%;
     width: 80vw;
-    margin: 0 auto;
-    padding: 1vh 0;
-
-    // 搜索卡片样式
-    .div-card1 {
-        .card1 {
-            background: #F3FAFE;
-            border: none;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-
-            .row {
-                height: auto;
-                width: 100%;
-                display: flex;
-                align-items: center;
-                margin-bottom: 1vh;
-                min-height: 40px;
 
-                .rowItem {
-                    display: flex;
-                    align-items: center;
-                    margin-right: 1.5vw;
-                    width: auto;
-
-                    el-text {
-                        min-width: 60px;
-                        margin-right: 0.5vw;
-                        color: #333;
-                        font-weight: 500;
-                    }
+    .card1 {
+        width: 100%;
+        background: #F3FAFE;
 
-                    el-input,
-                    el-select,
-                    el-cascader {
-                        min-width: 160px;
-                    }
-                }
+        .row {
+            height: 4vh;
+            width: 80vw;
+            display: flex;
+            min-height: 40px;
 
-                .buttons {
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    margin-left: 10px;
-                }
+            .rowItem {
+                display: flex;
+                width: 15vw;
+                align-items: center;
+                justify-content: center;
+                margin-right: 0.5vw;
+            }
+
+            .buttons {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                margin-left: 10px;
             }
         }
     }
 
-    // 数据展示卡片样式
+
     .div-card2 {
-        margin-top: 1.5vh;
+        width: 100%;
+        margin-top: 2vh;
 
         .card2 {
-            background: #F3FAFE;
-            border: none;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-
-            // 标签页样式
-            .btns {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                padding: 1vh 1vw;
-                border-bottom: 1px solid #E5EBFE;
+            background: #E7F4FD;
+        }
 
-                .tabs {
-                    .btnItem {
-                        margin-right: 0.5vw;
-                        border-radius: 4px;
-                        padding: 0.3vh 1vw;
-                        font-size: 0.9vw;
+        .btns {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 10px;
 
-                        &:hover {
-                            opacity: 0.9;
-                        }
-                    }
-                }
+            .tabs {
+                min-width: 300px;
 
-                .btnAdd {
-                    display: none; // 隐藏客服的添加收款按钮
+                .btnItem {
+                    margin-left: 10px;
+                    border-radius: 5px;
                 }
             }
+        }
 
-            // 表格样式
-            .table {
-                margin: 1vh 1vw;
-                overflow: hidden;
-
-                .el-table {
-                    border: none;
-
-                    .el-table__header th {
-                        background: #E5EBFE;
-                        color: #2741DE;
-                        font-weight: 500;
-                    }
-
-                    .el-table__body tr {
-                        background: #F3FAFE;
 
-                        &:hover>td {
-                            background: #EEF3FF !important;
-                        }
-                    }
+        .table {
+            margin: 10px;
+            border-radius: 20px;
 
-                    .el-table-column {
-
-                        &[label="序号"],
-                        &[label="Homily ID"],
-                        &[label="姓名"] {
-                            background: #F3FAFE;
-                            z-index: 1;
-                        }
-
-                        &[label="操作"] {
-                            el-link {
-                                color: #2741DE;
-                                cursor: pointer;
-
-                                &:hover {
-                                    color: #1A30B9;
-                                    text-decoration: underline;
-                                }
-                            }
-                        }
-                    }
+            .ellipsis-container {
+                position: relative;
+                width: 100%;
 
-                    // 驳回理由悬浮提示
-                    .ellipsis-container {
-                        .ellipsis-text {
-                            color: #333;
-                            cursor: pointer;
-
-                            &:hover {
-                                color: #2741DE;
-                            }
-                        }
-
-                        .custom-tooltip {
-                            position: fixed;
-                            z-index: 9999;
-                            padding: 8px 12px;
-                            width: 200px;
-                            background-color: #fff;
-                            color: #333;
-                            border: 1px solid #E5EBFE;
-                            border-radius: 4px;
-                            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-                            max-height: 300px;
-                            overflow-y: auto;
-                            font-size: 14px;
-                            line-height: 1.5;
-                        }
-                    }
+                .ellipsis-text {
+                    display: inline-block;
+                    width: 100%;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    cursor: pointer;
                 }
-            }
 
-            // 分页样式
-            .pagination {
-                padding: 1vh 1vw;
-                text-align: right;
-
-                .el-pagination {
-                    .el-pager li {
-                        &.active {
-                            background: #2741DE;
-                            color: #fff;
-                        }
-                    }
+                .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;
+        }
     }
 
-    // 审核弹窗样式
     :deep(.adddialog) {
+        min-width: 500px;
         background-color: #F3FAFE !important;
+        margin-top: 8vh;
         border-radius: 8px;
 
         .addForm {
-            padding: 1.5vh 2vw;
+            padding: 0 60px 1vh 60px;
 
-            .el-form-item {
-                margin-bottom: 1.5vh;
+            .el-date-editor {
+                display: flex;
+                flex: 1;
 
-                &:last-of-type {
-                    margin-bottom: 0;
-                }
+            }
 
-                .el-form-item__label {
-                    color: #333;
-                    font-weight: 500;
-                    min-width: 80px;
-                }
+            .pic {
+                display: flex;
+                align-items: center;
 
-                .pic {
-                    display: flex;
-                    align-items: center;
+                .uploader {
+                    height: 80px;
+                    width: 80px;
 
-                    .uploader {
-                        height: 80px;
-                        width: 80px;
-                        border: 1px dashed #DCDFE6;
-
-                        .el-upload {
-                            height: 100%;
-                            width: 100%;
-                            display: flex;
-                            align-items: center;
-                            justify-content: center;
-                        }
+                    .el-upload {
+                        height: 100%;
+                        width: 100%;
                     }
+                }
 
-                    .picText {
-                        margin-left: 1vw;
-                        color: #999;
-                        font-size: 12px;
-                    }
+                .picText {
+                    color: #999999;
+                    font-family: "PingFang SC";
+                    font-size: 10px;
+                    font-style: normal;
+                    font-weight: 400;
+                    line-height: 20px;
+                    margin-left: 10px;
                 }
             }
+        }
 
-            .dialog-footer {
+        .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;
-                justify-content: center;
-                gap: 1vw;
-                padding-top: 1.5vh;
+                flex: 1;
+            }
 
-                button {
-                    padding: 0.5vh 1.5vw;
-                    border-radius: 4px;
+            .pic {
+                display: flex;
+                align-items: center;
 
-                    &:first-of-type {
-                        background: #7E91FF;
-                        border: none;
-                        color: #fff;
-                    }
+                .uploader {
+                    height: 80px;
+                    width: 80px;
 
-                    &:last-of-type {
-                        background: #2741DE;
-                        border: none;
-                        color: #fff;
+                    .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;
+                }
             }
         }
-    }
-
-    // 编辑弹窗样式
-    :deep(.editdialog) {
-        background-color: #F3FAFE !important;
-        border-radius: 8px;
-        width: 60vw !important;
 
         .content {
             display: flex;
-            gap: 2vw;
-            padding: 1.5vh 2vw;
+            height: 100%;
+            width: 100%;
+
+            .left {
+                min-width: 500px;
+            }
 
-            .left,
             .right {
                 flex: 1;
-            }
 
-            .editForm,
-            .editFormRighrt {
-                .el-form-item {
-                    margin-bottom: 1.5vh;
+                .editFormRighrt {
+                    padding: 0 60px 0 40px;
 
-                    .el-form-item__label {
-                        color: #333;
-                        font-weight: 500;
-                        min-width: 80px;
+                    .el-date-editor {
+                        display: flex;
+                        flex: 1;
                     }
                 }
-            }
 
-            .right {
                 .editBtns {
                     display: flex;
                     justify-content: center;
-                    gap: 1vw;
-                    margin-top: 2vh;
-
-                    .editBtn1,
-                    .editBtn2 {
-                        padding: 0.5vh 1.5vw;
-                        border-radius: 4px;
-                        border: none;
-                        color: #fff;
-
-                        .txt {
-                            font-size: 14px;
-                        }
+                    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;
                     }
                 }
             }
         }
     }
+
+    :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;
+            }
+        }
+    }
+}
+
+// 表格样式统一
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+    background-color: #F3FAFE !important;
 }
 
-// 全局样式修复
-:deep(.el-date-editor) {
-    width: 100%;
+:deep(.el-table__header th) {
+    background-color: #F3FAFE !important;
 }
 
-:deep(.el-select-dropdown) {
-    max-height: 200px;
+:deep(.el-table__row:hover > .el-table__cell) {
+    background-color: #E5EBFE !important;
 }
 
-:deep(.el-cascader-panel) {
-    max-height: 200px;
+// 驳回理由弹窗样式
+.reject-reason-box {
+    --el-message-box-height: 500px;
+}
+
+.reject-reason-box .el-message-box__content {
+    max-height: 350px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+}
+
+.recallDialog {
+    //撤回弹窗提示
+    height: 392px;
+    width: 700px;
+    background-image: url('/src/assets/收款明细撤回背景.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;
+        }
+    }
+
+    .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;
+        }
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveHead.vue b/src/views/moneyManage/receiveDetail/receiveHead.vue
index dec431c..b411c83 100644
--- a/src/views/moneyManage/receiveDetail/receiveHead.vue
+++ b/src/views/moneyManage/receiveDetail/receiveHead.vue
@@ -168,7 +168,7 @@
         </div>
         <!-- 分页组件 -->
         <div class="pagination">
-          <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+          <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>
@@ -354,6 +354,7 @@ const search = () => {
 const reset = () => {
   searchData.value = {}
   getTime.value = []
+  pageInfo.value.pageNum = 1
   getlist()
 }
 const getlist = async () => {
diff --git a/src/views/moneyManage/receiveDetail/receiveManage.vue b/src/views/moneyManage/receiveDetail/receiveManage.vue
deleted file mode 100644
index 33dc1a4..0000000
--- a/src/views/moneyManage/receiveDetail/receiveManage.vue
+++ /dev/null
@@ -1,1163 +0,0 @@
-<template>
-  <div class="content">
-    <div class="div-card1">
-      <el-card class="card1" style="margin-bottom: 0.5vh; min-height: 110px;">
-        <div class="row">
-          <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-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
-              <el-option v-for="item in marketList" :key="item" :label="item" :value="item"/>
-            </el-select>
-          </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="row" style="margin-top: 10px;">
-          <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: 30vw">
-            <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 class="buttons">
-            <el-button type="primary" @click="search">查询</el-button>
-            <el-button type="success" @click="reset">重置</el-button>
-          </div>
-        </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>
-          <!-- 移除客服专属“添加收款”按钮 -->
-        </div>
-
-        <div class="table">
-          <el-table :data="tableData" style="width: 80vw;height:54vh;" @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>
-            <el-table-column prop="paymentAmount" label="付款金额" width="120px"></el-table-column>
-            <!-- 地区财务专属：已通过/已完成标签显示到账信息 -->
-            <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>
-            <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>
-            <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
-                             show-overflow-tooltip></el-table-column>
-            <el-table-column prop="status" label="订单状态" v-if="activeTab == 'done'" width="150px"
-                             show-overflow-tooltip>
-              <template #default="scope">
-                <span v-if="scope.row.status == 6">退款</span>
-                <span 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="{
-                                        left: `${tooltipLeft}px`,
-                                        top: `${tooltipTop}px`
-                                    }">
-                    {{ tooltipContent }}
-                  </div>
-                </div>
-              </template>
-            </el-table-column>
-            <!-- 移除客服专属订单状态列 -->
-            <!-- 地区财务专属操作列（待审核-审核/已通过-编辑） -->
-            <el-table-column fixed="right" label="操作" width="120px"
-                             v-if="activeTab != 'reject' && activeTab != 'done'">
-              <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)"
-                         style="color: #2741DE;" @click="openEditForm(scope.row)">编辑
-                </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div class="pagination">
-          <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
-                         layout="total, sizes, prev, pager, next, jumper" :total="total"
-                         @size-change="handlePagination('size', $event)"
-                         @current-change="handlePagination('page', $event)"></el-pagination>
-        </div>
-      </el-card>
-    </div>
-
-    <!-- 移除客服专属：撤回确认弹窗、退款确认弹窗、新增弹窗 -->
-    
-    <!-- 地区财务专属：审核弹窗 -->
-    <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 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格式文件≤ 1 MB
-            </el-text>
-          </div>
-        </el-form-item>
-        <el-form-item label="备注">
-          <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3"
-                    placeholder="请输入备注" 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="{
-                        backgroundColor: isBtnDisabled ? '#E5E5E5FF' : '#2741DEFF',
-                        marginLeft: '60px',
-                        color: isBtnDisabled ? '#8A8A8A' : '#F3FAFE'
-                    }" @click="handelAudit" :disabled="isBtnDisabled">{{ btnText }}</el-button>
-                </span>
-        <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>
-                </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="padding-right: 50px; display: flex;">
-                <el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum"
-                          placeholder="请输入产品数量"/>
-                <span style="color: #999999;">个</span>
-              </div>
-            </el-form-item>
-            <div v-show="isEditGold" 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="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格式文件≤ 1 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="请输入到账金额"/>
-            </el-form-item>
-            <el-form-item label="手续费" prop="handlingCharge">
-              <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费"/>
-            </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>
-                        <button class="editBtn2" @click="throttledsubmitEditForm">
-                            <text class="txt">
-                                提交
-                            </text>
-                        </button>
-                    </span>
-        </div>
-      </div>
-    </el-dialog>
-
-    <!-- 移除客服专属：退款弹窗 -->
-  </div>
-</template>
-<script setup>
-import {ref, watch, computed, onMounted} from 'vue';
-import {storeToRefs} from 'pinia';
-import {ElMessage, ElMessageBox} from 'element-plus'
-import API from '@/util/http.js'
-import request from '@/util/http.js'
-import moment from 'moment'
-import {useAdminStore} from '@/store/index.js'
-import {hasMenuPermission} from '@/utils/menuTreePermission.js'
-
-import _ from 'lodash'
-import {editFormRule} from './utils/recriveFormRules.js'
-import { productList,MarketNameForId,CurrencyForId,marketList,statusList} from './utils/staticData.js'
-import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
-import {Plus} from '@element-plus/icons-vue';
-
-//=====================   查询相关        =================================
-const tableData = ref([])
-const searchData = ref({})
-const defaultTime = [
-  new Date(2000, 1, 1, 0, 0, 0),
-  new Date(2000, 2, 1, 23, 59, 59),
-]
-const getTime = ref([])
-
-// 空函数占位（原模板引用但未定义，避免报错）
-const handleDatePickerChange = ref(() => {})
-const disabledDate = ref(() => {})
-const handleSortChange = ref(() => {})
-
-const search = () => {
-  getlist()
-  ElMessage.success('查询成功')
-}
-const reset = () => {
-  searchData.value = {}
-  getTime.value = []
-  getlist()
-}
-
-//获得表格数据接口（仅保留地区财务逻辑）
-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]
-    }
-    if (searchData.value.paymentCurrency) {
-      payCurrencySelect = CurrencyForId(searchData.value.paymentCurrency)
-    }
-
-    // 地区财务固定角色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 result = await request({
-      url: '/cashCollection/selectCollection',
-      data: {
-        ...pageInfo.value,
-        cashCollection: {
-          ...searchData.value,
-          ...getTime.value,
-          submitterId: adminData.value.id,
-          receivedMarket: MarketNameForId(receivedMarket),
-          cashRoleId: cashRoleId,
-          paymentCurrency: payCurrencySelect,
-          submitterMarket: receivedMarket,
-          goodsName: goodsName,
-          market: MarketNameForId(searchData.value.market)
-        }
-      }
-    })
-    if (result.code == 200) {
-      tableData.value = result.data.list
-      total.value = result.data.total
-    } else {
-      ElMessage.error('数据异常')
-      console.log(result.msg);
-    }
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-//====================   标签切换  =========================
-const activeTab = ref('wait')
-
-const navigateTo = async (tab) => {
-  activeTab.value = tab
-  await getlist()
-}
-
-// 固定地区财务角色标识（移除客服、总部财务相关变量）
-const caiwu = ref(true)
-
-//=================  图片上传相关（审核弹窗复用）   ==================
-const uploadRef = ref()
-
-// 图片上传回调（审核弹窗查看凭证用，无实际上传操作）
-const handleImgSuccess = (response, uploadFile) => {
-  try {
-    ElMessage.success('上传成功')
-  } catch (error) {
-    ElMessage.error(response.msg || '图片上传失败')
-  }
-}
-
-const handelImgErr = (err) => {
-  ElMessage.error("图片上传失败")
-}
-
-const beforeUpload = (rawFile) => {
-  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/png') {
-    ElMessage.error('图片必须是jpg或png类型!')
-    return false
-  } else if (rawFile.size / 1024 / 1024 > 2) {
-    ElMessage.error('图片大小不能超过 2MB!')
-    return false
-  }
-  return true
-}
-
-const handleImageChange = (file) => {
-  uploadRef.value.submit()
-}
-
-const customUpload = async (options) => {
-  try {
-    const formData = new FormData()
-    formData.append('file', options.file)
-
-    const response = await API({
-      url: 'https://api.homilychart.com/hljw/api/aws/upload',
-      method: 'POST',
-      data: formData,
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    })
-    if (response.code === 200 && response.data) {
-      handleImgSuccess(response, options.file)
-    } else {
-      options.onError(response)
-      ElMessage.error(response.msg || '上传失败')
-    }
-  } catch (error) {
-    ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
-  }
-}
-
-// 预览图片函数
-const previewImage = (imageUrl) => {
-  const imageElement = document.createElement('img');
-  imageElement.src = imageUrl;
-  imageElement.style.maxWidth = '80vw';
-  imageElement.style.maxHeight = '80vh';
-  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.style.overflow = 'auto';
-  viewer.appendChild(imageElement);
-  document.body.appendChild(viewer);
-  viewer.addEventListener('click', () => {
-    document.body.removeChild(viewer);
-  });
-};
-
-//==================  财务编辑相关     =========================
-const editFormData = ref({})
-const ifOnline = ref(false)
-const editFormisible = ref(false)
-const editFormRef = ref(null)
-
-// 判断是否为金币产品
-const isEditGold = ref(false)
-const EditifGold = () => {
-  if (editFormData.value.goodsName === '金币充值') {
-    isEditGold.value = true
-  } else {
-    isEditGold.value = false
-  }
-}
-
-const openEditForm = (row) => {
-  editFormData.value = row
-  EditifGold()
-  // 仅在线支付可编辑付款信息
-  if (row.status == 3) {
-    ifOnline.value = true
-  } else {
-    ifOnline.value = false
-  }
-  editFormisible.value = true
-}
-
-const closeEditForm = () => {
-  editFormisible.value = false
-  editFormData.value = {}
-  getlist()
-}
-
-//提交编辑（地区财务补充手续费）
-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')
-    }
-    const result = await request({
-      url: '/cashCollection/complete',
-      data: {
-        orderCode: editFormData.value.orderCode,
-        handlingCharge: editFormData.value.handlingCharge * 100,
-        paymentCurrency: CurrencyForId(editFormData.value.paymentCurrency),
-        paymentAmount: (editFormData.value.paymentAmount) * 100,
-        receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
-        receivedAmount: editFormData.value.receivedAmount * 100,
-        receivedTime: editFormData.value.receivedTime,
-        receivedRemark: editFormData.value.receivedRemark,
-      }
-    })
-    if (result.code == 200) {
-      ElMessage.success('提交成功')
-      getlist()
-      closeEditForm()
-    }
-  } catch (error) {
-    ElMessage.error('请检查表单数据格式');
-  }
-}
-
-//==================  审核相关     =========================
-const auditFormData = ref({})
-//财务通过审核请求
-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)
-      getlist()
-    }
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-//财务驳回审核请求
-const handelAuditReject = async () => {
-  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()
-    }
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-const auditFormisible = ref(false)
-//判断弹窗中是否展示驳回
-const ifReject = ref(false)
-
-const openAuditForm = (row) => {
-  auditFormData.value = {
-    ...row,
-    market: row.marketName
-  }
-  auditFormisible.value = true
-}
-
-//审核按钮倒计时控制
-const countdown = ref(0);          
-const isBtnDisabled = ref(false);  
-const btnText = ref('通过(3)');    
-
-const closeAuditForm = () => {
-  ifReject.value = false
-  auditFormisible.value = false
-  auditFormData.value = {}
-}
-
-// 审核弹窗打开时启动倒计时
-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);
-  }
-})
-
-//========================分页相关==================
-const pageInfo = ref({
-  pageSize: 10,
-  pageNum: 1
-})
-const total = ref(0)
-
-const handlePagination = (type, val) => {
-  if (type === 'size') {
-    pageInfo.value.pageSize = val
-  } else {
-    pageInfo.value.pageNum = val
-  }
-  getlist()
-}
-
-// ============   已驳回相关（提示框）      ===========================
-const showTooltip = ref(false);
-const tooltipContent = ref('');
-const tooltipLeft = ref(0);
-const tooltipTop = ref(0);
-const tooltipWidth = 200;
-
-// 鼠标悬浮显示完整驳回理由
-const handleMouseEnter = (e, content) => {
-  if (content) {
-    showTooltip.value = true;
-    tooltipContent.value = content;
-    handleMouseMove(e);
-  }
-};
-
-const handleMouseLeave = () => {
-  showTooltip.value = false;
-  tooltipContent.value = '';
-};
-
-const handleMouseMove = (e) => {
-  tooltipLeft.value = e.clientX - tooltipWidth - 10;
-  tooltipTop.value = e.clientY - 10;
-};
-
-//=====================  基础数据加载  =========================
-const adminData = ref({})
-// 获取管理员信息
-const getAdminData = async function () {
-  try {
-    const result = await API({
-      url: '/admin/userinfo',
-      data: {}
-    })
-    adminData.value = result
-  } catch (error) {
-    console.log('管理员信息请求失败', error)
-  }
-}
-
-// 支付方式列表（固定数据）
-const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"]
-const activityList = ref([])
-
-// 获取活动列表
-const getActivitys = async function () {
-  try {
-    const result = await API({
-      url: '/cashCollection/getActivityList',
-      data: {}
-    })
-    if (result.code == 200) {
-      activityList.value = result.data
-    } else {
-      ElMessage.error('活动列表获取失败')
-    }
-  } catch (error) {
-    console.log('活动列表请求失败', error)
-  }
-}
-
-//=====================  节流控制（防止重复提交）  =========================
-const throttledhandelAuditReject = _.throttle(handelAuditReject, 5000, {
-  trailing: false
-})
-const throttledsubmitEditForm = _.throttle(submitEditForm, 5000, {
-  trailing: false
-})
-
-//=====================  页面初始化  =========================
-onMounted(async function () {
-  await getAdminData()
-  await getActivitys()
-
-  // 地区财务权限校验（菜单ID：78）
-  if (hasMenuPermission(menuTree.value, 78)) {
-    // 管理员账号所属地区提示
-    if(adminData.value.roleId == 2 && (adminData.value.markets  == '总部' || adminData.value.markets == '研发部')){
-      ElMessageBox.alert('管理员账号只能看到所属地区对应地区财务数据，请注意设置所属地区','注意',{
-        type:'warning'
-      })
-    }
-    getlist()
-  }
-})
-</script>
-<style scoped lang="scss">
-.content {
-  height: 100%;
-  width: 80vw;
-
-  .card1 {
-    width: 100%;
-    background: #F3FAFE;
-
-    .row {
-      height: 4vh;
-      width: 80vw;
-      display: flex;
-      min-height: 40px;
-
-      .rowItem {
-        display: flex;
-        width: 15vw;
-        align-items: center;
-        justify-content: center;
-        margin-right: 0.5vw;
-      }
-
-      .buttons {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-left: 10px;
-      }
-    }
-  }
-
-
-  .div-card2 {
-    width: 100%;
-    margin-top: 2vh;
-
-    .card2 {
-      background: #E7F4FD;
-    }
-
-    .btns {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-bottom: 10px;
-
-      .tabs {
-        min-width: 300px;
-
-        .btnItem {
-          margin-left: 10px;
-          border-radius: 5px;
-        }
-      }
-    }
-
-
-    .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;
-        }
-      }
-    }
-
-    .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%;
-          }
-        }
-
-        .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;
-    }
-  }
-
-  :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;
-        }
-      }
-    }
-
-    .content {
-      display: flex;
-      height: 100%;
-      width: 100%;
-
-      .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;
-          }
-        }
-      }
-    }
-  }
-
-  :deep(.adddialog .el-form-item__label) {
-    min-width: 80px;
-    width: auto;
-    font-weight: 800;
-    padding-bottom: 15px;
-  }
-}
-
-// 表格样式统一
-:deep(.el-table__header-wrapper),
-:deep(.el-table__body-wrapper),
-:deep(.el-table__cell),
-:deep(.el-table__body td) {
-  background-color: #F3FAFE !important;
-}
-
-:deep(.el-table__header th) {
-  background-color: #F3FAFE !important;
-}
-
-:deep(.el-table__row:hover > .el-table__cell) {
-  background-color: #E5EBFE !important;
-}
-
-// 驳回理由弹窗样式
-.reject-reason-box {
-  --el-message-box-height: 500px;
-}
-
-.reject-reason-box .el-message-box__content {
-  max-height: 350px;
-  overflow-y: auto;
-  white-space: pre-wrap;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveService.vue b/src/views/moneyManage/receiveDetail/receiveService.vue
index a1c2ea4..d797412 100644
--- a/src/views/moneyManage/receiveDetail/receiveService.vue
+++ b/src/views/moneyManage/receiveDetail/receiveService.vue
@@ -20,7 +20,6 @@
                             <el-option v-for="item in marketList" :key="item" :label="item" :value="item" />
                         </el-select>
                     </div>
-                    <!-- 仅保留客服专属的“订单状态”筛选 -->
                     <div class="rowItem">
                         <el-text style="width: 4vw;">订单状态</el-text>
                         <el-select v-model="searchData.status" placeholder="请选择订单状态" style="width: 10vw;" clearable>
@@ -55,7 +54,6 @@
                             @change="handleDatePickerChange" :default-time="defaultTime"
                             :disabled-date="disabledDate" />
                     </div>
-                    <!-- 仅保留客服的查询、重置按钮（删除超级管理员相关按钮） -->
                     <div class="buttons">
                         <el-button type="primary" @click="search">查询</el-button>
                         <el-button type="success" @click="reset">重置</el-button>
@@ -124,7 +122,6 @@
                                 <span v-else></span>
                             </template>
                         </el-table-column>
-                        <!-- 仅保留客服专属操作（删除财务审核、编辑手续费操作） -->
                         <el-table-column fixed="right" label="操作" width="120px">
                             <template #default=scope>
                                 <el-link v-if="scope.row.status == 4" style="color: #FA5A1E;"
@@ -141,9 +138,8 @@
                     </el-table>
                 </div>
 
-                <!-- 分页组件：保留公共逻辑 -->
                 <div class="pagination">
-                    <el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                    <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>
@@ -151,7 +147,6 @@
             </el-card>
         </div>
 
-        <!-- 仅保留客服专属弹窗：撤回确认、退款确认、新增/编辑收款、退款弹窗 -->
         <!-- 撤回确认弹窗 -->
         <div class="recallDialog" v-show="recallDialog">
             <div class="close">
@@ -194,19 +189,24 @@
                 <el-form-item label="客户姓名" required prop="name">
                     <el-input disabled v-model="addFormData.name" placeholder="请输入客户姓名" />
                 </el-form-item>
-                <el-form-item label="所属地区" required prop="market">
+                <el-form-item label="所属地区"  prop="market">
                     <el-input disabled v-model="addFormData.marketName" placeholder="请输入所属地区" />
                 </el-form-item>
                 <el-form-item label="活动名称" required prop="activity">
-                    <el-input v-model="addFormData.activity" placeholder="请输入活动名称" />
+                    <el-select v-model="addFormData.activity" placeholder="请选择活动方式" clearable>
+                        <el-option v-for="item in activityList" :key="item.id" :label="item.activityName"
+                            :value="item.id" />
+                    </el-select>
                 </el-form-item>
                 <el-form-item label="产品名称" required @change="ifGold" prop="goodsName">
                     <ProductSelect ref="productSelectRef" v-model="addFormData.goodsName"></ProductSelect>
                 </el-form-item>
                 <el-form-item v-show="!isGold" label="产品数量" required prop="goodNum">
-                    <div style="padding-right: 50px; display: flex;">
-                        <el-input style="padding-right: 10px;" v-model="addFormData.goodNum" placeholder="请输入产品数量" />
-                        <span style="color: #999999;">{{ productUnit }}</span>
+                    <div style="display: flex;">
+                        <el-input style="padding-right: 30px; flex: 3;" v-model="addFormData.goodNum"
+                            placeholder="请输入产品数量" />
+                        <CurrencySelect v-model="addFormData.numUnit" :items="numUnitList" style="flex: 1.5;"
+                            placeholder="单位" @change="handleCurrencyChange" />
                     </div>
                 </el-form-item>
                 <div v-show="isGold" style="margin-bottom: 15px;  display: flex;">
@@ -235,7 +235,7 @@
                         @change="ifGroup">
                     </CurrencySelect>
                 </el-form-item>
-                <el-form-item label="到账地区" required prop="receivedMarket">
+                <el-form-item label="到账地区" prop="receivedMarket">
                     <CurrencySelect v-model="addFormData.receivedMarket" :items="MoneyAddressOptions"
                         :disabled="isGroup" placeholder="请选择到账地区">
                     </CurrencySelect>
@@ -244,7 +244,7 @@
                     <el-date-picker type="datetime" placement="right" v-model="addFormData.payTime"
                         placeholder="请选择付款时间" />
                 </el-form-item>
-                <el-form-item label="转账凭证" required prop="voucher">
+                <el-form-item label="转账凭证"  prop="voucher">
                     <div class="pic">
                         <el-upload ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
                             :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
@@ -257,7 +257,7 @@
                         </el-upload>
                     </div>
                 </el-form-item>
-                <el-form-item label="备注" required prop="remark">
+                <el-form-item label="备注"  prop="remark">
                     <el-input v-model="addFormData.remark" type="textarea" :rows="4" placeholder="请输入备注" maxlength="100"
                         show-word-limit />
                 </el-form-item>
@@ -402,7 +402,7 @@ import { hasMenuPermission } from '@/utils/menuTreePermission.js'
 import _ from 'lodash'
 // 导入客服相关规则和静态数据
 import { addFormRule } from './utils/recriveFormRules.js'
-import { productList, MarketNameForId, CurrencyForId, marketList, statusList } from './utils/staticData.js'
+import { productList, MarketNameForId, CurrencyForId, marketList, statusList, numUnitList } from './utils/staticData.js'
 
 // ===================== 基础状态管理（仅保留客服相关） =====================
 const adminStore = useAdminStore();
@@ -433,6 +433,8 @@ const search = () => {
 const reset = () => {
     searchData.value = {}
     getTime.value = []
+  // 重置页码
+  pageInfo.value.pageNum = 1
     getlist()
 }
 
@@ -514,7 +516,6 @@ const addFormData = ref({ name: '', market: '', permanentGold: 0, freeGold: 0, g
 const addFormRef = ref(null) // 表单引用
 const addOrEdit = ref(0) // 1=新增，2=编辑
 const isGold = ref(false) // 是否为金币充值产品
-const productUnit = ref('个') // 产品单位
 const productSelectRef = ref(null) // 产品选择器引用
 const uploadRef = ref(null) // 上传组件引用
 
@@ -525,9 +526,14 @@ const ifGold = () => {
         addFormData.value.goodNum = 0
     } else {
         isGold.value = false
-        // 特殊产品单位为“年”
-        const selectItems = ["AI机构追踪", "AI机构出击", "AI机构资金", "AI机活跃度", "超级机构透视", "超级机构伏击", "超级机构猎杀", "超级机构脉搏", "超级机构罗盘", "静态信息费", "博股会员"]
-        productUnit.value = selectItems.includes(addFormData.value.goodsName) ? '年' : '个'
+        const selectItems = ["AI机构追踪", "AI机构出击", "AI机构资金", "AI机活跃度", "超级机构透视", "超级机构伏击", "超级机构猎杀", "超级机构脉搏", "超级机构罗盘", 'HC信息费']
+        if (selectItems.includes(addFormData.value.goodsName)) {
+            addFormData.value.numUnit = ''
+        } else if (addFormData.value.goodsName == '静态信息费') {
+            addFormData.value.numUnit = '年'
+        }else{
+            addFormData.value.numUnit = '个'
+        }
     }
 }
 
@@ -750,8 +756,6 @@ const ifRefundGold = () => {
         refundFormData.value.goodNum = 0
     } else {
         isRefundGold.value = false
-        const selectItems = ["AI机构追踪", "AI机构出击", "AI机构资金", "AI机活跃度", "超级机构透视", "超级机构伏击", "超级机构猎杀", "超级机构脉搏", "超级机构罗盘", "静态信息费", "博股会员"]
-        productUnit.value = selectItems.includes(refundFormData.value.goodsName) ? '年' : '个'
     }
 }
 
diff --git a/src/views/moneyManage/receiveDetail/utils/recriveFormRules.js b/src/views/moneyManage/receiveDetail/utils/recriveFormRules.js
index 7cda280..7f1bb2d 100644
--- a/src/views/moneyManage/receiveDetail/utils/recriveFormRules.js
+++ b/src/views/moneyManage/receiveDetail/utils/recriveFormRules.js
@@ -9,13 +9,12 @@ export const addFormRule = {
         { required: true, message: '请输入客户姓名', trigger: 'blur' }
     ],
     // 所属地区：必填
-    marketName: [
+    market: [
         { required: true, message: '请选择所属地区', trigger: 'blur' }
     ],
     // 活动名称：必填 + 长度小于30
     activity: [
         { required: true, message: '请输入活动名称', trigger: 'blur' },
-        { max: 30, message: '活动名称长度不能超过30个字符', trigger: 'blur' }
     ],
     // 产品名称：必填
     goodsName: [
@@ -81,14 +80,6 @@ export const addFormRule = {
     // 付款时间：必填
     payTime: [
         { required: true, message: '请选择付款时间', trigger: 'change' }
-    ],
-    // 转账凭证：必填
-    voucher: [
-        { required: true, message: '请上传转账凭证', trigger: 'change' }
-    ],
-    // 备注：必填
-    remark: [
-        { required: true, message: '请输入备注', trigger: 'blur' }
     ]
 };
 
diff --git a/src/views/moneyManage/receiveDetail/utils/staticData.js b/src/views/moneyManage/receiveDetail/utils/staticData.js
index 12acd6a..35dce6c 100644
--- a/src/views/moneyManage/receiveDetail/utils/staticData.js
+++ b/src/views/moneyManage/receiveDetail/utils/staticData.js
@@ -256,4 +256,6 @@ export const statusList = [
     name: '已驳回',
     value: 2
   },
-]
\ No newline at end of file
+]
+
+export const numUnitList = ['个', '年', '月']
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/utils/util.js b/src/views/moneyManage/receiveDetail/utils/util.js
new file mode 100644
index 0000000..0419a75
--- /dev/null
+++ b/src/views/moneyManage/receiveDetail/utils/util.js
@@ -0,0 +1,13 @@
+//判断是否为线上订单
+export const startsWith = (mainStr, prefix) => {
+    // 处理前缀为空字符串的情况（空字符串是所有字符串的前缀）
+    if (prefix === '') {
+        return true;
+    }
+    // 处理主字符串长度小于前缀长度的情况
+    if (mainStr.length < prefix.length) {
+        return false;
+    }
+    // 比较主字符串开头与前缀相同长度的部分
+    return mainStr.substring(0, prefix.length) === prefix;
+}
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundCharge.vue b/src/views/moneyManage/refundDetail/refundCharge.vue
index 34989d2..87be811 100644
--- a/src/views/moneyManage/refundDetail/refundCharge.vue
+++ b/src/views/moneyManage/refundDetail/refundCharge.vue
@@ -95,7 +95,7 @@
                 </template>
             </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+        <el-pagination :current-page="pagination.pageNum" :page-size="pagination.pageSize"
             layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
             @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
             style="margin-top: 1vh;"></el-pagination>
@@ -714,6 +714,8 @@ const reset = function () {
         markets: [],
         statuses: []
     }
+    // 重置页码
+    pagination.value.pageNum = 1
     dateRange.value = []
     getRefund()
 }
diff --git a/src/views/moneyManage/refundDetail/refundFinance.vue b/src/views/moneyManage/refundDetail/refundFinance.vue
index 24e46b4..9dc55ef 100644
--- a/src/views/moneyManage/refundDetail/refundFinance.vue
+++ b/src/views/moneyManage/refundDetail/refundFinance.vue
@@ -777,6 +777,8 @@ const reset = function () {
         markets: [],
         statuses: []
     }
+    // 重置页码
+    pagination.value.pageNum = 1
     dateRange.value = []
     getRefund()
 }
diff --git a/src/views/moneyManage/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
index 37140ed..7a48350 100644
--- a/src/views/moneyManage/refundDetail/refundHeader.vue
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -610,6 +610,9 @@ const reset = function () {
         markets: [],
         statuses: []
     }
+    // 重置页码
+    pagination.value.pageNum = 1
+
     dateRange.value = []
     getRefund()
 }
diff --git a/src/views/moneyManage/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
index 9c2ca93..d5375b9 100644
--- a/src/views/moneyManage/refundDetail/refundService.vue
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -627,6 +627,8 @@ const reset = function () {
         market: [],
         statuses: []
     }
+    // 重置页码
+    pagination.value.pageNum = 1
     dateRange.value = []
     getRefund()
 }
diff --git a/src/views/permissions/rolePermission.vue b/src/views/permissions/rolePermission.vue
index 8ba8384..341a6b0 100644
--- a/src/views/permissions/rolePermission.vue
+++ b/src/views/permissions/rolePermission.vue
@@ -9,6 +9,7 @@ import { storeToRefs } from "pinia"
 const adminStore = useAdminStore();
 const { adminData, menuTree } = storeToRefs(adminStore);
 import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+import { tr } from 'element-plus/es/locales.mjs'
 
 // 表单验证ref
 const Ref = ref(null)
@@ -35,7 +36,7 @@ const addRole = ref({
   market: ''
 })
 const addRoleMarket = ref([])
-
+const channelList = ref(['美股', '港股', 'hc第一频道'])
 const getRoleList = async function (val) {
   if (!findMenuById(menuTree.value, permissionMapping.view_role_information)) {
     ElMessage.error('无此权限')
@@ -96,6 +97,8 @@ const searchRole = function () {
 const reset = function () {
   admin.value = {}
   role.value.name = ''
+  // 重置页码
+  getRoleObj.value.pageNum = 1
   getRoleList()
 }
 const RoleArea = ref([])
@@ -194,7 +197,8 @@ const handleAddRole = async function () {
         "roleName": addRole.value.roleName,
         "menuIds": finalCheckedKeys,
         "fatherId": addRole.value.parentId,
-        "market": addRole.value.market
+        "market": addRole.value.market,
+        channel: addRole.value.channel
       }
     })
     if (res.code === 200) {
@@ -315,6 +319,7 @@ const handleEditRolePermissionCheck = (checkedNodes, checkedInfo) => {
   // 判断是否有选中的节点
   if (allCheckedNodes.length === 0) {
     permissionEditRoleObj.value.checkedKeys = []
+    ifHasChannel.value = false
     return
   }
 
@@ -324,13 +329,22 @@ const handleEditRolePermissionCheck = (checkedNodes, checkedInfo) => {
 
   console.log('编辑角色选中的权限ID:', checkedKeys)
   console.log('选中的节点数量:', allCheckedNodes.length)
+  if (checkedKeys.includes(124) || checkedKeys.includes(125) || checkedKeys.includes(126) || checkedKeys.includes(127)) {
+    ifHasChannel.value = true
+  } else {
+    ifHasChannel.value = false
+  }
 };
+
+//用于标记是否勾选频道管理
+const ifHasChannel = ref(false)
 const handleCheckChange = async (checkedNodes, checkedInfo) => {
   const { checkedKeys, checkedNodes: allCheckedNodes } = checkedInfo
 
   // 判断是否有选中的节点
   if (allCheckedNodes.length === 0) {
     addRole.value.checkedKeys = []
+    ifHasChannel.value = false
     return
   }
 
@@ -346,6 +360,12 @@ const handleCheckChange = async (checkedNodes, checkedInfo) => {
   // 将Set转换为数组并更新
   addRole.value.checkedKeys = Array.from(allKeys)
   console.log('新增角色包含所有父级的选中项:', addRole.value.checkedKeys)
+  if (addRole.value.checkedKeys.includes(124)) {
+    ifHasChannel.value = true
+    console.log('勾选了频道');
+  } else {
+    ifHasChannel.value = false
+  }
 }
 const selectParentNodes = (treeData, nodeId, checkedKeys) => {
   if (!Array.isArray(treeData)) return false
@@ -411,18 +431,38 @@ const collectIds2 = (tree) => {
   return ids
 }
 
+const collectIdsAll = (tree) => {
+  let ids = []
+  tree.forEach((node) => {
+    ids.push(node.id)
+    // 如果当前节点没有 children 或 children 为空，说明是叶子节点
+    if (node.children || node.children.length === 0) {
+      ids = ids.concat(collectIdsAll(node.children))
+    }
+  })
+  return ids
+}
+
 
 // 编辑角色初始化
 const permissionEditRoleInit = async function (row) {
   console.log('row', row)
   console.log('row.tree', row.tree)
+  let EditIds = collectIdsAll(row.tree)
+  console.log(EditIds);
+
   permissionEditRoleObj.value = {}
   permissionEditRoleObj.value.id = row.id
   permissionEditRoleObj.value.roleName = row.roleName
   permissionEditRoleObj.value.market = row.market
   permissionEditRoleObj.value.parentId = row.fatherId
   permissionEditRoleObj.value.parentName = row.fatherName
-
+  permissionEditRoleObj.value.channel = row.channel
+  if (EditIds.includes(124)) {
+    ifHasChannel.value = true
+  } else {
+    ifHasChannel.value = false
+  }
   try {
     let roleId = permissionEditRoleObj.value.parentId;
     // 如果没有上级角色，设置为管理员的id
@@ -634,9 +674,9 @@ onMounted(async function () {
       </div>
 
       <div style="margin-top: 20px;display: flex;">
-        <el-pagination background :page-size="getRoleObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
-          layout="total, sizes, prev, pager, next, jumper" :total="roleTotal" @size-change="handleRolePageSizeChange"
-          @current-change="handleRoleCurrentChange"></el-pagination>
+        <el-pagination background :current-page="getRoleObj.pageNum" :page-size="getRoleObj.pageSize"
+          :page-sizes="[5, 10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper" :total="roleTotal"
+          @size-change="handleRolePageSizeChange" @current-change="handleRoleCurrentChange"></el-pagination>
       </div>
     </el-card>
   </div>
@@ -684,6 +724,11 @@ onMounted(async function () {
             <span style="color: #999;">暂无数据</span>
           </div>
         </el-form-item>
+        <el-form-item v-show="ifHasChannel" prop="channel" label="频道名称:" required>
+          <el-select v-model="addRole.channel" placeholder="请选择频道" style="width: 220px" clearable>
+            <el-option v-for="item in channelList" :key="item" :label="item" :value="item" />
+          </el-select>
+        </el-form-item>
       </el-form>
 
       <div>
@@ -727,6 +772,12 @@ onMounted(async function () {
             <span style="color: #999;">暂无数据</span>
           </div>
         </el-form-item>
+
+        <el-form-item v-show="ifHasChannel" prop="channel" label="频道名称:" required>
+          <el-select v-model="permissionEditRoleObj.channel" placeholder="请选择频道" style="width: 220px" clearable>
+            <el-option v-for="item in channelList" :key="item" :label="item" :value="item" />
+          </el-select>
+        </el-form-item>
       </el-form>
 
       <div>
diff --git a/src/views/permissions/userPermission.vue b/src/views/permissions/userPermission.vue
index d087f1f..3a9455c 100644
--- a/src/views/permissions/userPermission.vue
+++ b/src/views/permissions/userPermission.vue
@@ -185,7 +185,8 @@ const search = function () {
 // 重置
 const reset = function () {
   admin.value = {}
-
+  // 重置页码
+  getObj.value.pageNum = 1
   getPermission()
 }
 const RoleArea = ref([])
@@ -1003,7 +1004,7 @@ onMounted(async function () {
           </el-table-column>
         </el-table>
         <div class="pagination" style="margin-top: 1vh;">
-          <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+          <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
             layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
             @current-change="handleCurrentChange"></el-pagination>
         </div>
diff --git a/src/views/recharge/bean/beanOnlineRecharge.vue b/src/views/recharge/bean/beanOnlineRecharge.vue
index ac9c786..53ae57d 100644
--- a/src/views/recharge/bean/beanOnlineRecharge.vue
+++ b/src/views/recharge/bean/beanOnlineRecharge.vue
@@ -141,6 +141,8 @@ const reset = () => {
     startTime: '',
     endTime: '',
   }
+  // 重置页码
+  getObj.value.pageNum = 1
   getTime.value = []
   activeTimeRange.value = ''
   search()
@@ -441,7 +443,7 @@ onMounted(async function () {
 
     <!-- 分页 -->
     <div class="pagination" style="margin-top: 20px">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/recharge/bean/beanSystemRecharge.vue b/src/views/recharge/bean/beanSystemRecharge.vue
index 1d985a8..1068ec6 100644
--- a/src/views/recharge/bean/beanSystemRecharge.vue
+++ b/src/views/recharge/bean/beanSystemRecharge.vue
@@ -139,6 +139,8 @@ const reset = () => {
     startTime: '',
     endTime: '',
   }
+  // 重置页码
+  getObj.value.pageNum = 1
   getTime.value = []
   activeTimeRange.value = ''
   search()
@@ -410,7 +412,7 @@ onMounted(async function () {
 
     <!-- 分页 -->
     <div class="pagination" style="margin-top: 1vw">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/recharge/gold/coinRechargeDetail.vue b/src/views/recharge/gold/coinRechargeDetail.vue
index 3ba566b..e9ca93a 100644
--- a/src/views/recharge/gold/coinRechargeDetail.vue
+++ b/src/views/recharge/gold/coinRechargeDetail.vue
@@ -413,6 +413,8 @@ const reset = function () {
   delete sortOrder.value
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
+  // 重置页码
+  getObj.value.pageNum = 1
 
   get()
 }
@@ -700,7 +702,7 @@ const getTagText = (state) => {
 
     <!-- 分页 -->
     <div style="margin-top: 1vh">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/refund/gold/coinRefundDetail.vue b/src/views/refund/gold/coinRefundDetail.vue
index c8358e0..f20e46d 100644
--- a/src/views/refund/gold/coinRefundDetail.vue
+++ b/src/views/refund/gold/coinRefundDetail.vue
@@ -231,6 +231,8 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
   selectedMarketPath.value = []
+  // 重置页码
+  getObj.value.pageNum = 1
   getSelectBy()
 }
 // 今天
@@ -614,7 +616,7 @@ const getMarket = async function () {
 
     <!-- 分页 -->
     <div class="pagination" style="margin-top: 20px;display: flex;">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange" @jump="checkPageNumber"></el-pagination>
     </div>
diff --git a/src/views/usergold/bean/userbean.vue b/src/views/usergold/bean/userbean.vue
index d33c9c9..bc120f4 100644
--- a/src/views/usergold/bean/userbean.vue
+++ b/src/views/usergold/bean/userbean.vue
@@ -169,6 +169,8 @@ const trim = () => {
 const reset = function () {
     searchObj.value.jwcode = ''
     searchObj.value.dept = ''
+  // 重置页码
+    pagination.value.pageNum = 1
     search()
 }
 const handlePageSizeChange = function (val) {
diff --git a/src/views/usergold/gold/clientCountBalance.vue b/src/views/usergold/gold/clientCountBalance.vue
index 53c84f0..93e483d 100644
--- a/src/views/usergold/gold/clientCountBalance.vue
+++ b/src/views/usergold/gold/clientCountBalance.vue
@@ -203,8 +203,10 @@ const reset = function () {
   }
   sortField.value = ''
   sortOrder.value = ''
-  get()
   selectedMarketPath.value = []
+  // 重置页码
+  getObj.value.pageNum = 1
+  get()
 }
 const cellClick = function (row, column) {
   console.log('cellClick', column.label)
@@ -513,7 +515,7 @@ const format3 = (num) => {
     </div>
     <!-- 分页 -->
     <div class="pagination" style="margin-top: 20px">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
diff --git a/src/views/usergold/gold/clientCountDetail.vue b/src/views/usergold/gold/clientCountDetail.vue
index 9e0e670..6c8be1f 100644
--- a/src/views/usergold/gold/clientCountDetail.vue
+++ b/src/views/usergold/gold/clientCountDetail.vue
@@ -233,6 +233,8 @@ const reset = function () {
   getTime.value = []
   activeTimeRange.value = '' // 清除激活状态
 
+  //重置页码
+  getObj.value.pageNum = 1
   search()
 }
 
@@ -599,7 +601,7 @@ const format3 = (num) => {
 
       <!-- 此处分页 -->
       <div class="pagination" >
-        <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+        <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
           layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
           @current-change="handleCurrentChange"></el-pagination>
       </div>