From 44e43d81f36e69cac143972fa9e0c5e42595dd7a Mon Sep 17 00:00:00 2001
From: Songsl <2431955898@qq.com>
Date: Sun, 26 Apr 2026 15:34:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=98=E6=AC=BE=EF=BC=8C=E5=AD=98=E6=AC=BE?=
 =?UTF-8?q?=E6=B8=A0=E9=81=93=EF=BC=8C=E5=85=85=E5=80=BC=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/capital/rechangeChanl.ts      |  18 +
 .../{system => capital}/rechargeCheck.ts      |   4 +
 src/api/modules/order/rechange.ts             |  13 +
 src/api/modules/system/rechargeOrder.ts       |   6 -
 src/components/common/Form.vue                |   6 +-
 src/components/common/Table.vue               | 114 ++++--
 src/utils/handleTime.ts                       |  32 ++
 src/views/capital/rechangeChanl/index.vue     | 188 ++++++++-
 src/views/capital/rechangeChanl/options.ts    |  67 +++-
 src/views/capital/rechangeCheck/index.vue     | 365 +++++++++---------
 src/views/capital/rechangeCheck/options.ts    |  66 ++--
 src/views/mould/handleFee/index.vue           |   4 +-
 src/views/order/rechange/index.vue            | 267 +++++++------
 src/views/order/rechange/options.ts           | 104 ++---
 14 files changed, 799 insertions(+), 455 deletions(-)
 create mode 100644 src/api/modules/capital/rechangeChanl.ts
 rename src/api/modules/{system => capital}/rechargeCheck.ts (57%)
 create mode 100644 src/api/modules/order/rechange.ts
 delete mode 100644 src/api/modules/system/rechargeOrder.ts
 create mode 100644 src/utils/handleTime.ts

diff --git a/src/api/modules/capital/rechangeChanl.ts b/src/api/modules/capital/rechangeChanl.ts
new file mode 100644
index 0000000..63189d4
--- /dev/null
+++ b/src/api/modules/capital/rechangeChanl.ts
@@ -0,0 +1,18 @@
+import { request } from '@/api'
+
+// 获取入金渠道列表
+export const getChannelList = () => {
+  return request.get('/channel/getChannelList')
+}
+// 创建入金渠道列表
+export const createChannel = (params: any) => {
+  return request.post('/channel/createChannel', { ...params })
+}
+// 编辑入金渠道列表
+export const editChannel = (params: any) => {
+  return request.post('/channel/editChannel', { ...params })
+}
+// 删除入金渠道列表
+export const delChannel = (params: any) => {
+  return request.post('/channel/delChannel', { ...params })
+}
diff --git a/src/api/modules/system/rechargeCheck.ts b/src/api/modules/capital/rechargeCheck.ts
similarity index 57%
rename from src/api/modules/system/rechargeCheck.ts
rename to src/api/modules/capital/rechargeCheck.ts
index 1a0f8e0..137cda9 100644
--- a/src/api/modules/system/rechargeCheck.ts
+++ b/src/api/modules/capital/rechargeCheck.ts
@@ -4,3 +4,7 @@ import { request } from '@/api';
 export const getRechargeCheckListApi = (params: any) => {
     return request.get('/user/rechargeReviewList', { ...params })
 }
+// 充值审核
+export const reviewRechargeOrder = (params: any) => {
+  return request.post('/user/reviewRechargeOrder', { ...params })
+}
diff --git a/src/api/modules/order/rechange.ts b/src/api/modules/order/rechange.ts
new file mode 100644
index 0000000..0d6b76b
--- /dev/null
+++ b/src/api/modules/order/rechange.ts
@@ -0,0 +1,13 @@
+import { request } from '@/api'
+
+// 获取充值订单列表
+export const getRechargeOrderListApi = (params: any) => {
+  return request.get('/user/rechargeList', { ...params })
+}
+
+// 审核充值订单
+export const reviewRechargeOrder = (params: any) => {
+  return request.post('/user/reviewRechargeOrder', { ...params })
+}
+
+
diff --git a/src/api/modules/system/rechargeOrder.ts b/src/api/modules/system/rechargeOrder.ts
deleted file mode 100644
index a27cfff..0000000
--- a/src/api/modules/system/rechargeOrder.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { request } from '@/api';
-
-// 获取充值订单列表
-export const getRechargeOrderListApi = (params: any) => {
-    return request.get('/user/rechargeList', { ...params })
-}
diff --git a/src/components/common/Form.vue b/src/components/common/Form.vue
index 5210e66..d889e70 100644
--- a/src/components/common/Form.vue
+++ b/src/components/common/Form.vue
@@ -30,7 +30,7 @@
               show-password
               type="password"
             />
-            <!-- 密码输入框 -->
+            <!-- 长文本输入框 -->
             <el-input
               v-else-if="item.type === 'textarea'"
               v-model="formData[item.prop]"
@@ -75,6 +75,8 @@
               :max="item.max"
               :placeholder="item.placeholder"
               :disabled="item.disabled"
+              :controls="item.controls ?? true"
+              :align="item.align || 'left'"
               style="width: 100%"
             />
 
