From 13f926cb34d2f3404d457f47509a549586515c96 Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Thu, 21 Aug 2025 11:00:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=BA=BF=E4=B8=8A=E5=85=85=E5=80=BC?=
 =?UTF-8?q?=E6=B6=88=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/recharge/bean/beanOnlineRecharge.vue | 735 +++++++++++++------------
 1 file changed, 369 insertions(+), 366 deletions(-)

diff --git a/src/views/recharge/bean/beanOnlineRecharge.vue b/src/views/recharge/bean/beanOnlineRecharge.vue
index dff5f8c..7245e49 100644
--- a/src/views/recharge/bean/beanOnlineRecharge.vue
+++ b/src/views/recharge/bean/beanOnlineRecharge.vue
@@ -1,46 +1,49 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from 'vue'
+import {ref, onMounted, reactive, computed} from 'vue'
 import ElementPlus from 'element-plus'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { AiFillRead } from 'vue-icons-plus/ai'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {AiFillRead} from 'vue-icons-plus/ai'
 import axios from 'axios'
 import moment from 'moment'
 import API from '@/util/http.js'
+
 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 selectData = ref({
-    jwcode: '',
-    market: '',
-    startTime: '',
-    endTime: '',
+  jwcode: '',
+  market: '',
+  startTime: '',
+  endTime: '',
 
 })
 
 const permanentBeans = ref(0)
