From 152b99adfc3b003536761159af5c99b4e9be8fcc Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Mon, 30 Jun 2025 13:15:25 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=20=E6=B1=87?=
 =?UTF-8?q?=E7=8E=87=20=E6=B6=88=E8=80=97=E8=AF=A6=E6=83=85=E7=9A=84?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=B1=87=E7=8E=87=E8=BE=93=E5=85=A5=E9=94=99=E8=AF=AF=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=20feat=EF=BC=9A=E6=B6=88=E8=80=97=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E9=87=91=E5=B8=81=E6=80=BB=E8=AE=A1=EF=BC=88=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E7=AD=9B=E9=80=89=EF=BC=89=E3=80=81=E6=8E=92=E5=BA=8F?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20refactor:=20=E9=87=8D=E6=9E=84=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E5=AE=A1=E6=A0=B8=EF=BC=8C=E9=80=80=E6=AC=BE=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E3=80=81=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=20=EF=BC=8C=E7=9B=AE=E5=89=8D=E7=BC=BA=E5=90=8E?=
 =?UTF-8?q?=E7=AB=AF=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/audit/rechargeAudit.vue       | 465 +++++++++++------
 src/views/audit/refundAudit.vue         | 864 +++++++++++++++++++++++---------
 src/views/consume/coinConsumeDetail.vue | 125 +++--
 src/views/managerecharge/rate.vue       | 244 +++++----
 4 files changed, 1172 insertions(+), 526 deletions(-)

diff --git a/src/views/audit/rechargeAudit.vue b/src/views/audit/rechargeAudit.vue
index 553cfb8..703bd85 100644
--- a/src/views/audit/rechargeAudit.vue
+++ b/src/views/audit/rechargeAudit.vue
@@ -1,46 +1,119 @@
 <script setup>
-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 axios from 'axios'
+import {computed, onMounted, reactive, ref, watch} from 'vue'
+import {ElMessage} from 'element-plus'
 import request from '@/util/http'
 import moment from 'moment'
 
-//这是获取用户信息的接口
-const adminData = ref({})
-const getAdminData = async function () {
-  try {
-    const result = await request({
-      url: '/admin/userinfo',
-      data: {}
-    })
-    adminData.value = result
-    console.log('用户信息', adminData.value)
-  } catch (error) {
-    console.log('请求失败', error)
+
+/*
+===================工具方法============================
+*/
+
+// 精网号去空格
+const trimJwCode = () => {
+  if (rechargeVo.value.jwcode) {
+    rechargeVo.value.jwcode = rechargeVo.value.jwcode.replace(/\s/g, '');
   }
 }
 
+/*
+===================数据============================
+*/
+//这是获取用户信息的接口
+const adminData = ref({})
 // 充值明细表格
-const tableData = ref([])
-// 搜索======================================
+const tableData1 = ref([])
+
+// 模拟充值明细表格 // todo 之后换掉，不用模拟数据
+const tableData = ref([
+  {
+    name: '测试',
+    jwcode: 1001,
+    market: "地区1",
+    activity: "活动1",
+    money: 100,  // 充值金额
+    permanentGold: 100, // 永久金币
+
+    freeGold: 50, // 免费金币
+    taskGold: 10, // 任务金币
+    remark: "备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注",//备注
+    reason: "驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由",//驳回理由
+    payMode: "微信",// 支付方式
+    voucher: "https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg",//支付凭证
+    adminName: "提交人姓名", // 提交人姓名
+    auditName: "审核人姓名",// 审核人姓名  // 当前登录人
+    payTime: "2025-6-28 14:31:20",//付款时间
+    createTime: "2025-6-29 14:31:20",//提交时间
+    auditStatus: 0, // 审核状态 （0待审核、1通过、2驳回、3外部传入【默认通过】）
+  },
+  {
+    name: '测试2',
+    jwcode: 1002,
+    market: "地区2",
+    activity: "活动2",
+    money: 200,  // 充值金额
+    permanentGold: 200, // 永久金币
+
+    freeGold: 50, // 免费金币
+    taskGold: 10, // 任务金币
+    remark: "2备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注",//备注
+    reason: "2驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由驳回理由",//驳回理由
+    payMode: "2微信",// 支付方式
+    voucher: "https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg",//支付凭证
+    adminName: "提交人姓名", // 提交人姓名
+    auditName: "审核人姓名",// 审核人姓名  // 当前登录人
+    payTime: "3025-6-28 14:31:20",//付款时间
+    createTime: "3025-6-29 14:31:20",//提交时间
+    auditStatus: 1, // 审核状态 （0待审核、1通过、2驳回、3外部传入【默认通过】）
+  },
+])
+/*
+    name: '',
+    jwcode: null,
+    market: "",
+    activity: "",
+    money: null,  // 充值金额
+    permanentGold: null, // 永久金币
+    freeGold: null, // 免费金币
+    taskGold: null, // 任务金币
+    remark: "",//备注
+    reason: "",//拒绝理由
+    payMode: "",// 支付方式
+    voucher: "",//支付凭证
+    /!*  adminId: null, // 提交人id
+      auditId:null,// 审核人id*!/
+    adminName: "", // 提交人姓名
+    auditName: "",// 审核人姓名  // 当前登录人
+    payTime: "",//付款时间
+    createTime: "",//提交时间
+    auditStatus: null, // 审核状态 （0待审核、1通过、2驳回、3外部传入【默认通过】）
+
+    */
+
+// 搜索表单数据
 const rechargeVo = ref({
-  rechargeWay: '客服充值'
+  jwcode: null,//精网号
+  activity: "", //活动名称
+  payMode: "",// 支付方式
+  startTime: "", // 充值时间开始
+  endTime: "", // 充值时间结束
+  market: "",//地区
 })
+
+
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
   pageSize: 50
 })
 //分页总条目
-const total = ref(100)
+const total = ref(50)
 // 搜索对象时间
 const getTime = ref([])
 // 搜索活动列表
 const activity = ref([])
 // 搜索地区列表
-const area = ref([])
+const market = ref([])
 // 驳回弹出框
 const rejectVisible = ref(false)
 // 驳回对象
@@ -50,7 +123,7 @@ const passObj = ref({})
 //标签页默认是待审批
 const activeName = ref('wait')
 // 支付方式选项