@@ -175,6 +177,8 @@ interface FormItem {
   clearable?: boolean
   disabledDate?: (time: Date) => boolean
   isRange?: boolean
+  controls?: boolean
+  align?: string
 }
 
 interface Props {
diff --git a/src/components/common/Table.vue b/src/components/common/Table.vue
index 636dccb..ad38b52 100644
--- a/src/components/common/Table.vue
+++ b/src/components/common/Table.vue
@@ -1,70 +1,106 @@
 <template>
-    <div class="table-container">
-        <el-table height="100%" :data="tableData" :row-key="rowKey" :tree-props="treeProps" :border="border"
-            :highlight-current-row="highlightCurrentRow" v-bind="$attrs" @row-click="handleRowClick">
-            <!-- 动态表头列 -->
-            <template v-for="(column, index) in columns" :key="index">
-                <el-table-column v-if="!column.slotName" :prop="column.prop" :label="column.label" :width="column.width"
-                    :align="column.align || 'left'" :sortable="column.sortable" />
+  <div class="table-container">
+    <el-table
+      ref="tableRef"
+      height="100%"
+      :data="tableData"
+      :row-key="rowKey"
+      :tree-props="treeProps"
+      :border="border"
+      :highlight-current-row="highlightCurrentRow"
+      v-bind="$attrs"
+      @row-click="handleRowClick"
+    >
+      <!-- 动态表头列 -->
+      <template v-for="(column, index) in columns" :key="index">
+        <el-table-column
+          v-if="column.type === 'index'"
+          type="index"
+          :label="column.label"
+          :width="column.width || 60"
+          :align="column.align || 'center'"
+        />
+        <el-table-column
+          v-else-if="!column.slotName"
+          :prop="column.prop"
+          :label="column.label"
+          :width="column.width"
+          :align="column.align || 'left'"
+          :sortable="column.sortable"
+        />
 
-                <!-- 具名插槽列 -->
-                <el-table-column v-else :label="column.label" :width="column.width" :align="column.align || 'left'">
-                    <template #default="{ row }">
-                        <slot :name="column.slotName" :row="row" />
-                    </template>
-                </el-table-column>
-            </template>
-        </el-table>
-    </div>
+        <!-- 具名插槽列 -->
+        <el-table-column
+          v-else
+          :label="column.label"
+          :width="column.width"
+          :align="column.align || 'left'"
+        >
+          <template #default="{ row }">
+            <slot :name="column.slotName" :row="row" />
+          </template>
+        </el-table-column>
+      </template>
+    </el-table>
+  </div>
 </template>
 
 <script setup lang="ts">
+import type { TableInstance } from 'element-plus'
 // 定义表格列配置接口
 interface TableColumn {
-    prop?: string
-    label: string
-    width?: string | number
-    align?: 'left' | 'center' | 'right'
-    slotName?: string // 具名插槽名称
-    sortable?: boolean // 是否可排序
+  prop?: string
+  type?: string
+  label: string
+  width?: string | number
+  align?: 'left' | 'center' | 'right'
+  slotName?: string // 具名插槽名称
+  sortable?: boolean // 是否可排序
 }
 
 // 定义表格组件属性接口
 interface Props {
-    tableData: any[]
-    rowKey?: string
-    treeProps?: {
-        children: string
-    }
-    columns?: TableColumn[],
-    border?: boolean // 是否显示边框
-    highlightCurrentRow?: boolean // 是否高亮当前行
+  tableData: any[]
+  rowKey?: string
+  treeProps?: {
+    children: string
+  }
+  columns?: TableColumn[]
+  border?: boolean // 是否显示边框
+  highlightCurrentRow?: boolean // 是否高亮当前行
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    border: true,
-    highlightCurrentRow: true,
+  border: true,
+  highlightCurrentRow: true,
 })
 
 // 定义组件抛出的事件
 const emit = defineEmits<{
-    (e: 'row-click', row: any): void // 保留原有行点击事件
+  (e: 'row-click', row: any): void // 保留原有行点击事件
 }>()
 
 /**
  * 处理行点击事件（兼容原有逻辑）
  */
 const handleRowClick = (row: any) => {
-    // 增加空值保护，避免传递 null 给父组件
-    if (!row) return
-    emit('row-click', row)
+  // 增加空值保护，避免传递 null 给父组件
+  if (!row) return
+  emit('row-click', row)
 }
+
+const tableRef = ref<TableInstance>()
+
+// 暴露清除当前选中行的方法
+defineExpose({
+  clearCurrentRow: () => tableRef.value?.setCurrentRow(),
+})
 </script>
 
 <style scoped lang="scss">
 .table-container {
-    width: 100%;
-    height: calc(100vh - 180px);
-    overflow: hidden;
+  width: 100%;
+  height: calc(100vh - 180px);
+  overflow: hidden;
 }
 </style>
diff --git a/src/utils/handleTime.ts b/src/utils/handleTime.ts
new file mode 100644
index 0000000..de95861
--- /dev/null
+++ b/src/utils/handleTime.ts
@@ -0,0 +1,32 @@
+/**
+ * 获取近七天的开始和结束时间
+ * @param format 日期格式，默认 'YYYY-MM-DD HH:mm:ss'
+ *   YYYY - 年, MM - 月, DD - 日, HH - 时, mm - 分, ss - 秒
+ * @returns { start: string, end: string }
+ */
+export const getRecentSevenDays = (format = 'YYYY-MM-DD HH:mm:ss'):{ start: string, end: string } => {
+  const now = new Date()
+  const sevenDaysAgo = new Date(now)
+  sevenDaysAgo.setDate(now.getDate() - 7)
+
+  const formatDateTime = (date: Date) => {
+    const tokens: Record<string, string> = {
+      YYYY: String(date.getFullYear()),
+      MM: String(date.getMonth() + 1).padStart(2, '0'),
+      DD: String(date.getDate()).padStart(2, '0'),
+      HH: String(date.getHours()).padStart(2, '0'),
+      mm: String(date.getMinutes()).padStart(2, '0'),
+      ss: String(date.getSeconds()).padStart(2, '0'),
+    }
+    let result = format
+    for (const [token, value] of Object.entries(tokens)) {
+      result = result.replace(token, value)
+    }
+    return result
+  }
+
+  return {
+    start: formatDateTime(sevenDaysAgo),
+    end: formatDateTime(now),
+  }
+}
diff --git a/src/views/capital/rechangeChanl/index.vue b/src/views/capital/rechangeChanl/index.vue
index 7c59e97..c5aeb38 100644
--- a/src/views/capital/rechangeChanl/index.vue
+++ b/src/views/capital/rechangeChanl/index.vue
@@ -1,34 +1,188 @@
 <template>
-    <div class="deposit-channel">
-        <div class="bar">
-            <el-button type="primary" @click="handleAdd">添加</el-button>
-            <el-button type="danger" @click="handleEnable">启用</el-button>
-            <el-button type="danger" @click="handleDisable">禁用</el-button>
-        </div>
-         <DepositChannelTable :table-data="tableTree" :columns="tableColumnsOptions" row-key="id"/>
+  <div class="deposit-channel">
+    <div class="bar">
+      <el-button type="primary" @click="handleAdd">添加</el-button>
+      <el-button type="primary" @click="handleEdit">编辑</el-button>
+      <el-button type="danger" @click="handleDelete">删除</el-button>
     </div>
+    <DepositChannelTable
+      ref="tableRef"
+      :table-data="tableData"
+      :columns="tableColumnsOptions"
+      row-key="id"
+      @rowClick="handleRowClick"
+    />
+    <el-dialog
+      v-model="dialogVisible"
+      :title="dialogTitleType === 1 ? '添加充值渠道' : '编辑充值渠道'"
+      width="700"
+    >
+      <Form
+        :formItems="formItems"
+        :formRules="formRules"
+        :formData="formData"
+        :optionsMap="optionsMap"
+      />
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="submitDetail">确认</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 <script setup lang="ts">
 //组件
 import DepositChannelTable from '@/components/common/Table.vue'
-import { tableColumns } from './options'
+import Form from '@/components/common/Form.vue'
+import { tableColumns, formItemsData, formRulesData, optionsMapData } from './options'
+import {
+  getChannelList,
+  createChannel,
+  editChannel,
+  delChannel,
+} from '@/api/modules/capital/rechangeChanl.ts'
+import { ElMessageBox } from 'element-plus'
 