-const beanNum = ref(0)
+// const beanNum = ref(0)
+const num = ref(0)
 const money = ref(0)
 
 //获取当齐全条件的金豆总数
 const getTotalBeans = async () => {
-    try {
-        const result = await API({
-            url: '/beanRecharge/statsOnlineBean',
-            data: {
-                ...selectData.value,
-            }
-        })
-        if (result.code == 200) {
-            permanentBeans.value = result.data.permanentBean
-            beanNum.value = result.data.beanNum
-            money.value = result.data.money
-            console.log('金豆总数获取成功');
-        }
-        console.log('获取金豆总数失败：', result.msg);
-    } catch (error) {
-        console.log('获取金豆总数出错');
+  try {
+    const result = await API({
+      url: '/beanRecharge/statsOnlineBean',
+      data: {
+        ...selectData.value,
+      }
+    })
+    if (result.code == 200) {
+      permanentBeans.value = result.data.permanentBean
+      // beanNum.value = result.data.beanNum
+      num.value = result.data.num
+      money.value = result.data.money
+      console.log('金豆总数获取成功');
     }
+    console.log('获取金豆总数失败：', result.msg);
+  } catch (error) {
+    console.log('获取金豆总数出错');
+  }
 }
 //时间格式化
 const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
@@ -51,218 +54,218 @@ const getTime = ref([])
 //记录当前选中时间按钮状态
 const activeTimeRange = ref('')
 const handleDatePickerChange = () => {
-    activeTimeRange.value = ''
-    console.log('当前选中时间范围', getTime.value);
+  activeTimeRange.value = ''
+  console.log('当前选中时间范围', getTime.value);
 
 }
 //获取所有地区
 const getArea = async () => {
-    const result = await API({
-        url: '/beanRecharge/onlineMarket',
-        data: {}
-    })
-    if (result.code == 200) {
-        market.value = result.data
-        console.log('线上充值地区获取成功', market.value)
-    } else {
-        ElMessage.error('线上充值地区获取失败')
-    }
+  const result = await API({
+    url: '/beanRecharge/onlineMarket',
+    data: {}
+  })
+  if (result.code == 200) {
+    market.value = result.data
+    console.log('线上充值地区获取成功', market.value)
+  } else {
+    ElMessage.error('线上充值地区获取失败')
+  }
 }
 //获取今天日期
 const getToday = () => {
-    const today = new Date()
-    const startTime = new Date(
-        today.getFullYear(),
-        today.getMonth(),
-        today.getDate(),
-    )
-    const endTime = new Date(
-        today.getFullYear(),
-        today.getMonth(),
-        today.getDate(),
-        23, 59, 59
-    )
-    getTime.value = [startTime, endTime]
-    activeTimeRange.value = 'today'
-    search();
+  const today = new Date()
+  const startTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate(),
+  )
+  const endTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate(),
+      23, 59, 59
+  )
+  getTime.value = [startTime, endTime]
+  activeTimeRange.value = 'today'
+  search();
 }
 
 const getYesterday = () => {
-    const yesterday = new Date()
-    yesterday.setDate(yesterday.getDate() - 1)
-    const startTime = new Date(
-        yesterday.getFullYear(),
-        yesterday.getMonth(),
-        yesterday.getDate()
-    )
-    const endTime = new Date(
-        yesterday.getFullYear(),
-        yesterday.getMonth(),
-        yesterday.getDate(),
-        23, 59, 59
-    )
-    getTime.value = [startTime, endTime]
-    activeTimeRange.value = 'yesterday'
-    search();
+  const yesterday = new Date()
+  yesterday.setDate(yesterday.getDate() - 1)
+  const startTime = new Date(
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate()
+  )
+  const endTime = new Date(
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate(),
+      23, 59, 59
+  )
+  getTime.value = [startTime, endTime]
+  activeTimeRange.value = 'yesterday'
+  search();
 
 }
 
 const get7Days = function () {
-    const today = new Date()
-    const startTime = new Date(
-        today.getFullYear(),
-        today.getMonth(),
-        today.getDate() - 6
-    )
-    const endTime = new Date(
-        today.getFullYear(),
-        today.getMonth(),
-        today.getDate(),
-        23, 59, 59
-    )
-    getTime.value = [startTime, endTime]
-    activeTimeRange.value = '7days'
-    search();
+  const today = new Date()
+  const startTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() - 6
+  )
+  const endTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate(),
+      23, 59, 59
+  )
+  getTime.value = [startTime, endTime]
+  activeTimeRange.value = '7days'
+  search();
 
 }
 
 const reset = () => {
-    selectData.value = {
-        jwcode: '',
-        market: '',
-        startTime: '',
-        endTime: '',
-    }
-    getTime.value = []
-    activeTimeRange.value = ''
-    search()
+  selectData.value = {
+    jwcode: '',
+    market: '',
+    startTime: '',
+    endTime: '',
+  }
+  getTime.value = []
+  activeTimeRange.value = ''
+  search()
 }
 
 //查询
 const search = () => {
-    getObj.value.pageNum = 1
-    //判断精网号查询是否为数字
-    getObj.value.pageNum = 1
-    if (selectData.value.jwcode) {
-        const numRef = /^\d{1,9}$/;
-        if (!numRef.test(selectData.value.jwcode)) {
-            ElMessage.error('请检查精网号格式')
-            return
-        }
+  getObj.value.pageNum = 1
+  //判断精网号查询是否为数字
+  getObj.value.pageNum = 1
+  if (selectData.value.jwcode) {
+    const numRef = /^\d{1,9}$/;
+    if (!numRef.test(selectData.value.jwcode)) {
+      ElMessage.error('请检查精网号格式')
+      return
     }
-    get()
-    getTotalBeans()
+  }
+  get()
+  getTotalBeans()
 }
 //获取表格数据
 const get = async () => {
-    try {
-        if (getTime.value != null) {
-            selectData.value.startTime = formatTime(getTime.value[0])
-            selectData.value.endTime = formatTime(getTime.value[1])
-        } else {
-            selectData.value.startTime = ''
-            selectData.value.endTime = ''
-        }
-        const data = {
-            ...getObj.value,
-            beanOnlineRechargeInfo: {
-                ...selectData.value,
-                sortField: sortField.value,
-                sortOrder: sortOrder.value,
-            },
-        }
-        console.log('请求参数：', data);
-        const result = await API({
-            url: '/beanRecharge/selectByOnline',
-            data: data
-        })
-        if (result.code == 200) {
-            tableData.value = result.data.list
-            total.value = result.data.total
-        } else {
-            ElMessage.error(result.message)
-        }
-    } catch (error) {
-        console.log('搜索失败', error);
+  try {
+    if (getTime.value != null) {
+      selectData.value.startTime = formatTime(getTime.value[0])
+      selectData.value.endTime = formatTime(getTime.value[1])
+    } else {
+      selectData.value.startTime = ''
+      selectData.value.endTime = ''
+    }
+    const data = {
+      ...getObj.value,
+      beanOnlineRechargeInfo: {
+        ...selectData.value,
+        sortField: sortField.value,
+        sortOrder: sortOrder.value,
+      },
+    }
+    console.log('请求参数：', data);
+    const result = await API({
+      url: '/beanRecharge/selectByOnline',
+      data: data
+    })
+    if (result.code == 200) {
+      tableData.value = result.data.list
+      total.value = result.data.total
+    } else {
+      ElMessage.error(result.message)
     }
+  } catch (error) {
+    console.log('搜索失败', error);
+  }
 }
 
 //充值平台
 const platform = [
-    {
-        value: 1,
-        label: 'PC'
-    },
-    {
-        value: 2,
-        label: '手机'
-    }
+  {
+    value: 1,
+    label: 'PC'
+  },
+  {
+    value: 2,
+    label: '手机'
+  }
 ]
 //排序字段
 //处理表格排序事件
 const sortField = ref('')
 const sortOrder = ref('')
 const handleSortChange = (column) => {
-    console.log('排序字段：', column.prop)
-    console.log('排序方式：', column.order)
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
 
-    // 直接使用允许的排序字段列表进行过滤
-    const allowedFields = ['money', 'num'];
-    if (allowedFields.includes(column.prop)) {
-        sortField.value = column.prop;
-    }
+  // 直接使用允许的排序字段列表进行过滤
+  const allowedFields = ['money', 'num'];
+  if (allowedFields.includes(column.prop)) {
+    sortField.value = column.prop;
+  }
 
-    sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC';
+  sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC';
 
-    console.log('传递给后端的排序字段：', sortField.value)
-    console.log('传递给后端的排序方式：', sortOrder.value)
+  console.log('传递给后端的排序字段：', sortField.value)
+  console.log('传递给后端的排序方式：', sortOrder.value)
 
-    get();
+  get();
 }
 //========================分页===========================
 // 搜索对象
 const total = ref(0)
 const getObj = ref({
-    pageNum: 1,
-    pageSize: 50
+  pageNum: 1,
+  pageSize: 50
 })
 const handlePageSizeChange = (value) => {
-    getObj.value.pageSize = value
-    get()
+  getObj.value.pageSize = value
+  get()
 }
 const handleCurrentChange = (value) => {
-    getObj.value.pageNum = value
-    get()
+  getObj.value.pageNum = value
+  get()
 }
 
 //======================导出=======================
 const exportExcel = async () => {
-    const params = {
-        ...getObj.value,
-        beanOnlineRechargeInfo: {
-            ...selectData.value,
-            sortField: sortField.value,
-            sortOrder: sortOrder.value,
-        },
-    }
-    try {
-        const res = await API({ url: '/export/exportol', data: params })
-        if (res.code === 200) {
-            ElMessage.success('导出成功')
-        } else {
-            ElMessage.error(res.message || '导出失败，请稍后重试')
-        }
-    } catch (error) {
-        console.log('请求失败', error)
-        ElMessage.error('导出失败，请稍后重试')
+  const params = {
+    ...getObj.value,
+    beanOnlineRechargeInfo: {
+      ...selectData.value,
+      sortField: sortField.value,
+      sortOrder: sortOrder.value,
+    },
+  }
+  try {
+    const res = await API({url: '/export/exportol', data: params})
+    if (res.code === 200) {
+      ElMessage.success('导出成功')
+    } else {
+      ElMessage.error(res.message || '导出失败，请稍后重试')
     }
+  } catch (error) {
+    console.log('请求失败', error)
+    ElMessage.error('导出失败，请稍后重试')
+  }
 }
 const exportListVisible = ref(false)
 
 // 打开导出列表弹窗
 const openExportList = () => {
-    getExportList()
-    exportListVisible.value = true
+  getExportList()
+  exportListVisible.value = true
 }
 
 // 导出列表数据
@@ -271,219 +274,219 @@ 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 === 10;
-            });
-            exportList.value = filteredData
-        } else {
-            ElMessage.error(result.msg || '获取导出列表失败')
-        }
-    } catch (error) {
-        console.error('获取导出列表出错:', error)
-        ElMessage.error('获取导出列表失败，请稍后重试')
-    } finally {
-        exportListLoading.value = false
+  exportListLoading.value = true
+  try {
+    const result = await API({url: '/export/export'})
+    if (result.code === 200) {
+      const filteredData = result.data.filter(item => {
+        return item.type === 10;
+      });
+      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('文件还在导出中，请稍后再试')
-    }
+  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';
-    }
+  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 '未知状态';
-    }
+  switch (state) {
+    case 0:
+      return '待执行';
+    case 1:
+      return '执行中';
+    case 2:
+      return '执行完成';
+    case 3:
+      return '执行出错';
+    default:
+      return '未知状态';
+  }
 }
 const format3 = (num) => {
-    // 每三位添加逗号
-    return num.toLocaleString('en-US')
+  // 每三位添加逗号
+  return num.toLocaleString('en-US')
 }
 onMounted(async function () {
-    await get()
-    await getArea()
-    await getTotalBeans()
+  await get()
+  await getArea()
+  await getTotalBeans()
 })
 </script>
 <template>
