From 6b49a037e07faa06ded71fb8a00ba5f6b4490d96 Mon Sep 17 00:00:00 2001
From: Songsl <2431955898@qq.com>
Date: Sun, 14 Jun 2026 15:43:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=92=B1=E5=8C=85=E7=AE=A1=E7=90=86=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/wallet/wallet.ts              |  36 +++
 src/views/wallet/addressList/index.vue        | 228 ++++++++++++++++++
 src/views/wallet/addressList/options.ts       |  40 +++
 src/views/wallet/withdrawOrderList/index.vue  | 144 +++++++++++
 src/views/wallet/withdrawOrderList/options.ts |  70 ++++++
 5 files changed, 518 insertions(+)
 create mode 100644 src/api/modules/wallet/wallet.ts
 create mode 100644 src/views/wallet/addressList/index.vue
 create mode 100644 src/views/wallet/addressList/options.ts
 create mode 100644 src/views/wallet/withdrawOrderList/index.vue
 create mode 100644 src/views/wallet/withdrawOrderList/options.ts

diff --git a/src/api/modules/wallet/wallet.ts b/src/api/modules/wallet/wallet.ts
new file mode 100644
index 0000000..82ebfcd
--- /dev/null
+++ b/src/api/modules/wallet/wallet.ts
@@ -0,0 +1,36 @@
+import { request } from '@/api'
+
+// 提现订单列表
+export const getWithdrawOrderList = (params: {
+  page: number
+  page_size: number
+  start_time?: string
+  end_time?: string
+  status?: string
+}) => {
+  return request.get('/upay/withdrawOrderList', params as any)
+}
+
+// 刷新地址余额
+export const balanceRefresh = (params: { address?: string, addressType?: string }) => {
+  return request.post('/upay/balanceRefresh', params)
+}
+
+// 提现地址列表
+export const getAddressList = (params: {
+  page: number
+  page_size: number
+  address?: string
+  addressType?: string
+}) => {
+  return request.post('/upay/addressList', params as any)
+}
+
+// 提现
+export const withdrawAction = (params: {
+  from: string
+  to: string
+  amount: string
+}) => {
+  return request.post('/upay/withdrawAction', params)
+}
diff --git a/src/views/wallet/addressList/index.vue b/src/views/wallet/addressList/index.vue
new file mode 100644
index 0000000..9118837
--- /dev/null
+++ b/src/views/wallet/addressList/index.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="address-list-page table_form-container">
+    <!-- 搜索 -->
+    <Search
+      :search-form="searchForm"
+      :search-options="searchOptions"
+      :button-loading="loading"
+      @search="handleSearch"
+      @reset="handleReset"
+    >
+    </Search>
+
+    <!-- 表格 -->
+    <Table
+      ref="tableRef"
+      :table-data="tableData"
+      :columns="tableColumnsOptions"
+      row-key="address"
+      :loading="loading"
+      @rowClick="handleRowClick"
+    >
+      <template #action="{ row }">
+        <el-button type="primary" size="small" @click.stop="openWithdrawDialog(row)">提现</el-button>
+        <el-button size="small" @click.stop="handleRefresh(row)">刷新</el-button>
+      </template>
+    </Table>
+
+    <!-- 分页 -->
+    <Pagination
+      v-model="queryParams.page"
+      v-model:pageSizeValue="queryParams.page_size"
+      :total="total"
+      :layout="'prev, pager, next'"
+      @pagination-change="getList"
+    />
+
+    <!-- 提现弹窗 -->
+    <el-dialog v-model="withdrawDialogVisible" title="提现" width="600px">
+      <el-form :model="withdrawForm" label-width="80px">
+        <el-form-item label="来源地址">
+          <el-input v-model="withdrawForm.from" disabled />
+        </el-form-item>
+        <el-form-item label="目标地址" required>
+          <el-input v-model="withdrawForm.to" placeholder="请输入目标地址" />
+        </el-form-item>
+        <el-form-item label="金额" required>
+          <el-input v-model="withdrawForm.amount" placeholder="请输入金额" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="withdrawDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="withdrawLoading" @click="handleWithdraw">确认</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import Search from '@/components/common/Search.vue'
+import Table from '@/components/common/Table.vue'
+import Pagination from '@/components/common/Pagination.vue'
+import { usePageLoading } from '@/composables/useLoading'
+import { tableColumns, searchOptions } from './options'
+import { getAddressList, balanceRefresh, withdrawAction } from '@/api/modules/wallet/wallet'
+
+defineOptions({
+  name: 'AddressList'
+})
+
+interface AddressRow {
+  address: string
+  trxBalance: string
+  usdtBalance: string
+  addressType: string
+  createdAt: string
+}
+
+const tableRef = ref()
+const tableData = ref<AddressRow[]>([])
+const selectedRow = ref<AddressRow | null>(null)
+const { loading, startLoading, stopLoading } = usePageLoading()
+
+// 提现弹窗
+const withdrawDialogVisible = ref(false)
+const withdrawLoading = ref(false)
+const withdrawForm = reactive({
+  from: '',
+  to: '',
+  amount: '',
+})
+
+// 分页参数
+const queryParams = reactive({
+  page: 1,
+  page_size: 20,
+})
+const total = ref(0)
+
+// 搜索表单
+const searchForm = ref({
+  addressType: '',
+  address: '',
+})
+
+// 表格列配置
+const tableColumnsOptions = tableColumns
+
+// 获取列表数据
+const getList = async () => {
+  startLoading()
+  try {
+    const res = await getAddressList({
+      address: searchForm.value.address || '',
+      addressType: searchForm.value.addressType || '',
+      page: queryParams.page,
+      page_size: queryParams.page_size,
+    })
+    
+    if (res) {
+      tableData.value = res?.address_list?.data?.list || []
+      if (res?.address_list?.data?.list?.length === 20) {
+        total.value = queryParams.page * queryParams.page_size
+      }else{
+        total.value = queryParams.page * queryParams.page_size - 1
+      }
+      console.log("total.value", total.value)
+    }
+  } catch (error) {
+    console.error('获取列表失败', error)
+  } finally {
+    stopLoading()
+  }
+}
+
+// 搜索
+const handleSearch = () => {
+  queryParams.page = 1
+  getList()
+}
+
+// 重置
+const handleReset = () => {
+  searchForm.value = {
+    addressType: '',
+    address: '',
+  }
+  queryParams.page = 1
+  getList()
+}
+
+// 行点击
+const handleRowClick = (row: AddressRow) => {
+  selectedRow.value = row
+}
+
+// 打开提现弹窗
+const openWithdrawDialog = (row?: AddressRow) => {
+  const targetRow = row || selectedRow.value
+  if (!targetRow) {
+    ElMessage.warning('请选择一条记录')
+    return
+  }
+  withdrawForm.from = targetRow.address
+  withdrawForm.to = ''
+  withdrawForm.amount = ''
+  withdrawDialogVisible.value = true
+}
+
+// 提现
+const handleWithdraw = async () => {
+  if (!withdrawForm.to) {
+    ElMessage.warning('请输入目标地址')
+    return
+  }
+  if (!withdrawForm.amount) {
+    ElMessage.warning('请输入金额')
+    return
+  }
+  withdrawLoading.value = true
+  try {
+    await withdrawAction({
+      from: withdrawForm.from,
+      to: withdrawForm.to,
+      amount: withdrawForm.amount,
+    })
+    ElMessage.success('提现成功')
+    withdrawDialogVisible.value = false
+    getList()
+  } catch (error) {
+    console.error('提现失败', error)
+  } finally {
+    withdrawLoading.value = false
+  }
+}
+
+// 刷新
+const handleRefresh = async (row?: AddressRow) => {
+  const targetRow = row || selectedRow.value
+  if (!targetRow) {
+    ElMessage.warning('请选择一条记录')
+    return
+  }
+  try {
+    const res = await balanceRefresh({ address: targetRow.address, addressType: targetRow.addressType })
+    console.log(res)
+    if (res) {
+      ElMessage.success('刷新成功')
+      const index = tableData.value.findIndex(item => item.address === targetRow.address)
+      if (index !== -1) {
+        tableData.value[index]!.trxBalance = res.data;
+      }
+    }
+  } catch (error) {
+    console.error('刷新失败', error)
+  }
+}
+
+onMounted(() => {
+  getList()
+})
+</script>
+
+<style scoped lang="scss">
+.address-list-page {
+}
+</style>
diff --git a/src/views/wallet/addressList/options.ts b/src/views/wallet/addressList/options.ts
new file mode 100644
index 0000000..13d10de
--- /dev/null
+++ b/src/views/wallet/addressList/options.ts
@@ -0,0 +1,40 @@
+// 提现地址列表页面表格列配置
+export const tableColumns = [
+  // 序号
+  { label: '序号', type: 'index', width: 60, align: 'center' as const },
+  // 地址
+  { label: '地址', prop: 'address', width: 400, align: 'center' as const, copy: true },
+  // TRX余额
+  { label: 'TRX余额', prop: 'trxBalance', align: 'center' as const },
+  // USDT余额
+  { label: 'USDT余额', prop: 'usdtBalance', align: 'center' as const },
+  // 地址类型
+  { label: '地址类型', prop: 'addressType', align: 'center' as const },
+  // 创建时间
+  { label: '创建时间', prop: 'createdAt', align: 'center' as const },
+  // 操作
+  { label: '操作', prop: 'action', width: 160, slotName: 'action' as const },
+]
+
+// 搜索配置
+export const searchOptions = [
+  {
+    prop: 'addressType',
+    label: '钱包类型',
+    type: 'select' as const,
+    placeholder: '请选择钱包类型',
+    width: '220px',
+    options: [
+      { label: 'TRX', value: 'TRX' },
+      { label: 'ETH', value: 'ETH' },
+      { label: 'BTC', value: 'BTC' },
+    ],
+  },
+  {
+    prop: 'address',
+    label: '钱包地址',
+    type: 'input' as const,
+    placeholder: '请输入钱包地址',
+    width: '220px',
+  },
+]
diff --git a/src/views/wallet/withdrawOrderList/index.vue b/src/views/wallet/withdrawOrderList/index.vue
new file mode 100644
index 0000000..2e88724
--- /dev/null
+++ b/src/views/wallet/withdrawOrderList/index.vue
@@ -0,0 +1,144 @@
+<template>
+    <div class="withdraw-order-list-page table_form-container">
+        <!-- 搜索 -->
+        <Search :search-form="searchForm" :search-options="searchOptions" :button-loading="loading"
+            @search="handleSearch" @reset="handleReset" />
+
+        <!-- 表格 -->
+        <Table ref="tableRef" :table-data="tableData" :columns="tableColumnsOptions" row-key="id" :loading="loading"
+            @rowClick="handleRowClick" />
+
+        <!-- 分页 -->
+        <Pagination v-model="queryParams.page" v-model:pageSizeValue="queryParams.page_size" :total="total"
+            :layout="'prev, pager, next'" @pagination-change="getList" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import Search from '@/components/common/Search.vue'
+import Table from '@/components/common/Table.vue'
+import Pagination from '@/components/common/Pagination.vue'
+import { usePageLoading } from '@/composables/useLoading'
+import { tableColumns, searchOptions } from './options'
+import { getLast7DaysRange } from '@/utils/timeUtils'
+import { getWithdrawOrderList } from '@/api/modules/wallet/wallet'
+
+defineOptions({
+    name: 'WithdrawOrderList'
+})
+
+interface WithdrawOrderRow {
+    id: number
+    user_id: number
+    order_n: string
+    notify_n: string | null
+    from: string
+    to: string
+    amount: string
+    addressType: string | null
+    balance: string | null
+    status: number
+    create_time: number
+    success_time: number | null
+    tx_id: string | null
+    created_at: string
+    updated_at: string
+}
+
+const tableRef = ref()
+const tableData = ref<WithdrawOrderRow[]>([])
+const { loading, startLoading, stopLoading } = usePageLoading()
+
+// 分页参数
+const queryParams = reactive({
+    page: 1,
+    page_size: 20,
+})
+const total = ref(0)
+
+// 获取近七天时间范围（格式化字符串）
+const getDefaultTimeRange = () => {
+    const range = getLast7DaysRange()
+    const formatDate = (d: Date): string => {
+        const year = d.getFullYear()
+        const month = String(d.getMonth() + 1).padStart(2, '0')
+        const day = String(d.getDate()).padStart(2, '0')
+        const hours = String(d.getHours()).padStart(2, '0')
+        const minutes = String(d.getMinutes()).padStart(2, '0')
+        const seconds = String(d.getSeconds()).padStart(2, '0')
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+    return {
+        start_time: formatDate(range.startTime),
+        end_time: formatDate(range.endTime),
+    }
+}
+
+// 搜索表单
+const searchForm = ref({
+    status: '',
+    start_time: '',
+    end_time: '',
+})
+
+// 表格列配置
+const tableColumnsOptions = tableColumns
+
+// 获取列表数据
+const getList = async () => {
+    startLoading()
+    try {
+        const res = await getWithdrawOrderList({
+            status: searchForm.value.status || '',
+            start_time: searchForm.value.start_time || '',
+            end_time: searchForm.value.end_time || '',
+            page: queryParams.page || 1,
+            page_size: queryParams.page_size || 20,
+        })
+        if (res) {
+            tableData.value = res?.data || []
+            total.value = res?.total || 0
+        }
+    } catch (error) {
+        console.error('获取列表失败', error)
+    } finally {
+        stopLoading()
+    }
+}
+
+// 搜索
+const handleSearch = () => {
+    queryParams.page = 1
+    getList()
+}
+
+// 重置
+const handleReset = () => {
+    const range = getDefaultTimeRange()
+    searchForm.value = {
+        status: '',
+        start_time: range.start_time,
+        end_time: range.end_time,
+    }
+    queryParams.page = 1
+    getList()
+}
+
+// 行点击
+const handleRowClick = (row: WithdrawOrderRow) => {
+    console.log('选中行', row)
+}
+
+onMounted(() => {
+    // 初始化默认时间范围
+    const range = getDefaultTimeRange()
+    searchForm.value.start_time = range.start_time
+    searchForm.value.end_time = range.end_time
+    getList()
+})
+</script>
+
+<style scoped lang="scss">
+.withdraw-order-list-page {}
+</style>
diff --git a/src/views/wallet/withdrawOrderList/options.ts b/src/views/wallet/withdrawOrderList/options.ts
new file mode 100644
index 0000000..d369564
--- /dev/null
+++ b/src/views/wallet/withdrawOrderList/options.ts
@@ -0,0 +1,70 @@
+// 状态选项
+const statusOptions = [
+  { label: '未完成', value: 1 },
+  { label: '成功', value: 2 },
+  { label: '失败', value: 3 },
+]
+
+// 提现订单列表页面表格列配置
+export const tableColumns = [
+  // 序号
+  { label: '序号', type: 'index', width: 60, align: 'center' as const },
+  // 用户ID
+//   { label: '用户ID', prop: 'user_id' },
+  // 订单号
+  { label: '订单号', prop: 'order_n', width: 300, align: 'center' as const, copy: true },
+  // 通知号
+  { label: '通知号', prop: 'notify_n', width: 200, align: 'center' as const },
+  // 来源地址
+  { label: '来源地址', prop: 'from', width: 400, align: 'center' as const, copy: true },
+  // 目标地址
+  { label: '目标地址', prop: 'to', width: 400, align: 'center' as const, copy: true },
+  // 金额
+  { label: '金额', prop: 'amount', width: 160, align: 'center' as const },
+  // 地址类型
+  { label: '地址类型', prop: 'addressType', width: 100, align: 'center' as const },
+  // 余额
+  { label: '余额', prop: 'balance', width: 160, align: 'center' as const },
+  // 状态
+  { label: '状态', prop: 'status', width: 100, align: 'center' as const, options: statusOptions },
+  // 创建时间
+  { label: '创建时间', prop: 'create_time', width: 200, align: 'center' as const },
+  // 成功时间
+  { label: '成功时间', prop: 'success_time', width: 200, align: 'center' as const },
+  // 交易ID
+  { label: '交易ID', prop: 'tx_id', width: 400, align: 'center' as const },
+]
+
+// 搜索配置
+export const searchOptions = [
+  {
+    prop: 'status',
+    label: '状态',
+    type: 'select' as const,
+    placeholder: '请选择状态',
+    width: '160px',
+    options: statusOptions,
+  },
+  {
+    prop: 'start_time',
+    label: '开始时间',
+    type: 'date' as const,
+    dateType: 'datetime' as const,
+    placeholder: '开始时间',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    format: 'YYYY-MM-DD',
+    width: '220px',
+    defaultTime: 'start' as const,
+  },
+  {
+    prop: 'end_time',
+    label: '结束时间',
+    type: 'date' as const,
+    dateType: 'datetime' as const,
+    placeholder: '结束时间',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    format: 'YYYY-MM-DD',
+    width: '220px',
+    defaultTime: 'end' as const,
+  },
+]