+type ChannelType = {
+  id?: number
+  name: string
+  channel_fee: number | null
+  type: number | null
+  api_url: string
+  api_appid: string
+  api_key: string
+  status: number
+}
+
+const getTypeText = (type: number | string) => {
+  return ['', '法币', '数字货币'][type]
+}
+
+const getStatusText = (status: number | string) => {
+  return ['', '正常', '禁用'][status]
+}
+
+const initData = async () => {
+  const res = await getChannelList()
+  console.log(res)
+  tableData.value = res.map((item: ChannelType) => ({
+    ...item,
+    typeStr: getTypeText(item.type),
+    statusStr: getStatusText(item.status),
+  })) as ChannelType[]
+  clearSelection()
+}
 
 //表格数据
 const tableColumnsOptions = ref(tableColumns)
-const tableTree = ref([])
+const tableData = ref([])
+const tableRef = ref()
+
+const dialogVisible = ref(false)
+const dialogTitleType = ref(1)
+const formData = ref({
+  name: '',
+  channel_fee: null,
+  type: null,
+  api_url: '',
+  api_appid: '',
+  api_key: '',
+  status: 1,
+})
+const formItems = ref(formItemsData)
+const formRules = ref(formRulesData)
+const optionsMap = ref(optionsMapData)
+const submitDetail = async () => {
+  dialogVisible.value = false
+  if (dialogTitleType.value === 1) {
+    await createChannel(formData.value)
+  } else {
+    await editChannel(formData.value)
+  }
+  await initData()
+}
+
+let currentRow: any = {}
+
+const handleRowClick = (row: any) => {
+  console.log('handleRowClick', row)
+  currentRow = row
+}
+
+const resetFormData = () => {
+  formData.value = {
+    name: '',
+    channel_fee: null,
+    type: null,
+    api_url: '',
+    api_appid: '',
+    api_key: '',
+    status: 1,
+  }
+}
+
+const handleAdd = () => {
+  dialogVisible.value = true
+  dialogTitleType.value = 1
+  resetFormData()
+}
+
+const handleEdit = () => {
+  if (!currentRow.id) return ElMessage.warning('请先选择要编辑的记录')
+
+  dialogVisible.value = true
+  dialogTitleType.value = 2
+  formData.value = {
+    id: currentRow.id,
+    name: currentRow.name,
+    channel_fee: currentRow.channel_fee,
+    type: currentRow.type,
+    api_url: currentRow.api_url,
+    api_appid: currentRow.api_appid,
+    api_key: currentRow.api_key,
+    status: currentRow.status,
+  }
+}
+
+const handleDelete = () => {
+  console.log('handleDisable')
+  ElMessageBox.confirm('确认删除吗？', '提示', {
+    type: 'warning',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+  })
+    .then(async () => {
+      await delChannel({ id: currentRow.id })
+      await initData()
+    })
+    .catch(() => {
+      console.log('取消删除')
+    })
+}
+
+const clearSelection = () => {
+  currentRow = {}
+  nextTick(() => {
+    tableRef.value?.clearCurrentRow() // 调用子组件方法取消高亮
+  })
+}
+
+onMounted(() => {
+  initData()
+})
 </script>
 <style scoped>
 .deposit-channel {
-    .bar {
-        margin-bottom: 10px;
-        display: flex;
-        align-items: center;
+  .bar {
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
 
-        span {
-            margin-right: 10px;
-        }
+    span {
+      margin-right: 10px;
     }
-
+  }
 }
 </style>
diff --git a/src/views/capital/rechangeChanl/options.ts b/src/views/capital/rechangeChanl/options.ts
index ba2b4d8..ed1b8d2 100644
--- a/src/views/capital/rechangeChanl/options.ts
+++ b/src/views/capital/rechangeChanl/options.ts
@@ -1,9 +1,60 @@
 export const tableColumns = [
-    //序号
-    { label: '序号', prop: 'index' },
-    //存款渠道名称
-    { label: '存款渠道名称', prop: 'depositChannelName' },
-    //状态
-    { label: '状态', slotName: 'status' },
-    
-]
\ No newline at end of file
+  //序号
+  { label: '序号', type: 'index', width: 60, align: 'center' },
+  //存款渠道名称
+  { label: '渠道名称', prop: 'name' },
+  //存款渠道费用
+  { label: '渠道费用', prop: 'channel_fee' },
+  //存款渠道类型
+  { label: '类型', prop: 'typeStr' },
+  // 接口地址
+  { label: '接口地址', prop: 'api_url' },
+  // 接口appid
+  { label: '接口appid', prop: 'api_appid' },
+  { label: '状态', prop: 'statusStr' },
+]
+
+export const formItemsData = [
+  { label: '渠道名称', prop: 'name', type: 'input', placeholder: '请输入渠道名称' },
+  {
+    label: '渠道费用',
+    prop: 'channel_fee',
+    type: 'number',
+    min: 0,
+    max: 999999,
+    controls: false,
+    placeholder: '请输入渠道费用',
+
+  },
+  {
+    label: '类型',
+    prop: 'type',
+    type: 'select',
+    placeholder: '请选择类型',
+  }, // 类型:1法币,2数字货币
+  { label: '接口地址', prop: 'api_url', type: 'input', placeholder: '请输入接口地址' },
+  { label: '接口appid', prop: 'api_appid', type: 'input', placeholder: '请输入接口appid' },
+  { label: '接口密钥', prop: 'api_key', type: 'input', placeholder: '请输入接口密钥' },
+  { label: '状态', prop: 'status', type: 'radio' },
+]
+
+export const formRulesData = {
+  name: [{ required: true, message: '请输入渠道名称', trigger: ['change'] }],
+  channel_fee: [{ required: true, message: '请输入渠道费用', trigger: ['change'] }],
+  type: [{ required: true, message: '请选择类型', trigger: ['change'] }],
+  api_url: [{ required: true, message: '请输入接口地址', trigger: ['change'] }],
+  api_appid: [{ required: true, message: '请输入接口appid', trigger: ['change'] }],
+  api_key: [{ required: true, message: '请输入接口密钥', trigger: ['change'] }],
+  status: [{ required: true, message: '请选择状态', trigger: ['change'] }],
+}
+
+export const optionsMapData = {
+  type: [
+    { label: '法币', value: 1 },
+    { label: '数字货币', value: 2 },
+  ],
+  status: [
+    { label: '启用', value: 1 },
+    { label: '禁用', value: 2 },
+  ],
+}
diff --git a/src/views/capital/rechangeCheck/index.vue b/src/views/capital/rechangeCheck/index.vue
index e89f84d..aa70d52 100644
--- a/src/views/capital/rechangeCheck/index.vue
+++ b/src/views/capital/rechangeCheck/index.vue
@@ -1,36 +1,59 @@
 <template>