-    <el-row>
-        <el-col>
-            <el-card style="margin-bottom: 20px;margin-top: 10px">
-                <el-row style="margin-bottom: 10px">
-                    <el-col :span="5">
-                        <div class="head-card-element">
-                            <el-text class="mx-1" size="large">精网号：</el-text>
-                            <el-input v-model="selectData.jwcode" placeholder="请输入精网号" style="width: 150px" clearable />
-                        </div>
-                    </el-col>
-                    <el-col :span="6">
-                        <div class="head-card-element">
-                            <el-text class="mx-1" size="large">所属地区：</el-text>
-                            <el-select v-model="selectData.market" placeholder="请选择所属地区" clearable style="width:150px">
-                                <el-option v-for="item in market" :key="item" :label="item" :value="item" />
-                            </el-select>
-                        </div>
-                    </el-col>
-                    <el-col :span="5">
-                        <div class="head-card-element">
-                            <el-text class="mx-1" size="large">订单号：</el-text>
-                            <el-input v-model="selectData.orderNo" placeholder="请输入订单号" style="width: 150px"
-                                clearable />
-                        </div>
-                    </el-col>
-                    <el-col :span="6">
-                        <div class="head-card-element">
-                            <el-text class="mx-1" size="large">充值平台：</el-text>
-                            <el-select v-model="selectData.platform" placeholder="请选择充值平台" clearable
-                                style="width:150px">
-                                <el-option v-for="item in platform" :key="item.value" :label="item.label"
-                                    :value="item.value" />
-                            </el-select>
-                        </div>
-                    </el-col>
+  <el-row>
+    <el-col>
+      <el-card style="margin-bottom: 20px;margin-top: 10px">
+        <el-row style="margin-bottom: 10px">
+          <el-col :span="5">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">精网号：</el-text>
+              <el-input v-model="selectData.jwcode" placeholder="请输入精网号" style="width: 150px" clearable/>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">所属地区：</el-text>
+              <el-select v-model="selectData.market" placeholder="请选择所属地区" clearable style="width:150px">
+                <el-option v-for="item in market" :key="item" :label="item" :value="item"/>
+              </el-select>
+            </div>
+          </el-col>
+          <el-col :span="5">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">订单号：</el-text>
+              <el-input v-model="selectData.orderNo" placeholder="请输入订单号" style="width: 150px"
+                        clearable/>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">充值平台：</el-text>
+              <el-select v-model="selectData.platform" placeholder="请选择充值平台" clearable
+                         style="width:150px">
+                <el-option v-for="item in platform" :key="item.value" :label="item.label"
+                           :value="item.value"/>
+              </el-select>
+            </div>
+          </el-col>
 
