diff --git a/src/api/withdraw.ts b/src/api/withdraw.ts
new file mode 100644
index 0000000..d230eae
--- /dev/null
+++ b/src/api/withdraw.ts
@@ -0,0 +1,71 @@
+import axios from 'axios';
+import { S } from 'mockjs';
+
+
+export interface LoginData {
+  username: string;
+  password: string;
+}
+
+
+export interface jobuser {
+  status: string;
+  code: number;
+  message: string;
+  data: {
+    jobuser: {
+        username: string;         // 账号
+        password: string;         // 密码
+        time: Date;        // 注册时间
+        type: number;             // 累计在线时间
+    }[]
+  };
+
+}
+
+export interface Black {
+    status: string;
+    code: number;
+    message: string;
+    data: {};
+}
+export interface Refresh {
+  status: string;
+  code: number;
+  data: {
+    access_token: string;
+    refresh_token: string;
+  };
+  message: string;
+}
+
+export interface ListParams {
+    black?: string;
+    username?: string;
+  }
+/**
+ * 
+ * @param data 获取列表
+ * @returns 
+ */
+export function lists(params: ListParams) {
+  return axios.post<jobuser>('/api/v1/withdraw/lists',params);
+}
+
+// /**
+//  * 
+//  * @param id 拉黑
+//  * @returns 
+//  */
+// export function getBlack(id: string) {
+//     return axios.post<Black>('/api/v1/jobuser/getBlack', { id });
+// }
+
+// /**
+//  * 
+//  * @param id 洗白
+//  * @returns 
+//  */
+// export function getOutBlack(id: string) {
+//     return axios.post<Black>('/api/v1/jobuser/getOutBlack', { id });
+//   }
\ No newline at end of file
diff --git a/src/locale/zh-CN.ts b/src/locale/zh-CN.ts
index f51ed5a..3cfde48 100644
--- a/src/locale/zh-CN.ts
+++ b/src/locale/zh-CN.ts
@@ -36,6 +36,8 @@ import localeJobuser from '@/views/jobuser/locale/zh-CN';
 import localeJUserblack from '@/views/userblack/locale/zh-CN';
 
 import localeDictionary from '@/views/dictionary/locale/zh-CN';