-    <div class="rechange-check">
-        <!-- 搜索区域：默认把当天 0 点到当前时间写入时间输入框 -->
-        <RechangeSearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch" @reset="handleReset">
-            <template #button>
-                <!-- 审核动作先保留按钮交互，后续可直接接接口 -->
-                <el-button type="danger" plain @click="handleReject">驳回</el-button>
-                <el-button type="success" @click="handleApprove">通过</el-button>
-                <el-button type="primary" plain @click="handleExport">导出</el-button>
-            </template>
-        </RechangeSearch>
+  <div class="rechange-check">
+    <!-- 搜索区域：默认把当天 0 点到当前时间写入时间输入框 -->
+    <RechangeSearch
+      :search-form="searchForm"
+      :search-options="searchOptions"
+      @search="handleSearch"
+      @reset="handleReset"
+    >
+      <template #button>
+        <!-- 审核动作先保留按钮交互，后续可直接接接口 -->
+        <el-button type="danger" plain @click="handleReject">驳回</el-button>
+        <el-button type="success" @click="handleApprove">通过</el-button>
+        <el-button type="primary" plain @click="handleExport">导出</el-button>
+      </template>
+    </RechangeSearch>
 
-        <!-- 列表区域：改为真实接口数据，仍保留勾选列供后续审核动作使用 -->
-        <div class="table-wrapper">
-            <el-table v-loading="loading" :data="tableData" border height="100%" row-key="id"
-                @selection-change="handleSelectionChange">
-                <el-table-column type="selection" width="55" align="center" />
+    <!-- 列表区域：改为真实接口数据，仍保留勾选列供后续审核动作使用 -->
+    <div class="table-wrapper">
+      <el-table
+        ref="tableRef"
+        v-loading="loading"
+        :data="tableData"
+        border
+        height="100%"
+        row-key="id"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
 