-                </el-row>
+        </el-row>
 
-                <el-row>
-                    <el-col :span="24">
-                        <div class="head-card-element">
-                            <el-text class="mx-1" size="large">充值时间：</el-text>
-                            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
-                                start-placeholder="起始时间" end-placeholder="结束时间" style="width: 350px"
-                                @change="handleDatePickerChange" :default-time="defaultTime" />
-                            <el-button @click="getToday()" style="margin-left: 10px"
-                                :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
-                            </el-button>
-                            <el-button @click="getYesterday()" style="margin-left: 10px"
-                                :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨
-                            </el-button>
-                            <el-button @click="get7Days()" style="margin-left: 10px"
-                                :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天
-                            </el-button>
-                            <el-button type="success" @click="reset()">重置</el-button>
-                            <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>
-                        </div>
-                    </el-col>
-                </el-row>
-            </el-card>
-        </el-col>
-    </el-row>
-    <el-row>
-        <el-col>
-            <el-card>
-                <div class="bean-info">
-                    充值金豆数：{{ format3(beanNum) }}, 合计新币数：{{ format3(money) }}。
+        <el-row>
+          <el-col :span="24">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">充值时间：</el-text>
+              <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                              start-placeholder="起始时间" end-placeholder="结束时间" style="width: 350px"
+                              @change="handleDatePickerChange" :default-time="defaultTime"/>
+              <el-button @click="getToday()" style="margin-left: 10px"
+                         :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
+              </el-button>
+              <el-button @click="getYesterday()" style="margin-left: 10px"
+                         :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨
+              </el-button>
+              <el-button @click="get7Days()" style="margin-left: 10px"
+                         :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天
+              </el-button>
+              <el-button type="success" @click="reset()">重置</el-button>
+              <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>
+            </div>
+          </el-col>
+        </el-row>
+      </el-card>
+    </el-col>
+  </el-row>
+  <el-row>
+    <el-col>
+      <el-card>
+        <div class="bean-info">
+          充值金豆数：{{ format3(num) }}, 合计新币数：{{ format3(money) }}。
 