-const payWay = [
+const payMode = [
   {
     value: '微信',
     label: '微信'
@@ -74,17 +147,12 @@ const payWay = [
 ]
 // 表单验证ref
 const Ref = ref(null)
-
-// 方法
 // 统计合计数
 const trueGold = ref(0)
 const trueCount = ref(0)
 const trueRGold = ref(0)
 const trueFGold = ref(0)
-// 保留两位小数
-const formattedTrueGold = computed(() => trueGold.value.toFixed(2))
-const formattedTrueRGold = computed(() => trueRGold.value.toFixed(2))
-const formattedTrueFGold = computed(() => trueFGold.value.toFixed(2))
+
 // 待审核条数
 const pendingCount = ref(0)
 // 待审核金币数
@@ -103,46 +171,79 @@ const rejectedCount = ref(0)
 const rejectedGold = ref(0)
 const rejectedRGold = ref(0)
 const rejectedFGold = ref(0)
+
+
+// 新增排序字段和排序方式
+const sortField = ref('')
+const sortOrder = ref('')
+
+// 表单验证
+const rules = reactive({
+  reason: [{required: true, message: '请输入驳回理由', trigger: 'blur'}]
+})
+
+
+/*
+===================方法============================
+*/
+const getAdminData = async function () {
+  try {
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('用户信息', adminData.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
 // 搜索方法
 const get = async function (val) {
   try {
-    // 地区赋值
-    if (adminData.value.area === '泰国') {
-      rechargeVo.value.areas = ['泰国', '越南']
-    }
     // 搜索参数页码赋值
     if (typeof val === 'number') {
       getObj.value.pageNum = val
     }
     // 搜索参数时间赋值
     if (getTime.value != null) {
-      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
-        rechargeVo.value.startDate = getTime.value[0]
-        rechargeVo.value.endDate = getTime.value[1]
+      if (getTime.value.startTime != '' && getTime.value.endTime != '') {
+        rechargeVo.value.startTime = getTime.value[0]
+        rechargeVo.value.endTime = getTime.value[1]
       }
     } else {
-      rechargeVo.value.startDate = ''
-      rechargeVo.value.endDate = ''
+      rechargeVo.value.startTime = ''
+      rechargeVo.value.endTime = ''
     }
     rechargeVo.value.sortField = sortField.value
     rechargeVo.value.sortOrder = sortOrder.value
+
     console.log('搜索参数', getObj.value)
+
+    //
     const result = await request({
-      url: '/recharge/recharge',
+      url: '/recharge/recharge', // todo 换接口
       data: {
         pageNum: getObj.value.pageNum,
         pageSize: getObj.value.pageSize,
-        rechargeVo: { ...rechargeVo.value }
+        rechargeVo: { // 这个根据后端换一下
+          ...rechargeVo.value,
+          sortField: sortField.value,
+          sortOrder: sortOrder.value
+        }
       }
     })
+
+
     // 合计数的接口
     // 复制一份rechargeVo.value，去掉排序和状态
-    const rechargeVo1 = { ...rechargeVo.value }
+    const rechargeVo1 = {...rechargeVo.value}
     delete rechargeVo1.sortField
     delete rechargeVo1.sortOrder
-    delete rechargeVo1.status
+    delete rechargeVo1.auditStatus
     const result2 = await request({
-      url: '/recharge/recharge/RechargeA',
+      url: '/recharge/recharge/RechargeA', // todo 换接口
       data: rechargeVo1
     })
     // 统计合计数
@@ -189,6 +290,7 @@ const get = async function (val) {
     console.log('请求失败', error)
   }
 }
+
 // 搜索
 const search = function () {
   trimJwCode();
@@ -197,28 +299,28 @@ const search = function () {
 }
 // 重置
 const reset = function () {
-  delete rechargeVo.value.activityId
+  delete rechargeVo.value.activity
   delete rechargeVo.value.jwcode
-  delete rechargeVo.value.payWay
-  delete rechargeVo.value.area
-  delete rechargeVo.value.startDate
-  delete rechargeVo.value.endDate
+  delete rechargeVo.value.payMode
+  delete rechargeVo.value.market
+  delete rechargeVo.value.startTime
+  delete rechargeVo.value.endTime
   getTime.value = {}
 }
 // 今天
 const getToday = function () {
   const today = new Date()
-  const startDate = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate()
+  const startTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate()
   )
-  const endDate = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
+  const endTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + 1
   )
-  getTime.value = [startDate, endDate]
+  getTime.value = [startTime, endTime]
   console.log('getTime', getTime.value)
   get()
 }
@@ -227,14 +329,14 @@ const getYesterday = function () {
   const yesterday = new Date()
   yesterday.setDate(yesterday.getDate() - 1)
   const startDate = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate()
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate()
   )
   const endDate = new Date(
-    yesterday.getFullYear(),
-    yesterday.getMonth(),
-    yesterday.getDate() + 1
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate() + 1
   )
   getTime.value = [startDate, endDate]
   console.log('getTime', getTime.value)
@@ -244,14 +346,14 @@ const getYesterday = function () {
 const get7Days = function () {
   const today = new Date()
   const startDate = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() - 6
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() - 6
   )
   const endDate = new Date(
-    today.getFullYear(),
-    today.getMonth(),
-    today.getDate() + 1
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + 1
   )
   getTime.value = [startDate, endDate]
   console.log('getTime', getTime.value)
@@ -259,10 +361,11 @@ const get7Days = function () {
 }
 //待审核充值明细
 const adminWait = async function () {
-  rechargeVo.value.status = 0
+  rechargeVo.value.auditStatus = 0
   getObj.value.pageNum = 1
   await get()
   console.log('adminWait')
+
   trueCount.value = pendingCount.value
   trueGold.value = pendingGold.value
   trueRGold.value = pendingRGold.value
@@ -270,7 +373,7 @@ const adminWait = async function () {
 }
 //已通过充值明细
 const adminPass = async function () {
-  rechargeVo.value.status = 1
+  rechargeVo.value.auditStatus = 1
   getObj.value.pageNum = 1
   await get()
   console.log('adminPass')
@@ -281,7 +384,7 @@ const adminPass = async function () {
 }
 //已驳回充值明细
 const adminReject = async function () {
-  rechargeVo.value.status = 2
+  rechargeVo.value.auditStatus = 2
   getObj.value.pageNum = 1
   await get()
   console.log('adminReject')
@@ -292,6 +395,7 @@ const adminReject = async function () {
 }
 
 const handleClick = function (tab, event) {
+  activeName.value = tab.props.name
   if (tab.props.name === 'wait') {
     adminWait()
   } else if (tab.props.name === 'pass') {
@@ -301,6 +405,17 @@ const handleClick = function (tab, event) {
   }
 }
 
+// watch(activeName, (val) => {
+//   if (val === 'wait') {
+//     adminWait()
+//   } else if (val === 'pass') {
+//     adminPass()
+//   } else if (val === 'reject') {
+//     adminReject()
+//   }
+// })
+
+
 const getActivity = async function () {
   try {
     const result = await request({
@@ -314,14 +429,14 @@ const getActivity = async function () {
   }
 }
 // 地区下拉框
-const getArea = async function () {
+const getMarket = async function () {
   try {
     const result = await request({
-      url: '/recharge/user/search',
+      url: 'http://192.168.8.247:8081/general/market',
       data: {}
     })
-    area.value = result.data
-    console.log('地区', area.value)
+    market.value = result.data
+    console.log('地区', market.value)
   } catch (error) {
     console.log('请求失败', error)
   }
@@ -334,6 +449,7 @@ const handleCurrentChange = function (val) {
   getObj.value.pageNum = val
   get()
 }
+
 // 编辑====================================
 // 通过按钮
 const pass = function (row) {
@@ -341,7 +457,7 @@ const pass = function (row) {
   passObj.value = row
   passObj.value.adminId = adminData.value.adminId
   passObj.value.auditId = row.auditId
-  // passObj.value.status = 1
+  // passObj.value.auditStatus = 1
   passObj.value.rechargeId = row.rechargeId
   passObj.value.detailId = row.detailId
   passObj.value.jwcode = row.jwcode
@@ -351,12 +467,11 @@ const pass = function (row) {
 
   console.log('通过对象', passObj.value)
 }
-
 // 通过确认
 const passConfirm = async function () {
   try {
     // 也许大概应该在点击确认时改变状态
-    passObj.value.status = 1
+    passObj.value.auditStatus = 1
     console.log('通过对象', passObj.value)
     // 发送POST请求
     // passObj.value.flag = 0;
@@ -393,8 +508,8 @@ const reject = function (row) {
   // 驳回初始化
   rejectObj.value.adminId = adminData.value.adminId
   rejectObj.value.auditId = row.auditId
-  rejectObj.value.status = 2
-  rejectObj.value.reson = ''
+  rejectObj.value.auditStatus = 2
+  rejectObj.value.reason = ''
   rejectObj.value.rechargeId = row.rechargeId
   rejectObj.value.detailId = row.detailId
   console.log('驳回对象', rejectObj.value)
@@ -430,21 +545,6 @@ const rejectConfirm = async function () {
   })
 }
 
-// 表单验证
-const rules = reactive({
-  reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
-})
-
-// 挂载
-onMounted(async function () {
-  await getAdminData()
-  await getActivity()
-  await get()
-  await getArea()
-})
-// 新增排序字段和排序方式
-const sortField = ref('')
-const sortOrder = ref('')
 // 处理排序事件
 const handleSortChange = (column) => {
   console.log('排序字段：', column.prop)
@@ -466,12 +566,59 @@ const handleSortChange = (column) => {
   get()
 }
 
-// 精网号去空格
-const trimJwCode = () => {
-  if (rechargeVo.value.jwcode) {
-    rechargeVo.value.jwcode = rechargeVo.value.jwcode.replace(/\s/g, '');
-  }
-}
+// 预览图片函数
+const previewImage = (imageUrl) => {
+  // 使用 element-plus 的 el-image 组件实现图片预览功能
+  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 formattedTrueGold = computed(() => trueGold.value.toFixed(2))
+const formattedTrueRGold = computed(() => trueRGold.value.toFixed(2))
+const formattedTrueFGold = computed(() => trueFGold.value.toFixed(2))
+
+/*
+===================挂载============================
+*/
+// 挂载
+onMounted(async function () {
+  await getAdminData()
+  await getActivity()
+  await get()
+  await getMarket()
+})
+
 </script>
 
 <template>
@@ -480,26 +627,27 @@ const trimJwCode = () => {
       <el-card style="margin-bottom: 5px">
         <el-row style="margin-bottom: 5px">
           <el-col :span="6">
-              <el-text   size="large">精网号：</el-text>
-              <el-input v-model="rechargeVo.jwcode" placeholder="请输入精网号" style="width: 240px" clearable />
+            <el-text size="large">精网号：</el-text>
+            <el-input v-model="rechargeVo.jwcode" placeholder="请输入精网号" style="width: 240px" clearable/>
           </el-col>
           <el-col :span="6">
-              <el-text   size="large">活动名称：</el-text>
-              <el-select v-model="rechargeVo.activityId" placeholder="请选择活动名称" style="width: 240px" clearable>
-                <el-option v-for="item in activity" :key="item.activityId" :label="item.activityName" :value="item.activityId" />
-              </el-select>
+            <el-text size="large">活动名称：</el-text>
+            <el-select v-model="rechargeVo.activity" placeholder="请选择活动名称" style="width: 240px" clearable>
+              <el-option v-for="item in activity" :key="item.activityId" :label="item.activityName"
+                         :value="item.activityId"/>
+            </el-select>
           </el-col>
           <el-col :span="6">
-              <el-text   size="large">支付方式：</el-text>
-              <el-select v-model="rechargeVo.payWay" placeholder="请选择支付方式" style="width: 240px" clearable>
-                <el-option v-for="item in payWay" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
+            <el-text size="large">支付方式：</el-text>
+            <el-select v-model="rechargeVo.payMode" placeholder="请选择支付方式" style="width: 240px" clearable>
+              <el-option v-for="item in payMode" :key="item.value" :label="item.label" :value="item.value"/>
+            </el-select>
           </el-col>
           <el-col :span="6">
-            <div class="head-card-element" v-if="adminData.area == '总部'">
-              <el-text   size="large">所属地区：</el-text>
-              <el-select v-model="rechargeVo.area" placeholder="请选择所属地区" style="width: 240px" clearable>
-                <el-option v-for="item in area" :key="item" :label="item" :value="item" />
+            <div class="head-card-element" v-if="adminData.market == '总部'">
+              <el-text size="large">所属地区：</el-text>
+              <el-select v-model="rechargeVo.market" placeholder="请选择所属地区" style="width: 240px" clearable>
+                <el-option v-for="item in market" :key="item" :label="item" :value="item"/>
               </el-select>
             </div>
           </el-col>
@@ -508,12 +656,12 @@ const trimJwCode = () => {
           <el-col :span="12">
             <div class="time-controls">
               <div class="time-group">
-                <el-text   size="large">添加时间：</el-text>
+                <el-text size="large">充值时间：</el-text>
                 <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                  end-placeholder="结束时间" style="width: 400px" />
-                <el-button @click="getToday()" style="margin-left: 10px"> 今 </el-button>
-                <el-button @click="getYesterday()" style="margin-left: 10px"> 昨 </el-button>
-                <el-button @click="get7Days()" style="margin-left: 10px"> 近7天 </el-button>
+                                end-placeholder="结束时间" style="width: 400px"/>
+                <el-button @click="getToday()" style="margin-left: 10px"> 今</el-button>
+                <el-button @click="getYesterday()" style="margin-left: 10px"> 昨</el-button>
+                <el-button @click="get7Days()" style="margin-left: 10px"> 近7天</el-button>
               </div>
             </div>
           </el-col>
@@ -534,50 +682,72 @@ const trimJwCode = () => {
           <el-tab-pane label="已通过" name="pass"></el-tab-pane>
           <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
 
-          <div>
+          <div> <!--todo 改这里 总数的-->
             总条数：{{ trueCount }}条&nbsp;&nbsp;&nbsp;&nbsp;
             总金币数：{{ formattedTrueGold }}金币&nbsp;&nbsp;&nbsp;&nbsp;
             永久金币：{{ formattedTrueRGold }}金币&nbsp;&nbsp;&nbsp;&nbsp;
             免费金币：{{ formattedTrueFGold }}金币
           </div>
         </el-tabs>
+
+        <!--表格-->
         <div style="height: 540px; overflow-y: auto">
-          <el-table :data="tableData" style="width: 100%" height="540px" @sort-change="handleSortChange" :row-style="{ height: '50px' }">
+          <el-table :data="tableData" style="width: 100%" height="540px" @sort-change="handleSortChange"
+                    :row-style="{ height: '50px' }">
             <el-table-column type="index" label="序号" width="100px" 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="username" label="姓名" width="150px" />
-            <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px" />
-            <el-table-column prop="area" label="所属地区" width="100px" />
-            <el-table-column prop="refundType" label="活动名称" width="100px" />
-            <el-table-column prop="refundGoods" label="充值金额" width="100px" />
-            <el-table-column prop="rechargeCoin" label="永久金币" width="110px" sortable="custom">
-              <template #default="scope">{{ scope.row.rechargeCoin }}</template>
+            <el-table-column fixed="left" prop="name" label="姓名" width="150px"/>
+            <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px"/>
+            <el-table-column prop="market" label="所属地区" width="100px"/>
+            <el-table-column prop="activity" label="活动名称" width="100px"/>
+            <el-table-column prop="money" label="充值金额" sortable="custom" width="110px"/>
+            <el-table-column prop="permanentGold" label="永久金币" width="110px" sortable="custom">
+              <template #default="scope">{{ scope.row.permanentGold }}</template>
             </el-table-column>
-            <el-table-column prop="freeCoin" label="免费金币" sortable="custom" width="110px">
-              <template #default="scope">{{ scope.row.freeCoin }}</template>
+            <el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px">
+              <template #default="scope">{{ scope.row.freeGold }}</template>
             </el-table-column>
-            <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
-            <el-table-column prop="freeCoin" label="支付凭证" width="110px" />
-            <el-table-column prop="adminName" label="提交人" width="100px" />
-            <el-table-column prop="status" label="付款时间" width="200px" >
-            <template #default="scope">
+            <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip/>
+
+            <el-table-column prop="payMode" label="支付方式" width="110px"/>
+            <el-table-column prop="voucher" label="支付凭证" width="110px">
+              <!-- 支付凭证列，支持点击放大预览 -->
+              <template #default="scope">
+                <div v-if="scope.row.voucher" style="cursor: pointer;" @click="previewImage(scope.row.voucher)">
+                  <img :src="scope.row.voucher" alt="支付凭证" style="width: 80px; height: auto;">
+                </div>
+                <div v-else>--</div>
+              </template>
+            </el-table-column>
+
+
+            <el-table-column prop="adminName" label="提交人" width="100px"/>
+            <!--
+                        字太多就悬停显示
+            -->
+            <el-table-column prop="reason" label="驳回理由" width="200px" show-overflow-tooltip/>
+
+            <el-table-column v-if="activeName!== 'wait'" prop="auditName" label="审核人" width="100px"/>
+            <el-table-column prop="payTime" sortable="custom" label="付款时间" width="200px">
+              <template #default="scope">
                 {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
-              </el-table-column>
+            </el-table-column>
             <el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px">
               <template #default="scope">
                 {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
             </el-table-column>
-            <el-table-column fixed="right" prop="operation" label="操作" width="150px">
+            <el-table-column v-if="activeName === 'wait'"
+                             fixed="right" prop="operation" label="操作" width="150px">
               <template #default="scope">
                 <div class="operation">
                   <el-popconfirm title="确定要通过此条记录吗？" @confirm="passConfirm">
                     <template #reference>
-                      <el-button :disabled="scope.row.status === 1 || scope.row.status === 2
+                      <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2
                         ? true
                         : false
                         " type="primary" text @click="pass(scope.row)">
@@ -589,7 +759,7 @@ const trimJwCode = () => {
                       <el-button type="primary" size="small" @click="confirm">确定</el-button>
                     </template>
                   </el-popconfirm>
-                  <el-button :disabled="scope.row.status === 1 || scope.row.status === 2
+                  <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2
                     ? true
                     : false
                     " type="primary" text @click="reject(scope.row)">
@@ -603,8 +773,9 @@ const trimJwCode = () => {
 
         <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>
+                         layout="total, sizes, prev, pager, next, jumper" :total="total"
+                         @size-change="handlePageSizeChange"
+                         @current-change="handleCurrentChange"></el-pagination>
         </div>
       </el-card>
     </el-col>
@@ -613,15 +784,15 @@ const trimJwCode = () => {
   <el-dialog v-model="rejectVisible" title="驳回理由" width="500" :before-close="closeRejectVisible">
     <template #footer>
       <el-form :model="rejectObj" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px">
-        <el-form-item prop="reson" label="驳回理由:">
-          <el-input v-model="rejectObj.reson" maxlength="150" show-word-limit style="width: 350px" type="textarea"
-            placeholder="请输入内容" />
+        <el-form-item prop="reason" label="驳回理由:">
+          <el-input v-model="rejectObj.reason" maxlength="150" show-word-limit style="width: 350px" type="textarea"
+                    placeholder="请输入内容"/>
         </el-form-item>
       </el-form>
 
       <div class="dialog-footer">
         <el-button @click="closeRejectVisible()">取消</el-button>
-        <el-button type="primary" @click="rejectConfirm()"> 确定 </el-button>
+        <el-button type="primary" @click="rejectConfirm()"> 确定</el-button>
       </div>
     </template>
   </el-dialog>
diff --git a/src/views/audit/refundAudit.vue b/src/views/audit/refundAudit.vue
index c7db5cb..5e9d5c7 100644
--- a/src/views/audit/refundAudit.vue
+++ b/src/views/audit/refundAudit.vue
@@ -6,30 +6,42 @@
           <el-row style="margin-bottom: 5px">
             <el-col :span="6">
               <el-text size="large">精网号：</el-text>
-              <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 240px" clearable />
+              <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 240px" clearable/>
             </el-col>
             <el-col :span="6">
-              <el-text size="large">退款类型：</el-text>
-              <el-select v-model="searchForm.refundType" placeholder="请选择" style="width: 240px" clearable>
-                <el-option label="商品退款" value="商品退款" />
-                <el-option label="退点啥？？" value="退点啥??" />
+              <el-text size="large">活动名称：</el-text>
+              <el-select v-model="searchForm.activity" placeholder="请选择活动名称" style="width: 240px" clearable>
+                <el-option v-for="item in activityOptions" :key="item.activityId" :label="item.activityName"
+                           :value="item.activityId"/>
+              </el-select>
+            </el-col>
+            <el-col :span="6">
+              <el-text size="large">退款商品：</el-text>
+              <el-select v-model="searchForm.refundGoods" placeholder="请选择退款商品" style="width: 240px" clearable>
+                <el-option v-for="item in productOptions" :key="item.productId" :label="item.productName"
+                           :value="item.productId"/>
               </el-select>
             </el-col>
             <el-col :span="6">
               <el-text size="large">所属地区：</el-text>
-              <el-select v-model="searchForm.area" placeholder="请选择" style="width: 240px" clearable>
-                <el-option v-for="item in areaOptions" :key="item" :label="item" :value="item" />
+              <el-select v-model="searchForm.area" placeholder="请选择所属地区" style="width: 240px" clearable>
+                <el-option v-for="item in areaOptions" :key="item" :label="item" :value="item"/>
               </el-select>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-text size="large">退款时间：</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始日期"
-                  end-placeholder="结束日期"  style="width: 400px" />
+              <div class="time-controls">
+                <div class="time-group">
+                  <el-text size="large">充值时间：</el-text>
+                  <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至"
+                                  start-placeholder="开始时间"
+                                  end-placeholder="结束时间" style="width: 400px"/>
                   <el-button @click="getToday()" style="margin-left: 10px">今</el-button>
                   <el-button @click="getYesterday()" style="margin-left: 10px">昨</el-button>
                   <el-button @click="get7Days()" style="margin-left: 10px">近7天</el-button>
+                </div>
+              </div>
             </el-col>
             <el-col :span="6">
               <el-button type="success" @click="resetSearch">重置</el-button>
@@ -42,117 +54,237 @@
   </el-row>
 
   <el-card>
-    <el-tabs v-model="checkTab" @tab-change="switchTab">
-      <el-tab-pane label="待审核" name="1" />
-      <el-tab-pane label="已通过" name="2" />
-      <el-tab-pane label="已驳回" name="3" />
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="待审核" name="wait"></el-tab-pane>
+      <el-tab-pane label="已通过" name="pass"></el-tab-pane>
+      <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
     </el-tabs>
 
-    <div class="stats-info">
-      退款记录条数: {{ stats.totalItems }}&nbsp;&nbsp;&nbsp;&nbsp;
-      退款金币总数: {{ stats.totalCoins }}&nbsp;&nbsp;&nbsp;&nbsp;
-      永久金币: {{ stats.permanentCoins }}&nbsp;&nbsp;&nbsp;&nbsp;
-      免费金币: {{ stats.freeCoins }}&nbsp;&nbsp;&nbsp;&nbsp;
-      任务金币: {{ stats.taskCoins }}
+    <div>
+      总条数：{{ stats.totalItems }}条&nbsp;&nbsp;&nbsp;&nbsp;
+      退款总金币数：{{ stats.totalCoins }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+      永久金币：{{ stats.permanentCoins }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+      免费金币：{{ stats.freeCoins }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+      任务金币：{{ stats.taskCoins }}金币
+    </div>
+
+    <div style="height: 540px; overflow-y: auto">
+      <el-table :data="tableData" style="width: 100%" height="540px" @sort-change="handleSortChange"
+                :row-style="{ height: '50px' }">
+        <el-table-column type="index" label="序号" width="100px" fixed="left">
+          <template #default="scope">
+            <span>{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column fixed="left" prop="name" label="姓名" width="150px"/>
+        <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px"/>
+        <el-table-column prop="market" label="所属地区" width="100px"/>
+        <el-table-column prop="refundType" label="退款类型" width="100px">
+          <template #default="scope">商品退款</template>
+        </el-table-column>
+        <el-table-column prop="refundModel" label="退款方式" width="100px"/>
+        <el-table-column prop="goodsName" label="退款商品" width="100px"/>
+        <el-table-column prop="money" label="退款金额" width="110px" sortable="custom">
+          <template #default="scope">{{ scope.row.money }}</template>
+        </el-table-column>
+        <el-table-column prop="permanentGold" label="永久金币" width="110px" sortable="custom">
+          <template #default="scope">{{ scope.row.permanentGold }}</template>
+        </el-table-column>
+        <el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px">
+          <template #default="scope">{{ scope.row.freeGold }}</template>
+        </el-table-column>
+        <el-table-column prop="taskGold" label="任务金币" sortable="custom" width="110px">
+          <template #default="scope">{{ scope.row.taskGold }}</template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip/>
+        <el-table-column prop="adminName" label="提交人" width="100px"/>
+        <el-table-column v-if="activeName!== 'wait'" prop="auditName" label="审核人" width="100px"/>
+        <el-table-column v-if="activeName === 'reject'" prop="reason" label="驳回理由" width="200px"
+                         show-overflow-tooltip/>
+        <el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px">
+          <template #default="scope">
+            {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+          </template>
+        </el-table-column>
+        <el-table-column v-if="activeName!== 'wait'"  sortable="custom" prop="auditTime" label="审核时间" width="200px" default-sort="descending">
+          <template #default="scope">
+            {{ scope.row.auditTime ? moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') : '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column v-if="activeName === 'wait'"
+                         fixed="right" prop="operation" label="操作" width="150px">
+          <template #default="scope">
+            <div class="operation">
+              <el-popconfirm title="确定要通过此条记录吗？" @confirm="passConfirm(scope.row)">
+                <template #reference>
+                  <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2
+                    ? true
+                    : false
+                    " type="primary" text>
+                    通过
+                  </el-button>
+                </template>
+                <template #actions="{ confirm, cancel }">
+                  <el-button size="small" @click="cancel">取消</el-button>
+                  <el-button type="primary" size="small" @click="confirm">确定</el-button>
+                </template>
+              </el-popconfirm>
+              <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2
+                    ? true
+                    : false
+                    " type="primary" text @click="reject(scope.row)">
+                驳回
+              </el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
 
-    <el-table :data="tableData" height="540px" @sort-change="handleSortChange">
-      <el-table-column type="index" label="序号" width="60" />
-      <el-table-column prop="username" label="姓名" width="120" />
-      <el-table-column prop="jwcode" label="精网号" width="120" />
-      <el-table-column prop="area" label="所属地区" width="120" />
-      <el-table-column prop="refundType" label="退款类型" width="120" />
-      <el-table-column prop="refundMethod" label="退款方式" width="120" />
-      <el-table-column prop="refundGoods" label="退款商品" width="120" />
-      <el-table-column prop="refundAmount" label="退款金额" width="120" sortable="custom">
-        <template #default="{ row }">
-          {{ row.rechargeCoin + row.freeCoin + row.taskCoin }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="rechargeCoin" label="永久金币" width="120" sortable="custom" />
-      <el-table-column prop="freeCoin" label="免费金币" width="120" sortable="custom" />
-      <el-table-column prop="taskCoin" label="任务金币" width="120" sortable="custom" />
-      <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip /><!-- 当内容过长被隐藏时显示 tooltip -->
-      <el-table-column prop="adminName" label="提交人" width="120" />
-      <el-table-column v-if="checkTab === 'rejected'" prop="reason" label="驳回理由" width="150" show-overflow-tooltip />
-      <el-table-column v-if="checkTab !== 'pending'" prop="auditName" label="审核人" width="120" />
-      <el-table-column prop="createTime" label="提交时间" width="180" sortable="custom">
-        <template #default="{ row }">
-          {{ moment(row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-        </template>
-      </el-table-column>
-
-      <el-table-column v-if="checkTab !== 'pending'" prop="auditTime" label="审核时间" width="180" sortable="custom">
-        <template #default="{ row }">
-          {{ row.auditTime ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss') : '--' }}
-        </template>
-      </el-table-column>
-
-      <el-table-column label="操作" width="150" fixed="right" v-if="checkTab === 'pending'">
-        <template #default="{ row }">
-          <el-button type="success" size="small" @click="handleAction('approve', row)">通过</el-button>
-          <el-button type="danger" size="small" @click="handleAction('reject', row)">驳回</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-      :total="pagination.total" :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
-      @size-change="handlePagination('size', $event)" @current-change="handlePagination('page', $event)"
-      class="pagination" />
+    <div class="pagination">
+      <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+                     :total="pagination.total" :page-sizes="[5, 10, 20, 50, 100]"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="handlePagination('size', $event)" @current-change="handlePagination('page', $event)"
+                     class="pagination"/>
+    </div>
   </el-card>
 
-  <!-- 驳回弹出框 -->
-  <el-dialog v-model="rejectDialog" title="驳回理由" width="500px">
-    <el-form :model="rejectForm">
-      <el-form-item label="驳回理由">
-        <el-input v-model="rejectForm.reason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
-          show-word-limit />
-      </el-form-item>
-    </el-form>
+  <el-dialog v-model="rejectVisible" title="驳回理由" width="500" :before-close="closeRejectVisible">
     <template #footer>
-      <el-button @click="rejectDialog=false">取消</el-button>
-      <el-button type="primary" @click="rejectRefund">确定</el-button>
+      <el-form :model="rejectObj" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px">
+        <el-form-item prop="reason" label="驳回理由:">
+          <el-input v-model="rejectObj.reason" maxlength="150" show-word-limit style="width: 350px" type="textarea"
+                    placeholder="请输入内容"/>
+        </el-form-item>
+      </el-form>
+
+      <div class="dialog-footer">
+        <el-button @click="closeRejectVisible()">取消</el-button>
+        <el-button type="primary" @click="rejectConfirm()"> 确定</el-button>
+      </div>
     </template>
   </el-dialog>
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import {onMounted, reactive, ref} from 'vue'
+import {ElMessage} from 'element-plus'
 import request from '@/util/http'
-import { ElMessage } from 'element-plus'
 import moment from 'moment'
 
+
+/*
+================数据=========================
+*/
 // 状态常量
 const STATUS = {
-  PENDING: 0,// 待审核
-  APPROVED: 1,// 通过
+  PENDING: 0, // 待审核
+  APPROVED: 1, // 通过
   REJECTED: 2 // 驳回
 }
 
-// 搜索表单
+// 搜索表单数据
 const searchForm = ref({
-  jwcode: '',
-  refundType: '',
-  refundGoods: '',
-  area: '',
-  startDate: '',
-  endDate: ''
+  jwcode: null, // 精网号
+  activity: "", // 活动名称
+  refundGoods: "", // 退款商品  这个字段是啥 需要修改
+  market: "", // 所属地区
+  startTime: "", // 充值时间开始
+  endTime: "" // 充值时间结束
 })
 
-const checkTab = ref(1) // 能否不用STATUS常量，1是待审批，2是已通过，3是驳回，参数status需要Integer
-const dateRange = ref([])
-
+// 搜索对象
 const pagination = ref({
   pageNum: 1,
   pageSize: 50,
   total: 0
 })
 
-const tableData = ref([])
+// 搜索对象时间
+const dateRange = ref([])
+
+// 表格数据 // todo 这是模拟数据 记得删除
+const tableData = ref([
+  {
+    name: '张三',
+    jwcode: 1001,
+    market: '北京市',
+    refundType: '商品退款',
+    refundModel: '部分退款',
+    goodsName: '手机',
+    money: 250,
+    permanentGold: 200,
+    freeGold: 30,
+    taskGold: 20,
+    remark: '用户反馈商品有瑕疵，申请部分退款',
+    adminName: '李管理员',
+    auditName: '',
+    createTime: '2025-06-28 10:30:00',
+    auditTime: '',
+    auditStatus: 0, // 待审核
+    refundId: 1001,
+    detailId: 10001,
+    auditId: 100001
+  },
+  {
+    name: '李四',
+    jwcode: 1002,
+    market: '上海市',
+    refundType: '商品退款',
+    refundModel: '全额退款',
+    goodsName: '耳机',
+    money: 120,
+    permanentGold: 100,
+    freeGold: 20,
+    taskGold: 0,
+    remark: '用户改变主意，不想要了',
+    adminName: '王管理员',
+    auditName: '赵审核员',
+    createTime: '2025-06-27 15:45:00',
+    auditTime: '2025-06-28 09:15:00',
+    auditStatus: 1, // 已通过
+    refundId: 1002,
+    detailId: 10002,
+    auditId: 100002
+  },
+  {
+    name: '王五',
+    jwcode: 1003,
+    market: '广州市',
+    refundType: '商品退款',
+    refundModel: '部分退款',
+    goodsName: '充电器',
+    money: 80,
+    permanentGold: 60,
+    freeGold: 20,
+    taskGold: 0,
+    remark: '商品包装损坏',
+    reason: '包装损坏属于物流问题，建议用户联系物流公司索赔',
+    adminName: '孙管理员',
+    auditName: '钱审核员',
+    createTime: '2025-06-26 09:20:00',
+    auditTime: '2025-06-27 11:30:00',
+    auditStatus: 2, // 已驳回
+    refundId: 1003,
+    detailId: 10003,
+    auditId: 100003
+  }
+])
+
+// 活动列表
+const activityOptions = ref([])
+
+// 商品列表
 const productOptions = ref([])
+
+// 地区列表
 const areaOptions = ref([])
+
+// 用户信息
 const adminInfo = ref({})
+
+// 统计合计数
 const stats = ref({
   totalItems: 0,
   totalCoins: 0,
@@ -160,27 +292,82 @@ const stats = ref({
   freeCoins: 0,
   taskCoins: 0
 })
-// 驳回
-const rejectDialog = ref(false) // 驳回对话框
-const rejectForm = ref({ reason: '' })
-const currentRecord = ref(null)
+
+// 驳回弹出框
+const rejectVisible = ref(false)
+
+// 驳回对象
+const rejectObj = ref({})
+
+// 通过对象
+const passObj = ref({})
+
+// 标签页默认是待审批
+const activeName = ref('wait')
+
+// 支付方式选项
+const refundMode = [
+  {
+    value: '部分退款',
+    label: '部分退款'
+  },
+  {
+    value: '全额退款',
+    label: '全额退款'
+  }
+]
+
+// 表单验证ref
+const Ref = ref(null)
+
+// 新增排序字段和排序方式
+const sortField = ref('')
+const sortOrder = ref('')
+
+// 表单验证
+const rules = reactive({
+  reason: [{required: true, message: '请输入驳回理由', trigger: 'blur'}]
+})
+
+/*
+======================方法==========================
+*/
+
 // 获取用户信息
-const fetchAdminInfo = async () => {
+const getAdminData = async function () {
   try {
-    const res = await request({ url: '/admin/userinfo' })
-    adminInfo.value = res
-    if (res.area !== '总部') {
-      searchForm.value.area = res.area
-    }
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminInfo.value = result
+    console.log('用户信息', adminInfo.value)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
+// 获取活动列表
+const getActivity = async function () {
+  try {
+    const result = await request({
+      url: '/recharge/activity/select',
+      data: {}
+    })
+    activityOptions.value = result.data
+    console.log('activity', activityOptions.value)
   } catch (error) {
-    console.error('获取用户信息失败', error)
+    console.log('请求失败', error)
   }
 }
 
 // 查商品
-const fetchProducts = async () => {
+const getProducts = async () => {
   try {
-    const res = await request({ url: '/product' })
+    const res = await request({
+      url: '/product' // todo 换接口
+    })
+
     productOptions.value = res.data || []
   } catch (error) {
     console.error('获取商品列表失败', error)
@@ -188,18 +375,39 @@ const fetchProducts = async () => {
 }
 
 // 查地区
-const fetchAreas = async () => {
+const getMarket = async () => {
   try {
-    const result = await request({ url: 'http://192.168.8.247:8081/general/market' })
+    const result = await request({
+      url: 'http://192.168.8.247:8081/general/market' // todo 换接口
+    })
     areaOptions.value = result.data || []
   } catch (error) {
     console.error('获取地区列表失败', error)
   }
 }
 
-const get = async () => {
-  console.log('===========================================' + checkTab.value)
+// 搜索方法
+const get = async function (val) {
   try {
+    // 搜索参数页码赋值
+    if (typeof val === 'number') {
+      pagination.value.pageNum = val
+    }
+    // 搜索参数时间赋值
+    if (dateRange.value != null) {
+      if (dateRange.value.length === 2) {
+        searchForm.value.startTime = moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss')
+        searchForm.value.endTime = moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss')
+      }
+    } else {
+      searchForm.value.startTime = ''
+      searchForm.value.endTime = ''
+    }
+    searchForm.value.sortField = sortField.value
+    searchForm.value.sortOrder = sortOrder.value
+
+    console.log('搜索参数', pagination.value)
+
     const params = {
       pageNum: pagination.value.pageNum,
       pageSize: pagination.value.pageSize,
@@ -208,111 +416,188 @@ const get = async () => {
         status: getCurrentStatus()
       }
     }
-    // 时间格式化
-    if (dateRange.value?.length === 2) {
-      params.detail.startDate = moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss')
-      params.detail.endDate = moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss')
-    }
 
-    const res = await request({
-      url: '/audit/audit/refund',
+    const result = await request({
+      url: '/audit/audit/refund', // todo 换接口
       data: params
     })
 
-    tableData.value = res.data?.list || []
-    pagination.value.total = res.data?.total || 0
-
-    fetchStats()
-  } catch (error) {
-    console.error('获取数据失败', error)
-  }
-}
-
-const fetchStats = async () => {
-  try {
-    const params = { ...searchForm.value, status: getCurrentStatus() }
-    const res = await request({
-      url: '/refund/RefundA',
-      data: params
+    // 合计数的接口
+    // 复制一份searchForm.value，去掉排序和状态
+    const searchForm1 = {...searchForm.value}
+    delete searchForm1.sortField
+    delete searchForm1.sortOrder
+    delete searchForm1.status
+    const result2 = await request({
+      url: '/refund/RefundA', // todo 换接口
+      data: searchForm1
     })
-
-    if (res.data) {
-      const data = res.data
-      stats.value = {
-        totalItems: data.raudit || 0,
-        totalCoins: data.sumRaudit || 0,
-        permanentCoins: data.permanentCoins || 0,
-        freeCoins: data.freeCoins || 0,
-        taskCoins: data.taskCoins || 0
-      }
+    // 统计合计数
+    if (result2.data) {
+      result2.data.forEach((item) => {
+        switch (item.auditStatus) {
+          case '待审核':
+            stats.value.totalItems = item.raudit || 0
+            stats.value.totalCoins = item.sumRaudit || 0
+            stats.value.permanentCoins = item.sumRaudit1 || 0
+            stats.value.freeCoins = item.sumRaudit2 || 0
+            stats.value.taskCoins = item.sumRaudit3 || 0
+            break
+          case '已通过':
+            stats.value.totalItems = item.raudit || 0
+            stats.value.totalCoins = item.sumRaudit || 0
+            stats.value.permanentCoins = item.sumRaudit1 || 0
+            stats.value.freeCoins = item.sumRaudit2 || 0
+            stats.value.taskCoins = item.sumRaudit3 || 0
+            break
+          case '已驳回':
+            stats.value.totalItems = item.raudit || 0
+            stats.value.totalCoins = item.sumRaudit || 0
+            stats.value.permanentCoins = item.sumRaudit1 || 0
+            stats.value.freeCoins = item.sumRaudit2 || 0
+            stats.value.taskCoins = item.sumRaudit3 || 0
+            break
+        }
+      })
     }
+
+    console.log('搜索对象', pagination.value)
+    // 存储表格数据
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
+    // 存储分页总数
+    pagination.value.total = result.data.total
+    console.log('total', pagination.value.total)
   } catch (error) {
-    console.error('获取统计信息失败', error)
+    console.log('请求失败', error)
   }
 }
 
-const handleSearch = () => {
+// 搜索
+const handleSearch = function () {
   pagination.value.pageNum = 1
   get()
 }
 
-const resetSearch = () => {
+// 重置
+const resetSearch = function () {
   searchForm.value = {
-    jwcode: '',
-    refundType: '',
-    refundGoods: '',
-    area: adminInfo.value.area === '总部' ? '' : adminInfo.value.area,
-    startDate: '',
-    endDate: ''
+    jwcode: null,
+    activity: "",
+    refundGoods: "",
+    market: "",
+    startTime: "",
+    endTime: ""
   }
   dateRange.value = []
   handleSearch()
 }
 
-// 转换格式 moment(param).format('YYYY-MM-DD HH:mm:ss')
 // 今天
-const getToday = () => {
+const getToday = function () {
   const today = new Date()
-  const start = moment(new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0)).format('YYYY-MM-DD HH:mm:ss')
-  const end = moment(new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1, 0, 0, 0)).format('YYYY-MM-DD HH:mm:ss')
-  dateRange.value = [start, end]
+  const startTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate()
+  )
+  const endTime = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + 1
+  )
+  dateRange.value = [startTime, endTime]
+  console.log('dateRange', dateRange.value)
   get()
 }
 
 // 昨天
-const getYesterday = () => {
+const getYesterday = function () {
   const yesterday = new Date()
   yesterday.setDate(yesterday.getDate() - 1)
-  const start = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate(), 0, 0, 0)
-  const end = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1, 0, 0, 0)
-  dateRange.value = [moment(start).format('YYYY-MM-DD HH:mm:ss'), moment(end).format('YYYY-MM-DD HH:mm:ss')]
+  const startDate = new Date(
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate()
+  )
+  const endDate = new Date(
+      yesterday.getFullYear(),
+      yesterday.getMonth(),
+      yesterday.getDate() + 1
+  )
+  dateRange.value = [startDate, endDate]
+  console.log('dateRange', dateRange.value)
   get()
 }
 
 // 近7天
-const get7Days = () => {
+const get7Days = function () {
   const today = new Date()
-  const start = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6, 0, 0, 0)
-  const end = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1, 0, 0, 0)
-  dateRange.value = [start,end]// 好像不转换也可以？？？？？？
+  const startDate = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() - 6
+  )
+  const endDate = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + 1
+  )
+  dateRange.value = [startDate, endDate]
+  console.log('dateRange', dateRange.value)
   get()
 }
-const switchTab = (tab) => {
-  checkTab.value = tab
-  pagination.value.pageNum = 1
-  get()
+
+// 切换标签页
+const handleClick = function (tab, event) {
+  activeName.value = tab.props.name
+  if (tab.props.name === 'wait') {
+    adminWait()
+  } else if (tab.props.name === 'pass') {
+    adminPass()
+  } else if (tab.props.name === 'reject') {
+    adminReject()
+  }
 }
 
 // 当前状态
 const getCurrentStatus = () => {
-  switch (checkTab.value) {
-    case 'pending': return STATUS.PENDING
-    case 'approved': return STATUS.APPROVED
-    case 'rejected': return STATUS.REJECTED
-    default: return ''
+  switch (activeName.value) {
+    case 'wait':
+      return STATUS.PENDING
+    case 'pass':
+      return STATUS.APPROVED
+    case 'reject':
+      return STATUS.REJECTED
+    default:
+      return ''
   }
 }
 
+// 待审核充值明细
+const adminWait = async function () {
+  searchForm.value.status = STATUS.PENDING
+  pagination.value.pageNum = 1
+  await get()
+  console.log('adminWait')
+}
+
+// 已通过充值明细
+const adminPass = async function () {
+  searchForm.value.status = STATUS.APPROVED
+  pagination.value.pageNum = 1
+  await get()
+  console.log('adminPass')
+}
+
+// 已驳回充值明细
+const adminReject = async function () {
+  searchForm.value.status = STATUS.REJECTED
+  pagination.value.pageNum = 1
+  await get()
+  console.log('adminReject')
+}
+
 const handlePagination = (type, val) => {
   if (type === 'size') {
     pagination.value.pageSize = val
@@ -322,88 +607,209 @@ const handlePagination = (type, val) => {
   get()
 }
 
-const handleAction = (type, row) => {
-  currentRecord.value = row
-  if (type === 'reject') {
-    rejectForm.value.reason = ''
-    rejectDialog.value = true
-  } else if (type === 'approve') {
-    approveRefund()
-  }
+// 通过按钮
+const pass = function (row) {
+  // 通过初始化
+  passObj.value = row
+  passObj.value.adminId = adminInfo.value.adminId
+  passObj.value.auditId = row.auditId
+  passObj.value.auditStatus = 1
+  passObj.value.refundId = row.refundId
+  passObj.value.detailId = row.detailId
+  passObj.value.jwcode = row.jwcode
+  passObj.value.paidGold = row.paidGold
+  passObj.value.freeGold = row.freeGold
+  passObj.value.adminName = adminInfo.value.adminName
+
+  console.log('通过对象', passObj.value)
 }
 
-const approveRefund = async () => {
+// 通过确认
+const passConfirm = async function (row) {
   try {
-    const params = {
-      adminId: adminInfo.value.adminId,
-      auditId: currentRecord.value.auditId,
-      status: STATUS.APPROVED,
-      refundId: currentRecord.value.refundId
-    }
-
-    await request({
-      url: '/audit/audit/edit',
-      data: params
+    pass(row)
+    // 也许大概应该在点击确认时改变状态
+    passObj.value.auditStatus = 1
+    console.log('通过对象', passObj.value)
+    // 发送POST请求
+    // passObj.value.flag = 0;
+    const result = await request({
+      url: '/audit/audit/goldedit', // todo 换接口
+      data: passObj.value
     })
-
-    ElMessage.success('退款已批准')
+    console.log('请求成功', result)
     get()
+    // 提示
+    ElMessage({
+      type: 'success',
+      message: '通过成功！'
+    })
   } catch (error) {
-    console.error('批准失败', error)
-    ElMessage.error('操作失败')
+    console.error('请求失败', error);
+    ElMessage({
+      type: 'error',
+      message: '出错了，不知道咋回事'
+    });
   }
 }
 
-const rejectRefund = async () => {
-  if (!rejectForm.value.reason) {
-    ElMessage.warning('请输入驳回理由')
-    return
-  }
-
-  try {
-    const params = {
-      adminId: adminInfo.value.adminId,
-      auditId: currentRecord.value.auditId,
-      status: STATUS.REJECTED,
-      refundId: currentRecord.value.refundId,
-      reason: rejectForm.value.reason
-    }
+// 打开驳回弹出框
+const openRejectVisible = function () {
+  rejectVisible.value = true
+}
 
-    await request({
-      url: '/audit/audit/edit',
-      data: params
-    })
+// 关闭驳回弹出框
+const closeRejectVisible = function () {
+  rejectVisible.value = false
+}
 
-    ElMessage.success('退款已驳回')
-    rejectDialog.value = false
-    get()
-  } catch (error) {
-    console.error('驳回失败', error)
-    ElMessage.error('操作失败')
-  }
+// 驳回按钮
+const reject = function (row) {
+  // 驳回初始化
+  rejectObj.value.adminId = adminInfo.value.adminId
+  rejectObj.value.auditId = row.auditId
+  rejectObj.value.auditStatus = 2
+  rejectObj.value.reason = ''
+  rejectObj.value.refundId = row.refundId
+  rejectObj.value.detailId = row.detailId
+  console.log('驳回对象', rejectObj.value)
+  openRejectVisible()
 }
 
-onMounted(async () => {
-  await fetchAdminInfo()// 用户信息要挂吗
+// 驳回确认
+const rejectConfirm = async function () {
+  Ref.value.validate(async (valid) => {
+    if (valid) {
+      try {
+        console.log('驳回对象', rejectObj.value)
+        // 发送POST请求
+        const result = await request({
+          url: '/audit/audit/goldedit',// todo 换接口
+          data: rejectObj.value
+        })
+        console.log('请求成功', result)
+        get()
+        closeRejectVisible()// 关闭弹出框
+        ElMessage({
+          type: 'success',
+          message: '驳回成功！'
+        })
+      } catch (error) {
+        console.log('请求失败', error)
+      }
+    } else {
+      ElMessage({
+        type: 'error',
+        message: '请检查输入内容'
+      })
+    }
+  })
+}
 
-  await fetchProducts()
-  await fetchAreas()
+// 处理排序事件
+const handleSortChange = (column) => {
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'money') {
+    sortField.value = 'recharge_coin'
+  } else if (column.prop === 'freeGold') {
+    sortField.value = 'free_gold'
+  } else if (column.prop === 'createTime') {
+    sortField.value = 'create_time'
+  } else if (column.prop === 'auditTime') {
+    sortField.value = 'audit_time'
+  } else if (column.prop === 'permanentGold') {
+    sortField.value = 'permanent_gold'
+  } else if (column.prop === 'taskGold') {
+    sortField.value = 'task_gold'
+  }
+  sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
   get()
+}
+/*
+======================挂载=========================
+*/
+// 挂载
+onMounted(async function () {
+  await getAdminData()
+  await getActivity()
+  await getProducts()
+  await getMarket()
+  await get()
 })
 </script>
 
 <style scoped>
-.quickly-buttons {
-  margin-left: 10px;
+.pagination {
+  display: flex;
 }
 
-.stats-info {
-  padding: 3px;
-  background-color: #f5f7fa;
+.operation {
+  display: flex;
 }
 
-.pagination {
-  margin-top: 20px;
-  justify-content: flex-end;
+.green-dot {
+  background-color: #67C23A;
+}
+
+.grey-dot {
+  background-color: #909399;
+}
+
+.red-dot {
+  background-color: #F56C6C;
+}
+
+.time-controls {
+  display: flex;
+  align-items: center;
+}
+
+.time-group {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.quick-buttons {
+  display: flex;
+  align-items: center;
+}
+
+.status {
+  display: flex;
+  align-items: center;
+  /* 确保子元素垂直居中对齐 */
+  gap: 6px;
+  /* 设置圆点和文字之间的间距 */
+}
+
+.green-dot,
+.grey-dot,
+.red-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  /* 防止圆点在空间不足时缩小 */
+  margin: 0;
+  /* 移除原有的 margin-right */
+}
+
+/* 备注列样式 */
+.remark-cell {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 设置单元格内容溢出隐藏 */
+.el-table .el-table__cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/consume/coinConsumeDetail.vue b/src/views/consume/coinConsumeDetail.vue
index 3f6a79e..e2af28e 100644
--- a/src/views/consume/coinConsumeDetail.vue
+++ b/src/views/consume/coinConsumeDetail.vue
@@ -5,31 +5,20 @@ import request from '@/util/http'
 
 // 之后整理一下
 
+/*
+====================工具方法==============================
+*/
+
 // 时间格式化
 const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
 
-// 变量
-
+/*
+====================数据=================================
+*/
 //这是获取用户信息的接口
 const adminData = ref({})
-
-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 tableData = ref([])
-// 搜索======================================
 
 // 搜索consumeUser 表单
 const consumeUser = ref({
@@ -40,8 +29,12 @@ const consumeUser = ref({
   startTime: '',
   endTime: '',
 
-  goodsName: ""
+  goodsName: '',
+
+
 })
+
+
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
@@ -98,13 +91,35 @@ const totalGold = ref(0)
 const permanentGolds = ref(0)
 const freeGolds = ref(0)
 const taskGolds = ref(0)
+// 查询商品的接口的表单
+const goods = ref([])
 
-// 计算总金币数
-const sumGold = computed(() => permanentGolds.value + freeGolds.value + taskGolds.value)
-// 方法
+const totalGoldSearch = ref({
+  payPlatform: "",
+  market: "",
+  startTime: "",
+  endTime: "",
+  goodsName: ""
+})
+
+/*
+====================方法=================================
+*/
+// 获取登录用户信息
+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 {
@@ -135,33 +150,42 @@ const ConsumeSelectBy = async function (val) {
 
     // 发送POST请求
     const result = await request({
-      // url: 'consumeUser/selectBy',
       url: 'http://192.168.8.247:8081/consume/selectBy',
       data: {
         pageNum: getObj.value.pageNum,
         pageSize: getObj.value.pageSize,
-        consumeUser: consumeUser.value
+        consumeUser: {
+          ...consumeUser.value,
+          sortField: sortField.value,
+          sortOrder: sortOrder.value
+        }
       }
     })
 
+    console.log('请求成功2', sortField)
+
     // 合计数的接口
     // 复制一份 detail.value 并移除排序字段和排序方式
     const detailWithoutSort = {...consumeUser.value}
     delete detailWithoutSort.sortField
     delete detailWithoutSort.sortOrder
-// 这个接口不知道传什么
+
+
+    // 赋值
+    totalGoldSearch.value.startTime = consumeUser.value.startTime
+    totalGoldSearch.value.endTime = consumeUser.value.endTime
+    totalGoldSearch.value.payPlatform = consumeUser.value.payPlatform
+    totalGoldSearch.value.market = consumeUser.value.market
+    totalGoldSearch.value.goodsName = consumeUser.value.goodsName
+//
     const resultTotalGold = await request({
       // url: 'http://192.168.8.247:8081/consume/statsGold',
       url: 'http://192.168.8.247:8081/consume/statsGold',
-      // data: {
-      //   pageNum: getObj.value.pageNum,
-      //   pageSize: getObj.value.pageSize,
-      //   consumeUser: consumeUser.value
-      // }
+      data: totalGoldSearch.value
 
     })
 
-    console.log("总计",resultTotalGold)
+    console.log("总计", resultTotalGold)
 
     if (resultTotalGold.code === 200 && resultTotalGold.data) {
       const data = resultTotalGold.data
@@ -182,7 +206,7 @@ const ConsumeSelectBy = async function (val) {
     }
 
     const sumGoldList = tableData.value.map(item => item.sumGold);
-    console.log("sumGold",sumGoldList); // 输出包含所有 sumGold 值的数组
+    console.log("sumGold", sumGoldList); // 输出包含所有 sumGold 值的数组
 
     console.log('@@@@@@@@@@tableDataT', tableDataTotal.value.list)
 
@@ -292,9 +316,7 @@ const get7Days = function () {
   console.log('getTime', getTime.value)
   ConsumeSelectBy()
 }
-
-// 查询商品的接口
-const goods = ref([])
+// 获取商品列表
 const getGoods = async function () {
   try {
     // 发送POST请求
@@ -335,19 +357,18 @@ const getMarket = async function () {
   }
 }
 
-
 // 处理排序事件
 const handleSortChange = (column) => {
   console.log('排序字段：', column.prop)
   console.log('排序方式：', column.order)
   if (column.prop === 'permanentGold') {
-    sortField.value = 'recharge_coin'
+    sortField.value = 'permanentGold'
   } else if (column.prop === 'taskGold') {
-    sortField.value = 'task_coin'
+    sortField.value = 'taskGold'
   } else if (column.prop === 'freeGold') {
-    sortField.value = 'free_coin'
+    sortField.value = 'freeGold'
   } else if (column.prop === 'createTime') {
-    sortField.value = 'create_time'
+    sortField.value = 'createTime'
   }
   sortOrder.value = column.order === 'ascending' ? 'DESC' : 'ASC'
   ConsumeSelectBy()
@@ -388,7 +409,23 @@ const checkNumber = function () {
     })
   }
 }
-// 挂载
+
+/*
+====================计算属性=================================
+*/
+
+// 计算总金币数
+const sumGold = computed(() => permanentGolds.value + freeGolds.value + taskGolds.value)
+
+/*
+====================监听=================================
+*/
+
+/*
+====================挂载=================================
+*/
+
+
 onMounted(async function () {
   await getAdminData()
   await ConsumeSelectBy()
@@ -610,7 +647,7 @@ onMounted(async function () {
               </template>
             </el-table-column>
             <el-table-column
-                prop="taskCold"
+                prop="taskGold"
                 label="任务金币"
                 sortable="“custom”"
                 width="110px"
diff --git a/src/views/managerecharge/rate.vue b/src/views/managerecharge/rate.vue
index ae27282..ca9d00f 100644
--- a/src/views/managerecharge/rate.vue
+++ b/src/views/managerecharge/rate.vue
@@ -3,32 +3,27 @@ import {onMounted, reactive, ref} from 'vue'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import request from '@/util/http'
 
+/*
+====================工具方法=========================
+*/
+
+/*
+====================数据===================================
+*/
+
 // 查询当前登录的信息
 const adminData = ref({
   adminId: '',
   name: ''
 })
 
-const getAdminData = async function () {
-  try {
-    const result = await request({
-      url: '/admin/userinfo',
-      data: {}
-    })
-    adminData.value = result
-    rateEdit.value.adminId = adminData.value.adminId
-    console.log('请求成功', result)
-  } catch (error) {
-    console.log('请求失败', error)
-  }
-}
-
 // 默认 编辑板块是关的
 const regeEdit = ref(false)
 
 // 表单引用(根据id获取信息后 将内容存到编辑表单)
 const editFormRef = ref(null)
 
+
 //汇率表格数据
 const tableData = ref([])
 
@@ -40,7 +35,92 @@ const getObj = ref({
 
 const total = ref(0)
 
+// 编辑方法 表单
+const rateEdit = ref({
+  id: null,
+  rateName: '',
+  num: null,
+  adminId: null,
+  updateTime: Date.now(),
+})
+//货币条目
+const rateNames = [
+  {
+    value: 'USD',
+    label: 'USD'
+  },
+  {
+    value: 'HKD',
+    label: 'HKD'
+  },
+  {
+    value: 'THB',
+    label: 'THB'
+  },
+  {
+    value: 'VND',
+    label: 'VND'
+  },
+  {
+    value: 'CAD',
+    label: 'CAD'
+  },
+  {
+    value: 'MYR',
+    label: 'MYR'
+  },
+  {
+    value: 'KRW',
+    label: 'KRW'
+  },
+  {
+    value: 'JPY',
+    label: 'JPY'
+  },
+  {
+    value: 'CNY',
+    label: 'CNY'
+  }
+]
+// 汇率校验
+const checkFreeGoldRadio = function (rule, value, callback) {
+  if (value == '0' || value == null || value == '') {
+    callback(new Error('请输入汇率比'))
+  } else if (value < 0 || isNaN(value)) {
+    callback(new Error('请输入正确的格式'))
+  } else {
+    callback()
+  }
+}
+// 定义表单验证规则
+const rules = reactive({
+  rateName: [{required: true, message: '请选择货币名称', trigger: 'blur'}],
+  num: [{validator: checkFreeGoldRadio, trigger: 'blur'}],
+})
+
+// 表单大小
+const formSize = ref('default')
+
+/*
+====================方法=========================
+*/
 
+// 获取当前登录信息
+const getAdminData = async function () {
+  try {
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    rateEdit.value.adminId = adminData.value.adminId
+    console.log('请求成功', result)
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+
+// 获取所有汇率 列表
 const getAllRate = async function (val) {
   try {
     // 搜索参数页码赋值
@@ -72,26 +152,19 @@ const getAllRate = async function (val) {
   }
 }
 
+// 获取分页数据
 const handlePageSizeChange = function (val) {
   getObj.value.pageSize = val
   getAllRate()
 }
 
+// 获取分页数据
 const handleCurrentChange = function (val) {
   getObj.value.pageNum = val
   getAllRate()
 }
 
-// 编辑方法 表单
-const rateEdit = ref({
-  id: null,
-  rateName: '',
-  num: null,
-  adminId: null,
-  updateTime: Date.now(),
-})
-
-//查询已有的数据
+//查询已有的数据（根据id）
 const getEditData = async function (row) {
   try {
     console.log('搜索参数', getObj.value)
@@ -116,7 +189,7 @@ const getEditData = async function (row) {
     console.log('请求失败', error)
   }
 }
-
+// 编辑汇率
 const editRate = async function () {
   try {
     console.log('搜索参数', rateEdit.value)
@@ -132,6 +205,8 @@ const editRate = async function () {
     console.log('请求失败', error)
   }
 }
+
+// 编辑确认
 const edit = () => {
   ElMessageBox.confirm('确认修改？')
       .then(() => {
@@ -149,61 +224,14 @@ const cancelEdit = () => {
 
 }
 
-
+// 关闭编辑弹窗
 const handleEditDialogClose = () => {
   if (editFormRef.value) {
     getAllRate()
   }
 }
 
-
-// 挂载
-onMounted(async function () {
-  await getAllRate()
-  await getAdminData()
-})
-
-
-//货币条目
-const options = [
-  {
-    value: 'USD',
-    label: 'USD'
-  },
-  {
-    value: 'HKD',
-    label: 'HKD'
-  },
-  {
-    value: 'THB',
-    label: 'THB'
-  },
-  {
-    value: 'VND',
-    label: 'VND'
-  },
-  {
-    value: 'CAD',
-    label: 'CAD'
-  },
-  {
-    value: 'MYR',
-    label: 'MYR'
-  },
-  {
-    value: 'KRW',
-    label: 'KRW'
-  },
-  {
-    value: 'JPY',
-    label: 'JPY'
-  },
-  {
-    value: 'CNY',
-    label: 'CNY'
-  }
-]
-
+// 日期格式化
 function formatDate(value) {
   if (!value) return ''
   const date = new Date(value)
@@ -217,51 +245,55 @@ function formatDate(value) {
 }
 
 
-const checkFreeGoldRadio = function (rule, value, callback) {
-  if (value == '0' || value == null || value == '') {
-    callback(new Error('请输入汇率比'))
-  } else if (value < 0 || isNaN(value)) {
-    callback(new Error('请输入正确的格式'))
-  } else {
-    callback()
-  }
-}
-const rules = reactive({
-  rateName: [{required: true, message: '请选择货币名称', trigger: 'blur'}],
-  num: [{validator: checkFreeGoldRadio, trigger: 'blur'}],
-})
 
+// 输入框过滤
 function handleInput(value) {
-  // 初始过滤非数字和小数点字符
-  let validValue = value.replace(/[^\d.]/g, '');
+  // 检查是否使用了中文句号
+  if (value.includes('。') || /[^\d.]/g.test(value)) {
+    ElMessage.warning('请输入正确的符号');
+    // value = value.replace('。', '.');
+  }
+
 
   // 处理多个小数点的情况，保留第一个，移除后续的
-  const parts = validValue.split('.');
+  const parts = value.split('.');
   if (parts.length > 2) {
-    validValue = parts[0] + '.' + parts.slice(1).join('');
-    ElMessage.warning('请输入正确格式');
+    value = parts[0] + '.' + parts.slice(1).join('');
+    ElMessage.warning('只能包含一个小数点');
   }
 
-  // 限制小数点后最多7位
-  const [integerPart, decimalPart = ''] = validValue.split('.');
-  if (decimalPart.length > 7) {
-    validValue = `${integerPart}.${decimalPart.slice(0, 7)}`;
-    ElMessage.warning('最多只能输入7位小数');
+  // 禁止输入负数
+  if (value.startsWith('-')) {
+    ElMessage.warning('不允许输入负数');
+    value = value.substring(1);
   }
 
-  // 最终格式验证
-  const isValidFormat = /^\d+(\.\d{0,7})?$/.test(validValue);
-  if (value && !isValidFormat) {
-    ElMessage.warning('请输入正确的数字格式');
+  // 小数点前没有数字时补0
+  if (value.startsWith('.')) {
+    value = '0' + value;
+    ElMessage.info('已自动补充前导0');
   }
 
   // 更新表单值
-  rateEdit.value.num = validValue;
-  return validValue;
+  rateEdit.value.num = value;
+  return value;
 }
 
-// 表单大小
-const formSize = ref('default')
+/*
+====================监听=========================
+*/
+
+/*
+====================挂载=========================
+*/
+
+// 挂载
+onMounted(async function () {
+  await getAllRate()
+  await getAdminData()
+})
+
+
 </script>
 
 
@@ -362,7 +394,7 @@ const formSize = ref('default')
               style="width: 240px"
           >
             <el-option
-                v-for="item in options"
+                v-for="item in rateNames"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"