-                <el-table-column label="序号" width="70" align="center">
-                    <template #default="scope">
-                        {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
-                    </template>
-                </el-table-column>
+        <el-table-column label="序号" width="70" align="center">
+          <template #default="scope">
+            {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
 
-                <el-table-column v-for="column in tableColumns" :key="column.prop" :prop="column.prop" :label="column.label"
-                    :min-width="column.width" :align="column.align || 'center'" show-overflow-tooltip />
-            </el-table>
-        </div>
-
-        <!-- 分页区域：使用接口返回的 total / current_page / per_page -->
-        <RechangePagination v-model="currentPage" v-model:pageSizeValue="pageSize" :total="total"
-            @pagination-change="handlePaginationChange" />
+        <el-table-column
+          v-for="column in tableColumns"
+          :key="column.prop"
+          :prop="column.prop"
+          :label="column.label"
+          :min-width="column.width"
+          :align="column.align || 'center'"
+          show-overflow-tooltip
+        />
+      </el-table>
     </div>
+
+    <!-- 分页区域：使用接口返回的 total / current_page / per_page -->
+    <RechangePagination
+      v-model="currentPage"
+      v-model:pageSizeValue="pageSize"
+      :total="total"
+      @pagination-change="handlePaginationChange"
+    />
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -39,30 +62,31 @@ import { onMounted, ref } from 'vue'
 import RechangeSearch from '@/components/common/Search.vue'
 import RechangePagination from '@/components/common/Pagination.vue'
 import { exportToExcel } from '@/utils/exportToExcel'
-import { getRechargeCheckListApi } from '@/api/modules/system/rechargeCheck'
+import { getRechargeCheckListApi, reviewRechargeOrder } from '@/api/modules/capital/rechargeCheck'
 import { rechangeCheckSearch, rechangeCheckTableColumns } from './options'
+import { getRecentSevenDays } from '@/utils/handleTime.ts'
 
 // 审核列表单行数据结构：直接对应 `rechargeOrder` 那套返回结果映射。
 interface TableRow {
-    id: number
-    orderNo: string
-    userName: string
-    currency: string
-    amount: string
-    realCurrency: string
-    realAmount: string
-    rate: string
-    status: string
-    statusText: string
-    rechangeTime: string
+  id: number
+  orderNo: string
+  userName: string
+  currency: string
+  amount: string
+  realCurrency: string
+  realAmount: string
+  rate: string
+  status: string
+  statusText: string
+  rechangeTime: string
 }
 
 // 搜索表单结构：与审核接口的查询参数一一对应。
 interface SearchFormData {
-    orderNo: string
-    userName: string
-    startTime: string
-    endTime: string
+  orderNo: string
+  userName: string
+  startTime: string
+  endTime: string
 }
 
 // 搜索配置和表格配置。
@@ -79,194 +103,191 @@ const total = ref(0)
 const currentPage = ref(1)
 const pageSize = ref(10)
 
-// 时间格式化工具：用于生成接口必传的开始/结束时间默认值。
-const padZero = (value: number) => String(value).padStart(2, '0')
-
-const formatDateTime = (date: Date) => {
-    const year = date.getFullYear()
-    const month = padZero(date.getMonth() + 1)
-    const day = padZero(date.getDate())
-    const hours = padZero(date.getHours())
-    const minutes = padZero(date.getMinutes())
-    const seconds = padZero(date.getSeconds())
-
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
-}
-
-const getTodayStartTime = () => {
-    const now = new Date()
-    now.setHours(0, 0, 0, 0)
-    return formatDateTime(now)
-}
-
-const getCurrentTime = () => formatDateTime(new Date())
+const initTime = getRecentSevenDays()
 
 // 默认搜索表单：开始时间固定为当天 0 点，结束时间固定为当前时间，并直接显示在输入框里。
 const createDefaultSearchForm = (): SearchFormData => ({
-    orderNo: '',
-    userName: '',
-    startTime: getTodayStartTime(),
-    endTime: getCurrentTime(),
+  orderNo: '',
+  userName: '',
+  startTime: initTime.start,
+  endTime: initTime.end,
 })
 
 const searchForm = ref<SearchFormData>(createDefaultSearchForm())
 
 // 充值状态映射：与充值订单列表保持一致。
 const getRechargeStatusText = (status: string | number | null | undefined) => {
-    const statusMap: Record<string, string> = {
-        '1': '未审核',
-        '2': '未付款',
-        '3': '已付款',
-        '4': '驳回',
-    }
+  const statusMap: Record<string, string> = {
+    '1': '未审核',
+    '2': '未付款',
+    '3': '已付款',
+    '4': '驳回',
+  }
 
-    return statusMap[String(status ?? '')] || '--'
+  return statusMap[String(status ?? '')] || '--'
 }
 
 // 获取审核列表：page / page_size / start_time / end_time 必传，其余空值统一传 null。
 const getList = async () => {
-    loading.value = true
-    selectedRows.value = []
+  loading.value = true
+  selectedRows.value = []
 
-    const params = {
-        page: currentPage.value,
-        page_size: pageSize.value,
-        trade_id: searchForm.value.orderNo || null,
-        start_time: searchForm.value.startTime || getTodayStartTime(),
-        end_time: searchForm.value.endTime || getCurrentTime(),
-        user_name: searchForm.value.userName || null,
-    }
+  const params = {
+    page: currentPage.value,
+    page_size: pageSize.value,
+    trade_id: searchForm.value.orderNo || null,
+    start_time: searchForm.value.startTime || initTime.start,
+    end_time: searchForm.value.endTime || initTime.end,
+    user_name: searchForm.value.userName || null,
+  }
 
-    try {
-        const data: any = await getRechargeCheckListApi(params)
-        const list = Array.isArray(data?.data) ? data.data : []
+  try {
+    const data: any = await getRechargeCheckListApi(params)
+    const list = Array.isArray(data?.data) ? data.data : []
 
-        tableData.value = list.map((item: any, index: number) => ({
-            id: Number(item.id ?? index + 1),
-            orderNo: String(item.trade_id ?? '--'),
-            userName: item.user?.username ?? '--',
-            currency: item.recharge_currency?.symbol ?? '--',
-            amount: String(item.recharge_amount ?? '--'),
-            realCurrency: item.real_currency?.symbol ?? '--',
-            realAmount: String(item.real_amount ?? '--'),
-            rate: String(item.rate ?? '--'),
-            status: String(item.status ?? ''),
-            statusText: getRechargeStatusText(item.status),
-            rechangeTime: item.created_at ?? '--',
-        }))
+    tableData.value = list.map((item: any, index: number) => ({
+      id: Number(item.id ?? index + 1),
+      orderNo: String(item.trade_id ?? '--'),
+      userName: item.user?.username ?? '--',
+      currency: item.recharge_currency?.symbol ?? '--',
+      amount: String(item.recharge_amount ?? '--'),
+      realCurrency: item.real_currency?.symbol ?? '--',
+      realAmount: String(item.real_amount ?? '--'),
+      rate: String(item.rate ?? '--'),
+      status: String(item.status ?? ''),
+      statusText: getRechargeStatusText(item.status),
+      rechangeTime: item.created_at ?? '--',
+    }))
 
-        total.value = Number(data?.total ?? list.length)
-        currentPage.value = Number(data?.current_page ?? currentPage.value)
-        pageSize.value = Number(data?.per_page ?? pageSize.value)
-    } catch (error) {
-        tableData.value = []
-        total.value = 0
-        console.error('获取充值审核列表失败', error)
-    } finally {
-        loading.value = false
-    }
+    total.value = Number(data?.total ?? list.length)
+    currentPage.value = Number(data?.current_page ?? currentPage.value)
+    pageSize.value = Number(data?.per_page ?? pageSize.value)
+  } catch (error) {
+    tableData.value = []
+    total.value = 0
+    console.error('获取充值审核列表失败', error)
+  } finally {
+    loading.value = false
+  }
 }
 
 // 页面初始化时加载一次真实列表。
 onMounted(() => {
-    getList()
+  getList()
 })
 
 // 搜索：回到第一页再重新请求。
 const handleSearch = () => {
-    currentPage.value = 1
-    getList()
+  currentPage.value = 1
+  getList()
 }
 
 // 重置：恢复默认时间范围和空搜索条件。
 const handleReset = () => {
-    searchForm.value = createDefaultSearchForm()
-    currentPage.value = 1
-    pageSize.value = 10
-    getList()
+  searchForm.value = createDefaultSearchForm()
+  currentPage.value = 1
+  pageSize.value = 10
+  getList()
 }
 
+const tableRef = ref()
 // 表格勾选变化。
 const handleSelectionChange = (rows: TableRow[]) => {
+  if (rows.length > 1) {
+    // 超过1个时，移除最早选中的那个（保留最后一个）
+    const lastRow = rows[rows.length - 1]
+    // 先清除所有选择
+    tableRef.value?.clearSelection()
+    // 再单独选中最后点击的这行
+    tableRef.value?.toggleRowSelection(lastRow, true)
+    selectedRows.value = [lastRow]
+  } else {
     selectedRows.value = rows
+  }
 }
 
 // 审核通过：当前保留前端提示，等待后续接接口。
 const handleApprove = () => {
-    if (!selectedRows.value.length) {
-        ElMessage.warning('请先选择要通过的记录')
-        return
-    }
-    ElMessage.success('审核通过接口待接入')
+  if (!selectedRows.value.length) {
+    ElMessage.warning('请先选择要通过的记录')
+    return
+  }
+  console.log(selectedRows.value)
+  reviewRechargeOrder({ id: selectedRows.value[0].id, status: '3' })
+  ElMessage.success('审核通过')
+  getList()
 }
 
 // 审核驳回：当前保留前端提示，等待后续接接口。
 const handleReject = () => {
-    if (!selectedRows.value.length) {
-        ElMessage.warning('请先选择要驳回的记录')
-        return
-    }
-    ElMessage.success('审核驳回接口待接入')
+  if (!selectedRows.value.length) {
+    ElMessage.warning('请先选择要驳回的记录')
+    return
+  }
+  //充值状态:1未审核,2未付款,3已付款,4驳回
+  reviewRechargeOrder({ id: selectedRows.value[0].id, status: '4' })
+  ElMessage.success('审核驳回')
+  getList()
 }
 
 // 导出：先导出当前页接口数据，后续如需全量导出可切成独立导出接口。
 const handleExport = async () => {
-    await exportToExcel({
-        tableData: tableData.value,
-        columns: tableColumns.value,
-        title: '导出充值审核',
-        defaultFileNamePrefix: '充值审核',
-    })
+  await exportToExcel({
+    tableData: tableData.value,
+    columns: tableColumns.value,
+    title: '导出充值审核',
+    defaultFileNamePrefix: '充值审核',
+  })
 }
 
 // 分页变化：更新页码和每页条数后重新请求数据。
 const handlePaginationChange = (page: { currentPage: number; pageSize: number }) => {
-    currentPage.value = page.currentPage
-    pageSize.value = page.pageSize
-    getList()
+  currentPage.value = page.currentPage
+  pageSize.value = page.pageSize
+  getList()
 }
 </script>
 
 <style scoped lang="scss">
 .rechange-check {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    padding-bottom: 70px;
-    box-sizing: border-box;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  padding-bottom: 70px;
+  box-sizing: border-box;
 
-    // 覆盖公共搜索组件默认的弹性拉伸，让当前页搜索项宽度按配置展示。
-    :deep(.search-container .el-form) {
-        flex-wrap: wrap;
-        align-items: center;
-    }
+  // 覆盖公共搜索组件默认的弹性拉伸，让当前页搜索项宽度按配置展示。
+  :deep(.search-container .el-form) {
+    flex-wrap: wrap;
+    align-items: center;
+  }
 
-    :deep(.search-container .el-form-item) {
-        flex: 0 0 auto;
-        margin-bottom: 8px;
-    }
+  :deep(.search-container .el-form-item) {
+    flex: 0 0 auto;
+    margin-bottom: 8px;
+  }
 
-    :deep(.search-container .el-input),
-    :deep(.search-container .el-select),
-    :deep(.search-container .el-date-editor) {
-        width: 100%;
-    }
+  :deep(.search-container .el-input),
+  :deep(.search-container .el-select),
+  :deep(.search-container .el-date-editor) {
+    width: 100%;
+  }
 
-    // 表格区域接管剩余空间，并确保横向也能撑满页面。
-    .table-wrapper {
-        flex: 1;
-        min-height: 0;
-        width: 100%;
-        background: #fff;
-        border-radius: 6px;
-        overflow: hidden;
-    }
+  // 表格区域接管剩余空间，并确保横向也能撑满页面。
+  .table-wrapper {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    background: #fff;
+    border-radius: 6px;
+    overflow: hidden;
+  }
 
-    :deep(.el-table),
-    :deep(.el-table__inner-wrapper),
-    :deep(.el-scrollbar) {
-        width: 100%;
-    }
+  :deep(.el-table),
+  :deep(.el-table__inner-wrapper),
+  :deep(.el-scrollbar) {
+    width: 100%;
+  }
 }
 </style>
diff --git a/src/views/capital/rechangeCheck/options.ts b/src/views/capital/rechangeCheck/options.ts
index b0dfcde..f60e5a6 100644
--- a/src/views/capital/rechangeCheck/options.ts
+++ b/src/views/capital/rechangeCheck/options.ts
@@ -1,37 +1,39 @@
 // 搜索区域配置：按充值审核接口的实际查询参数保留订单号、用户名、开始时间、结束时间。
 export const rechangeCheckSearch = [
-    {
-        prop: 'orderNo',
-        label: '订单号',
-        type: 'input' as const,
-        placeholder: '请输入流水号',
-        width: '220px',
-    },
-    {
-        prop: 'userName',
-        label: '用户名称',
-        type: 'input' as const,
-        placeholder: '请输入用户名',
-        width: '200px',
-    },
-    {
-        prop: 'startTime',
-        label: '开始时间',
-        type: 'date' as const,
-        dateType: 'datetime' as const,
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
-        placeholder: '请选择开始时间',
-        width: '220px',
-    },
-    {
-        prop: 'endTime',
-        label: '结束时间',
-        type: 'date' as const,
-        dateType: 'datetime' as const,
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
-        placeholder: '请选择结束时间',
-        width: '220px',
-    },
+  {
+    prop: 'orderNo',
+    label: '订单号',
+    type: 'input' as const,
+    placeholder: '请输入流水号',
+    width: '220px',
+  },
+  {
+    prop: 'userName',
+    label: '用户名称',
+    type: 'input' as const,
+    placeholder: '请输入用户名',
+    width: '200px',
+  },
+  {
+    prop: 'startTime',
+    label: '开始时间',
+    type: 'date' as const,
+    dateType: 'datetime' as const,
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    placeholder: '请选择开始时间',
+    clearable: false,
+    width: '260px',
+  },
+  {
+    prop: 'endTime',
+    label: '结束时间',
+    type: 'date' as const,
+    dateType: 'datetime' as const,
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    placeholder: '请选择结束时间',
+    clearable: false,
+    width: '260px',
+  },
 ]
 
 // 表格列配置：返回数据与 `rechargeOrder` 一致，因此按同一份结构展示。
diff --git a/src/views/mould/handleFee/index.vue b/src/views/mould/handleFee/index.vue
index b9413f0..bd608b5 100644
--- a/src/views/mould/handleFee/index.vue
+++ b/src/views/mould/handleFee/index.vue
@@ -79,7 +79,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, nextTick } from 'vue'
+import { ref, onMounted } from 'vue'
 import {
   getFeeSettingList,
   getFeeSettingDetail,
@@ -90,8 +90,6 @@ import {
 import Form from '@/components/common/Form.vue'
 import { formDataList, formRulesList } from './option.ts'
 
-const title = ref('手续费模板')
-const buttons = ref([{ label: '新增', type: 'primary' as const, key: 'add' }])
 
 const dialogVisible = ref(false)
 const dialogTitleType = ref(1)
diff --git a/src/views/order/rechange/index.vue b/src/views/order/rechange/index.vue
index 807d2ac..bdbe9cf 100644
--- a/src/views/order/rechange/index.vue
+++ b/src/views/order/rechange/index.vue
@@ -1,16 +1,38 @@
 <template>
-    <div class="order-rechange-page">
-        <!-- 搜索区域：按接口参数保留订单号、用户名称、状态、开始/结束时间 -->
-        <OrderRechangeSearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch"
-            @reset="handleReset" />
+  <div class="order-rechange-page">
+    <!-- 搜索区域：按接口参数保留订单号、用户名称、状态、开始/结束时间 -->
+    <OrderRechangeSearch
+      :search-form="searchForm"
+      :search-options="searchOptions"
+      @search="handleSearch"
+      @reset="handleReset"
+    ></OrderRechangeSearch>
 
-        <!-- 列表区域：改为真实接口数据，保留原有表格结构 -->
-        <OrderRechangeTable :table-data="tableTree" :columns="tableColumnsOptions" :highlight-current-row="false" />
+    <!-- 列表区域：改为真实接口数据，保留原有表格结构 -->
+    <OrderRechangeTable
+      :table-data="tableTree"
+      :columns="tableColumnsOptions"
+      :highlight-current-row="false"
+    >
+      <!-- 操作列插槽 -->
+      <template #operation="{ row }">
+        <el-button type="primary" :disabled="row.status !== '1'" @click="handleAudit(row, 3)"
+          >审核通过</el-button
+        >
+        <el-button type="danger" :disabled="row.status !== '1'" @click="handleAudit(row, 4)"
+          >审核驳回</el-button
+        >
+      </template>
+    </OrderRechangeTable>
 
-        <!-- 分页区域：使用接口返回的 total / current_page / per_page -->
-        <OrderRechangePagination v-model="currentPage" v-model:pageSizeValue="pageSize" :total="total"
-            @pagination-change="handlePaginationChange" />
-    </div>
+    <!-- 分页区域：使用接口返回的 total / current_page / per_page -->
+    <OrderRechangePagination
+      v-model="currentPage"
+      v-model:pageSizeValue="pageSize"
+      :total="total"
+      @pagination-change="handlePaginationChange"
+    />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -18,29 +40,32 @@ import { onMounted, ref } from 'vue'
 import OrderRechangeSearch from '@/components/common/Search.vue'
 import OrderRechangeTable from '@/components/common/Table.vue'
 import OrderRechangePagination from '@/components/common/Pagination.vue'
-import { getRechargeOrderListApi } from '@/api/modules/system/rechargeOrder'
+import { getRechargeOrderListApi, reviewRechargeOrder } from '@/api/modules/order/rechange.ts'
 import { search, tableColumns } from './options'
+import { getRecentSevenDays } from '@/utils/handleTime.ts'
 
 // 充值订单数据结构：只保留页面展示所需字段，接口原始字段在请求后统一映射。
 interface RechangeOrderItem {
-    id: number
-    orderNo: string
-    userName: string
-    currency: string
-    amount: string
-    status: string
-    statusText: string
-    rechangeTime: string
-    rechangeAccount: string
+  id: number
+  orderNo: string
+  userName: string
+  currency: string
+  amount: string
+  status: string
+  statusText: string
+  rechangeTime: string
+  rechangeAccount: string
 }
 
+const initTime = getRecentSevenDays('YYYY-MM-DD')
+
 // 搜索表单结构：与接口查询参数一一对应，页面字段名保持可读性。
 interface SearchFormData {
-    orderNo: string
-    userName: string
-    status: string
-    startTime: string
-    endTime: string
+  trade_id: string
+  user_name: string
+  status: string
+  start_time: string
+  end_time: string
 }
 
 // 搜索项配置。
@@ -48,11 +73,11 @@ const searchOptions = ref(search)
 
 // 搜索表单：由公共 Search 组件双向绑定。
 const createDefaultSearchForm = (): SearchFormData => ({
-    orderNo: '',
-    userName: '',
-    status: '',
-    startTime: '',
-    endTime: '',
+  trade_id: '',
+  user_name: '',
+  status: '',
+  start_time: initTime.start,
+  end_time: initTime.end,
 })
 
 const searchForm = ref<SearchFormData>(createDefaultSearchForm())
@@ -68,133 +93,125 @@ const total = ref(0)
 
 // 充值状态映射：对齐接口文档中的 1/2/3/4 定义。
 const getRechargeStatusText = (status: string | number | null | undefined) => {
-    const statusMap: Record<string, string> = {
-        '1': '未审核',
-        '2': '未付款',
-        '3': '已付款',
-        '4': '驳回',
-    }
+  const statusMap: Record<string, string> = {
+    '1': '未审核',
+    '2': '未付款',
+    '3': '已付款',
+    '4': '驳回',
+  }
 
-    return statusMap[String(status ?? '')] || '--'
+  return statusMap[String(status ?? '')] || '--'
 }
 
-// 格式化日期时间：用于生成接口需要的 `YYYY-MM-DD HH:mm:ss`。
-const padZero = (value: number) => String(value).padStart(2, '0')
-
-const formatDateTime = (date: Date) => {
-    const year = date.getFullYear()
-    const month = padZero(date.getMonth() + 1)
-    const day = padZero(date.getDate())
-    const hours = padZero(date.getHours())
-    const minutes = padZero(date.getMinutes())
-    const seconds = padZero(date.getSeconds())
-
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
-}
-
-const getTodayStartTime = () => {
-    const now = new Date()
-    now.setHours(0, 0, 0, 0)
-    return formatDateTime(now)
-}
-
-const getCurrentTime = () => formatDateTime(new Date())
-
 // 获取充值订单列表：把接口返回字段统一映射成页面表格结构。
 const getRechargeOrderList = async () => {
-    const params = {
-        page: currentPage.value,
-        page_size: pageSize.value,
-        trade_id: searchForm.value.orderNo || null,
-        start_time: searchForm.value.startTime ? `${searchForm.value.startTime} 00:00:00` : getTodayStartTime(),
-        end_time: searchForm.value.endTime ? `${searchForm.value.endTime} 23:59:59` : getCurrentTime(),
-        user_name: searchForm.value.userName || null,
-        status: searchForm.value.status || null,
-    }
+  const params = {
+    page: currentPage.value,
+    page_size: pageSize.value,
+    trade_id: searchForm.value.trade_id || null,
+    start_time: searchForm.value.start_time
+      ? `${searchForm.value.start_time} 00:00:00`
+      : initTime.start,
+    end_time: searchForm.value.end_time ? `${searchForm.value.end_time} 23:59:59` : initTime.end,
+    user_name: searchForm.value.user_name || null,
+    status: searchForm.value.status || null,
+  }
 
-    try {
-        const data: any = await getRechargeOrderListApi(params)
-        const list = Array.isArray(data?.data) ? data.data : []
+  try {
+    const data: any = await getRechargeOrderListApi(params)
+    const list = Array.isArray(data?.data) ? data.data : []
 
-        tableTree.value = list.map((item: any, index: number) => ({
-            id: Number(item.id ?? index + 1),
-            // 订单号：接口返回字段为 trade_id
-            orderNo: String(item.trade_id ?? '--'),
-            // 用户名：用于后续可能的页面扩展，当前取 user.username
-            userName: item.user?.username ?? '--',
-            // 充值币种：根据返回结构取 recharge_currency.symbol
-            currency: item.recharge_currency?.symbol ?? '--',
-            // 金额：根据返回结构取 recharge_amount
-            amount: String(item.recharge_amount ?? '--'),
-            status: String(item.status ?? ''),
-            statusText: getRechargeStatusText(item.status),
-            // 充值时间：根据返回结构取 created_at
-            rechangeTime: item.created_at ?? '--',
-            // 充值账号：当前返回里最接近账号标识的是 user.username
-            rechangeAccount: item.user?.username ?? '--',
-        }))
+    tableTree.value = list.map((item: any, index: number) => ({
+      id: Number(item.id ?? index + 1),
+      // 订单号：接口返回字段为 trade_id
+      orderNo: String(item.trade_id ?? '--'),
+      // 用户名：用于后续可能的页面扩展，当前取 user.username
+      userName: item.user?.username ?? '--',
+      // 充值币种：根据返回结构取 recharge_currency.symbol
+      currency: item.recharge_currency?.symbol ?? '--',
+      // 金额：根据返回结构取 recharge_amount
+      amount: String(item.recharge_amount ?? '--'),
+      status: String(item.status ?? ''),
+      statusText: getRechargeStatusText(item.status),
+      // 充值时间：根据返回结构取 created_at
+      rechangeTime: item.created_at ?? '--',
+      // 充值账号：当前返回里最接近账号标识的是 user.username
+      rechangeAccount: item.user?.username ?? '--',
+    }))
 
-        total.value = Number(data?.total ?? list.length)
-        currentPage.value = Number(data?.current_page ?? currentPage.value)
-        pageSize.value = Number(data?.per_page ?? pageSize.value)
-    } catch (error) {
-        tableTree.value = []
-        total.value = 0
-        console.error('获取充值订单列表失败', error)
-    }
+    total.value = Number(data?.total ?? list.length)
+    currentPage.value = Number(data?.current_page ?? currentPage.value)
+    pageSize.value = Number(data?.per_page ?? pageSize.value)
+  } catch (error) {
+    tableTree.value = []
+    total.value = 0
+    console.error('获取充值订单列表失败', error)
+  }
 }
 
 // 页面加载后拉取首屏数据。
 onMounted(() => {
-    getRechargeOrderList()
+  getRechargeOrderList()
 })
 
 // 搜索：切回第一页后重新请求列表。
 const handleSearch = () => {
-    currentPage.value = 1
-    getRechargeOrderList()
+  currentPage.value = 1
+  getRechargeOrderList()
 }
 
 // 重置：恢复默认搜索条件并重新请求列表。
 const handleReset = () => {
-    searchForm.value = createDefaultSearchForm()
-    currentPage.value = 1
-    pageSize.value = 10
-    getRechargeOrderList()
+  searchForm.value = createDefaultSearchForm()
+  currentPage.value = 1
+  pageSize.value = 10
+  getRechargeOrderList()
 }
 
 // 分页切换：同步页码和每页条数后重新请求。
 const handlePaginationChange = (page: { currentPage: number; pageSize: number }) => {
-    currentPage.value = page.currentPage
-    pageSize.value = page.pageSize
-    getRechargeOrderList()
+  currentPage.value = page.currentPage
+  pageSize.value = page.pageSize
+  getRechargeOrderList()
+}
+
+// 审核通过：调用接口修改状态为 3 已付款。
+const handleAudit = async (row: RechangeOrderItem, status: number) => {
+  try {
+    await reviewRechargeOrder({ id: row.id, status: status })
+    ElMessage.success('审核通过')
+    await getRechargeOrderList()
+  } catch (error) {
+    ElMessage.error('审核失败')
+    console.error('审核失败', error)
+  }
 }
 </script>
 
 <style scoped lang="scss">
 .order-rechange-page {
-    min-height: 100%;
+  min-height: 100%;
 
-    // 覆盖公共搜索组件的拉伸行为，让输入框尺寸更接近设计图。
-    :deep(.search-container .el-form) {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-    }
+  // 覆盖公共搜索组件的拉伸行为，让输入框尺寸更接近设计图。
+  :deep(.search-container .el-form) {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+  }
 
-    :deep(.search-container .el-form-item) {
-        flex: 0 0 auto;
-        margin-bottom: 8px;
-    }
+  :deep(.search-container .el-form-item) {
+    flex: 0 0 auto;
+    margin-bottom: 8px;
+  }
 
-    :deep(.search-container .el-input),
-    :deep(.search-container .el-select),
-    :deep(.search-container .el-date-editor) {
-        width: 100%;
-    }
+  :deep(.search-container .el-input),
+  :deep(.search-container .el-select),
+  :deep(.search-container .el-date-editor) {
+    width: 100%;
+  }
 
-    :deep(.table-container) {
-        height: calc(100vh - 220px);
-    }
+  :deep(.table-container) {
+    height: calc(100vh - 220px);
+  }
 }
 </style>
diff --git a/src/views/order/rechange/options.ts b/src/views/order/rechange/options.ts
index 4cf3d75..1428aed 100644
--- a/src/views/order/rechange/options.ts
+++ b/src/views/order/rechange/options.ts
@@ -1,60 +1,60 @@
 // 充值订单搜索项：按接口参数保留订单号、用户名称、状态、结束时间、开始时间。
 export const search = [
-    {
-        prop: 'orderNo',
-        label: '订单号',
-        type: 'input' as const,
-        placeholder: '请输入流水号',
-        width: '210px',
-    },
-    {
-        prop: 'userName',
-        label: '用户名称',
-        type: 'input' as const,
-        placeholder: '请输入用户名',
-        width: '190px',
-    },
-    {
-        prop: 'status',
-        label: '状态',
-        type: 'select' as const,
-        placeholder: '请选择状态',
-        width: '140px',
-        options: [
-            { label: '未审核', value: '1' },
-            { label: '未付款', value: '2' },
-            { label: '已付款', value: '3' },
-            { label: '驳回', value: '4' },
-        ],
-    },
-    {
-        prop: 'startTime',
-        label: '开始时间',
-        type: 'date' as const,
-        dateType: 'date' as const,
-        valueFormat: 'YYYY-MM-DD',
-        placeholder: '请选择开始时间',
-        width: '150px',
-    },
-    {
-        prop: 'endTime',
-        label: '结束时间',
-        type: 'date' as const,
-        dateType: 'date' as const,
-        valueFormat: 'YYYY-MM-DD',
-        placeholder: '请选择结束时间',
-        width: '150px',
-    },
-
+  {
+    prop: 'trade_id',
+    label: '订单号',
+    type: 'input' as const,
+    placeholder: '请输入流水号',
+    width: '210px',
+  },
+  {
+    prop: 'user_name',
+    label: '用户名称',
+    type: 'input' as const,
+    placeholder: '请输入用户名',
+    width: '190px',
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    type: 'select' as const,
+    placeholder: '请选择状态',
+    width: '140px',
+    options: [
+      { label: '未审核', value: '1' },
+      { label: '未付款', value: '2' },
+      { label: '已付款', value: '3' },
+      { label: '驳回', value: '4' },
+    ],
+  },
+  {
+    prop: 'start_time',
+    label: '开始时间',
+    type: 'date' as const,
+    dateType: 'date' as const,
+    valueFormat: 'YYYY-MM-DD',
+    placeholder: '请选择开始时间',
+    width: '260px',
+  },
+  {
+    prop: 'end_time',
+    label: '结束时间',
+    type: 'date' as const,
+    dateType: 'date' as const,
+    valueFormat: 'YYYY-MM-DD',
+    placeholder: '请选择结束时间',
+    width: '260px',
+  },
 ]
 
 // 充值订单表格列：对应接口数据映射后的列表字段。
 export const tableColumns = [
-    { prop: 'orderNo', label: '订单号', align: 'center' as const },
-    { prop: 'currency', label: '充值币种', align: 'center' as const },
-    { prop: 'amount', label: '金额', align: 'center' as const },
-    { prop: 'statusText', label: '状态', align: 'center' as const },
-    { prop: 'rechangeTime', label: '充值时间', align: 'center' as const },
-    { prop: 'rechangeAccount', label: '充值账号', align: 'center' as const },
+  { prop: 'orderNo', label: '订单号', align: 'center' as const },
+  { prop: 'currency', label: '充值币种', align: 'center' as const },
+  { prop: 'amount', label: '金额', align: 'center' as const },
+  { prop: 'statusText', label: '状态', align: 'center' as const },
+  { prop: 'rechangeTime', label: '充值时间', align: 'center' as const },
+  { prop: 'rechangeAccount', label: '充值账号', align: 'center' as const },
+  { label: '操作', width: '240px', align: 'center' as const, slotName: 'operation' },
 ]