-                </div>
-                <!-- 设置表格容器的高度和滚动样式 -->
-                <div style="height: 520px; overflow-y: auto;margin-top: 10px;">
-                    <el-table :data="tableData" style="width: 100%" height="520px" @sort-change="handleSortChange">
-                        <el-table-column type="index" label="序号" width="80px" fixed="left">
-                            <template #default="scope">
+        </div>
+        <!-- 设置表格容器的高度和滚动样式 -->
+        <div style="height: 520px; overflow-y: auto;margin-top: 10px;">
+          <el-table :data="tableData" style="width: 100%" height="520px" @sort-change="handleSortChange">
+            <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 fixed="left" prop="name" label="姓名" min-width="120" show-overflow-tooltip />
-                        <el-table-column fixed="left" prop="jwcode" label="精网号" min-width="110px" />
-                        <el-table-column prop="market" label="所属地区" min-width="100px" />
-                        <el-table-column prop="orderNo" header-align="center" align="center" label="订单号"
-                            min-width="210px" />
-                        <el-table-column prop="num" label="数量" sortable="custom" min-width="110px" />
-                        <el-table-column prop="money" label="金额" sortable="custom" min-width="150px"
-                            show-overflow-tooltip />
-                        <el-table-column prop="platform" label="充值平台" min-width="150px" show-overflow-tooltip>
-                            <template #default=scope>
-                                <span v-if="scope.row.platform == 1">PC</span>
-                                <span v-else-if="scope.row.platform == 2">手机</span>
-                                <span v-else>其他</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column prop="rechargeTime" label="充值时间" min-width="200px">
-                            <template #default="scope">
-                                {{ moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss') }}
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </div>
-
-                <!-- 分页 -->
-                <div class="pagination" style="margin-top: 20px">
-                    <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-col>
-    </el-row>
-    <!-- 导出弹窗 -->
-    <el-dialog v-model="exportListVisible" title="导出列表" width="80%" class="custom-height-dialog">
-        <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>
+                                  }}</span>
+              </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 fixed="left" prop="name" label="姓名" min-width="120" show-overflow-tooltip/>
+            <el-table-column fixed="left" prop="jwcode" label="精网号" min-width="110px"/>
+            <el-table-column prop="market" label="所属地区" min-width="100px"/>
+            <el-table-column prop="orderNo" header-align="center" align="center" label="订单号"
+                             min-width="210px"/>
+            <el-table-column prop="num" label="数量" sortable="custom" min-width="110px"/>
+            <el-table-column prop="money" label="金额" sortable="custom" min-width="150px"
+                             show-overflow-tooltip/>
+            <el-table-column prop="platform" label="充值平台" min-width="150px" show-overflow-tooltip>
+              <template #default=scope>
+                <span v-if="scope.row.platform == 1">PC</span>
+                <span v-else-if="scope.row.platform == 2">手机</span>
+                <span v-else>其他</span>
+              </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 prop="rechargeTime" label="充值时间" min-width="200px">
+              <template #default="scope">
+                {{ moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss') }}
+              </template>
             </el-table-column>
-        </el-table>
-        <template #footer>
-            <div class="dialog-footer">
-                <el-button text @click="exportListVisible = false">关闭</el-button>
-            </div>
+          </el-table>
+        </div>
+
+        <!-- 分页 -->
+        <div class="pagination" style="margin-top: 20px">
+          <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-col>
+  </el-row>
+  <!-- 导出弹窗 -->
+  <el-dialog v-model="exportListVisible" title="导出列表" width="80%" class="custom-height-dialog">
+    <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-dialog>
+      </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></style>
\ No newline at end of file