+
+import localeWithdraw from '@/views/withdraw/locale/zh-CN';
 export default {
   'menu.dashboard': '仪表盘',
   'menu.server.dashboard': '仪表盘-服务端',
@@ -58,6 +60,7 @@ export default {
   'menu.volunteerservicecorps':'志愿队',
   'menu.jobuser':'用户',
   "menu.dictionary":'客服',
+  "menu.withdraw": '提现管理',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,
@@ -84,5 +87,6 @@ export default {
   ...localevolunteerservicecorps,
   ...localeJobuser,
   ...localeJUserblack,
-  ...localeDictionary
+  ...localeDictionary,
+  ...localeWithdraw
 };
diff --git a/src/router/routes/modules/withdraw.ts b/src/router/routes/modules/withdraw.ts
new file mode 100644
index 0000000..8650f8d
--- /dev/null
+++ b/src/router/routes/modules/withdraw.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+
+const JOBUSER: AppRouteRecordRaw = {
+  path: '/withdraw',
+  name: 'withdraw',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.withdraw',
+    requiresAuth: true,
+    icon: 'icon-user',
+    order: 0,
+  },
+  children: [
+    {
+      path: 'withdraws',
+      name: 'withdraws',
+      component: () => import('@/views/withdraw/index.vue'),
+      meta: {
+        locale: 'menu.withdraw.list',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default JOBUSER;
diff --git a/src/views/carousel/carousel.vue b/src/views/carousel/carousel.vue
index 2b2786f..d1fb78e 100644
--- a/src/views/carousel/carousel.vue
+++ b/src/views/carousel/carousel.vue
@@ -10,8 +10,8 @@
             100 积分 = 5 PKR -->
             <h2 style="text-align: center;">100积分</h2>
             <a-form :model="form" auto-label-width  @submit="handleSubmit">
-                <a-form-item field="USDT" label="USDT">
-                    <a-input v-model="form.USDT"  placeholder="请输入对应的USDT汇率" />
+                <a-form-item field="BDT" label="BDT">
+                    <a-input v-model="form.USDT"  placeholder="请输入对应的BDT汇率" />
                 </a-form-item>
                 <a-form-item field="NGN" label="NGN">
                     <a-input v-model="form.NGN"  placeholder="请输入对应的NGN汇率" />
diff --git a/src/views/jobuser/index.vue b/src/views/jobuser/index.vue
index 4ebabbb..abf6fcc 100644
--- a/src/views/jobuser/index.vue
+++ b/src/views/jobuser/index.vue
@@ -8,6 +8,7 @@
           <a-table-column title="用户id" data-index="user_id"></a-table-column>
           <a-table-column title="用户名称" data-index="username"></a-table-column>
           <a-table-column title="用户积分" data-index="money"></a-table-column>
+          <a-table-column title="上级代理" data-index="agent"></a-table-column>
           <a-table-column title="累计在线时长/分" data-index="time"></a-table-column>
           <a-table-column title="注册时间" data-index="time"></a-table-column>
           <a-table-column title="是否封禁" data-index="black"><template #cell="{ record }">
diff --git a/src/views/withdraw/components/FamilyTreeChart.vue b/src/views/withdraw/components/FamilyTreeChart.vue
new file mode 100644
index 0000000..7f026c6
--- /dev/null
+++ b/src/views/withdraw/components/FamilyTreeChart.vue
@@ -0,0 +1,93 @@
+<template>
+  <div ref="chartContainer" style="width: 800px; height: 550px;"></div>
+</template>
+
+<script lang="ts" setup>
+import { defineComponent, ref, onMounted } from "vue";
+import * as echarts from "echarts";
+import { getSonId, getDayId } from '@/api/Invite';
+import { reactive } from "vue";
+    const chartContainer = ref(null);
+    const props = defineProps({
+        id: Number,
+    });
+    const data = reactive( {
+        name: '',
+        symbolSize:40,
+        children: []
+    });
+    // 树形数据
+    const chartOption = {
+      tooltip: {
+        trigger: 'item',
+        formatter: '{b}'
+      },
+      series: [
+        {
+          type: 'tree',  // 使用树形图
+          layout: 'tree',  // 布局类型：'radial' 或 'tree'
+          roam: true,  // 启用拖动功能,
+          orient: 'vertical',// 方向改为自上而下
+          initialTreeDepth: -1, // 可以让所有节点都展开
+          data: [
+          data
+          ],
+          itemStyle: {
+            color: '#63b1f2',  // 节点颜色
+          },
+          label: {
+            position: 'top',
+            verticalAlign: 'middle',
+            align: 'center',
+            fontSize: 12,
+          },
+          lineStyle: {
+            color: '#aaa',
+            width: 2,
+            curveness: 0.3,
+          }
+        }
+      ]
+    };
+
+    // 在组件挂载后初始化图表
+    onMounted(() => {
+        getSonId(props.id).then(res => {
+            data.name = props.id || '';
+            
+            if(res.data!=null){
+                res.data.forEach((element: any) => {
+                    let item = {
+                        name:element.invitename,
+                        symbolSize:20,
+                        children: []
+                    }
+                        getSonId(element.invitename).then(res1 => {
+                            if(res1.data!=null){
+                                res1.data.forEach((element1: any) => {
+                                    let item1 = {
+                                        name: element1.invitename,
+                                        symbolSize:20,
+                                        children: []
+                                    };
+                                    item.children.push(item1);
+                                })
+                                data.children.push(item); 
+                                const myChart = echarts.init(chartContainer.value);
+                                myChart.setOption(chartOption); 
+                            }
+                        })
+                    
+                        
+                });
+            }
+
+        })
+   
+    });
+
+</script>
+
+<style scoped>
+/* 样式可根据需要自定义 */
+</style>
diff --git a/src/views/withdraw/components/banner.vue b/src/views/withdraw/components/banner.vue
new file mode 100644
index 0000000..00b5534
--- /dev/null
+++ b/src/views/withdraw/components/banner.vue
@@ -0,0 +1,35 @@
+<template>
+  <a-col class="banner">
+    <a-col :span="8">
+      <a-typography-title :heading="5" style="margin-top: 0">
+        {{ $t('workplace.welcome') }} {{ userInfo.name }}
+      </a-typography-title>
+    </a-col>
+    <a-divider class="panel-border" />
+  </a-col>
+</template>
+
+<script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useUserStore } from '@/store';
+
+  const userStore = useUserStore();
+  const userInfo = computed(() => {
+    return {
+      name: userStore.name,
+    };
+  });
+</script>
+
+<style scoped lang="less">
+  .banner {
+    width: 100%;
+    padding: 20px 20px 0 20px;
+    background-color: var(--color-bg-2);
+    border-radius: 4px 4px 0 0;
+  }
+
+  :deep(.arco-icon-home) {
+    margin-right: 6px;
+  }
+</style>
diff --git a/src/views/withdraw/components/showgroup.vue b/src/views/withdraw/components/showgroup.vue
new file mode 100644
index 0000000..a2b8f02
--- /dev/null
+++ b/src/views/withdraw/components/showgroup.vue
@@ -0,0 +1,39 @@
+<template>
+    <div class="group">
+        <a-card>
+            父亲
+        </a-card>
+    </div>
+    <div class="group">
+        <a-card>
+            我
+        </a-card>
+    </div>
+    <div class="group">
+        <a-card>
+            子
+        </a-card>
+        <a-card>
+            子
+        </a-card>
+    </div>
+    <div class="group">
+        <a-card>
+            孙
+        </a-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+const props = defineProps({
+    id: Number,
+});
+</script>
+
+<style scoped lang="less">
+.group {
+    display: flex;
+    justify-content: space-between;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/withdraw/index.vue b/src/views/withdraw/index.vue
new file mode 100644
index 0000000..3295cc5
--- /dev/null
+++ b/src/views/withdraw/index.vue
@@ -0,0 +1,186 @@
+<template>
+  <div class="container">
+    <Breadcrumb :items="['menu.withdraw', 'menu.withdraw.list']" />
+
+    <a-card class="general-card" :title="$t('menu.withdraw.list')">
+      <a-table :data="data">
+        <template #columns>
+          <a-table-column title="用户id" data-index="user_id"></a-table-column>
+          <a-table-column title="用户名称" data-index="username"></a-table-column>
+          <a-table-column title="转账金额" data-index="money"></a-table-column>
+          <a-table-column title="状态" data-index="status"></a-table-column>
+          <a-table-column title="操作时间" data-index="createtime2"></a-table-column>
+          <a-table-column title="操作">
+            <template #cell="{ record }">
+              <a-button v-if="record.status == '申请中'" @click="showConfirm(record.id)">审批</a-button> 
+            </template>
+          </a-table-column>
+          <!-- <a-table-column title="是否封禁" data-index="black"><template #cell="{ record }">
+              {{ record.black == 1 ? '是' : '否' }}
+            </template></a-table-column>
+          <a-table-column title="操作">
+            <template #cell="{ record }">
+              <a-button @click="create(record.id)">编辑</a-button> 
+              <a-space>
+              <a-button v-show="record.black != 1" status="danger" @click="showConfirm(record.id)">封禁</a-button>
+              <a-button v-show="record.black == 1" status="danger" @click="showConfirm(record.id)">解禁</a-button>
+              <a-button  @click="show_group(record.username)">查看团队</a-button>
+            </a-space>
+            </template>
+          </a-table-column>-->
+        </template>
+      </a-table>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, reactive, watch, nextTick, onMounted } from 'vue';
+import { lists } from '@/api/withdraw';
+import { Modal } from '@arco-design/web-vue';
+import { Message } from '@arco-design/web-vue';
+
+interface DataItem {
+  username: string;
+  password: string;
+  time: Date;
+  money: string;
+}
+let data = ref<DataItem[]>([])
+//弹窗控制
+const modal_visible=ref(false)
+//传递下去的用户id
+const show_group_id=ref(0)
+const show_group=(id:number)=>{
+  show_group_id.value=id
+  modal_visible.value=true
+}
+
+const showConfirm = (id: string) => {
+  Modal.confirm({
+    title: '操作提醒',
+    content: '是否同意该用户提现申请',
+    okText: '通过',
+    cancelText: '不通过',
+    onOk: () => handleBlock(id),
+    onCancel: () => Message.info('取消操作'),
+  });
+};
+
+
+
+const handleBlock = (id: string) => {
+//   getBlack(id).then(res => {
+//     console.log(res.status)
+//     if (res.status == 'success') {
+//       getAll();
+//       Message.success('拉黑成功')
+//     } else {
+//       Message.error('拉黑失败')
+//     }
+//   })
+};
+const queryParams = ref({
+  black: null,
+  username: null
+});
+const getAll = () => {
+  lists(queryParams.value).then(res => {
+    data.value = res.data;
+  })
+};
+onMounted(async () => {
+  getAll()
+})
+</script>
+
+
+<style lang="less" scoped>
+.container {
+  padding: 0 20px 20px 20px;
+}
+
+.left-side {
+  flex: 1;
+  overflow: auto;
+}
+
+.right-side {
+  width: 280px;
+  margin-left: 16px;
+}
+
+.panel {
+  background-color: var(--color-bg-2);
+  border-radius: 4px;
+  overflow: auto;
+}
+
+:deep(.panel-border) {
+  margin-bottom: 0;
+  border-bottom: 1px solid rgb(var(--gray-2));
+}
+
+.moduler-wrap {
+  border-radius: 4px;
+  background-color: var(--color-bg-2);
+
+  :deep(.text) {
+    font-size: 12px;
+    text-align: center;
+    color: rgb(var(--gray-8));
+  }
+
+  :deep(.wrapper) {
+    margin-bottom: 8px;
+    text-align: center;
+    cursor: pointer;
+
+    &:last-child {
+      .text {
+        margin-bottom: 0;
+      }
+    }
+
+    &:hover {
+      .icon {
+        color: rgb(var(--arcoblue-6));
+        background-color: #e8f3ff;
+      }
+
+      .text {
+        color: rgb(var(--arcoblue-6));
+      }
+    }
+  }
+
+  :deep(.icon) {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    margin-bottom: 4px;
+    color: rgb(var(--dark-gray-1));
+    line-height: 32px;
+    font-size: 16px;
+    text-align: center;
+    background-color: rgb(var(--gray-1));
+    border-radius: 4px;
+  }
+}
+</style>
+
+<style lang="less" scoped>
+// responsive
+.mobile {
+  .container {
+    display: block;
+  }
+
+  .right-side {
+    // display: none;
+    width: 100%;
+    margin-left: 0;
+    margin-top: 16px;
+  }
+}
+</style>
diff --git a/src/views/withdraw/locale/en-US.ts b/src/views/withdraw/locale/en-US.ts
new file mode 100644
index 0000000..543d824
--- /dev/null
+++ b/src/views/withdraw/locale/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+    'menu.profile.basic': 'User List',
+    'menu.withdraw.list': '提现记录',
+  };
+  
\ No newline at end of file
diff --git a/src/views/withdraw/locale/zh-CN.ts b/src/views/withdraw/locale/zh-CN.ts
new file mode 100644
index 0000000..543d824
--- /dev/null
+++ b/src/views/withdraw/locale/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+    'menu.profile.basic': 'User List',
+    'menu.withdraw.list': '提现记录',
+  };
+  
\ No newline at end of file