新增分销商模块(6个表)

src/api/shop/dealerApply/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerApply, DealerApplyParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商申请记录表
+ */
+export async function pageDealerApply(params: DealerApplyParam) {
+  const res = await request.get<ApiResult<PageResult<DealerApply>>>(
+    MODULES_API_URL + '/shop/dealer-apply/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商申请记录表列表
+ */
+export async function listDealerApply(params?: DealerApplyParam) {
+  const res = await request.get<ApiResult<DealerApply[]>>(
+    MODULES_API_URL + '/shop/dealer-apply',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商申请记录表
+ */
+export async function addDealerApply(data: DealerApply) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商申请记录表
+ */
+export async function updateDealerApply(data: DealerApply) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商申请记录表
+ */
+export async function removeDealerApply(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-apply/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商申请记录表
+ */
+export async function removeBatchDealerApply(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-apply/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商申请记录表
+ */
+export async function getDealerApply(id: number) {
+  const res = await request.get<ApiResult<DealerApply>>(
+    MODULES_API_URL + '/shop/dealer-apply/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerApply/model/index.ts

@@ -0,0 +1,41 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商申请记录表
+ */
+export interface DealerApply {
+  // 主键ID
+  applyId?: number;
+  // 用户ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  mobile?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 申请方式(10需后台审核 20无需审核)
+  applyType?: number;
+  // 申请时间
+  applyTime?: number;
+  // 审核状态 (10待审核 20审核通过 30驳回)
+  applyStatus?: number;
+  // 审核时间
+  auditTime?: number;
+  // 驳回原因
+  rejectReason?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商申请记录表搜索条件
+ */
+export interface DealerApplyParam extends PageParam {
+  applyId?: number;
+  keywords?: string;
+}

src/api/shop/dealerCapital/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerCapital, DealerCapitalParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商资金明细表
+ */
+export async function pageDealerCapital(params: DealerCapitalParam) {
+  const res = await request.get<ApiResult<PageResult<DealerCapital>>>(
+    MODULES_API_URL + '/shop/dealer-capital/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商资金明细表列表
+ */
+export async function listDealerCapital(params?: DealerCapitalParam) {
+  const res = await request.get<ApiResult<DealerCapital[]>>(
+    MODULES_API_URL + '/shop/dealer-capital',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商资金明细表
+ */
+export async function addDealerCapital(data: DealerCapital) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-capital',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商资金明细表
+ */
+export async function updateDealerCapital(data: DealerCapital) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-capital',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商资金明细表
+ */
+export async function removeDealerCapital(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-capital/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商资金明细表
+ */
+export async function removeBatchDealerCapital(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-capital/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商资金明细表
+ */
+export async function getDealerCapital(id: number) {
+  const res = await request.get<ApiResult<DealerCapital>>(
+    MODULES_API_URL + '/shop/dealer-capital/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerCapital/model/index.ts

@@ -0,0 +1,35 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商资金明细表
+ */
+export interface DealerCapital {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  userId?: number;
+  // 订单ID
+  orderId?: number;
+  // 资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)
+  flowType?: number;
+  // 金额
+  money?: string;
+  // 描述
+  describe?: string;
+  // 对方用户ID
+  toUserId?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商资金明细表搜索条件
+ */
+export interface DealerCapitalParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/dealerOrder/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerOrder, DealerOrderParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商订单记录表
+ */
+export async function pageDealerOrder(params: DealerOrderParam) {
+  const res = await request.get<ApiResult<PageResult<DealerOrder>>>(
+    MODULES_API_URL + '/shop/dealer-order/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商订单记录表列表
+ */
+export async function listDealerOrder(params?: DealerOrderParam) {
+  const res = await request.get<ApiResult<DealerOrder[]>>(
+    MODULES_API_URL + '/shop/dealer-order',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商订单记录表
+ */
+export async function addDealerOrder(data: DealerOrder) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商订单记录表
+ */
+export async function updateDealerOrder(data: DealerOrder) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商订单记录表
+ */
+export async function removeDealerOrder(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-order/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商订单记录表
+ */
+export async function removeBatchDealerOrder(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-order/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商订单记录表
+ */
+export async function getDealerOrder(id: number) {
+  const res = await request.get<ApiResult<DealerOrder>>(
+    MODULES_API_URL + '/shop/dealer-order/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerOrder/model/index.ts

@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商订单记录表
+ */
+export interface DealerOrder {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单ID
+  orderId?: number;
+  // 订单总金额(不含运费)
+  orderPrice?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商订单记录表搜索条件
+ */
+export interface DealerOrderParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/dealerReferee/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerReferee, DealerRefereeParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商推荐关系表
+ */
+export async function pageDealerReferee(params: DealerRefereeParam) {
+  const res = await request.get<ApiResult<PageResult<DealerReferee>>>(
+    MODULES_API_URL + '/shop/dealer-referee/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商推荐关系表列表
+ */
+export async function listDealerReferee(params?: DealerRefereeParam) {
+  const res = await request.get<ApiResult<DealerReferee[]>>(
+    MODULES_API_URL + '/shop/dealer-referee',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商推荐关系表
+ */
+export async function addDealerReferee(data: DealerReferee) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-referee',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商推荐关系表
+ */
+export async function updateDealerReferee(data: DealerReferee) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-referee',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商推荐关系表
+ */
+export async function removeDealerReferee(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-referee/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商推荐关系表
+ */
+export async function removeBatchDealerReferee(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-referee/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商推荐关系表
+ */
+export async function getDealerReferee(id: number) {
+  const res = await request.get<ApiResult<DealerReferee>>(
+    MODULES_API_URL + '/shop/dealer-referee/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerReferee/model/index.ts

@@ -0,0 +1,29 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商推荐关系表
+ */
+export interface DealerReferee {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  dealerId?: number;
+  // 用户id(被推荐人)
+  userId?: number;
+  // 推荐关系层级(1,2,3)
+  level?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商推荐关系表搜索条件
+ */
+export interface DealerRefereeParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/dealerSetting/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerSetting, DealerSettingParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商设置表
+ */
+export async function pageDealerSetting(params: DealerSettingParam) {
+  const res = await request.get<ApiResult<PageResult<DealerSetting>>>(
+    MODULES_API_URL + '/shop/dealer-setting/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商设置表列表
+ */
+export async function listDealerSetting(params?: DealerSettingParam) {
+  const res = await request.get<ApiResult<DealerSetting[]>>(
+    MODULES_API_URL + '/shop/dealer-setting',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商设置表
+ */
+export async function addDealerSetting(data: DealerSetting) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-setting',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商设置表
+ */
+export async function updateDealerSetting(data: DealerSetting) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-setting',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商设置表
+ */
+export async function removeDealerSetting(id?: string) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-setting/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商设置表
+ */
+export async function removeBatchDealerSetting(data: (string | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-setting/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商设置表
+ */
+export async function getDealerSetting(id: string) {
+  const res = await request.get<ApiResult<DealerSetting>>(
+    MODULES_API_URL + '/shop/dealer-setting/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerSetting/model/index.ts

@@ -0,0 +1,25 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商设置表
+ */
+export interface DealerSetting {
+  // 设置项标示
+  key?: string;
+  // 设置项描述
+  describe?: string;
+  // 设置内容(json格式)
+  values?: string;
+  // 商城ID
+  tenantId?: number;
+  // 更新时间
+  updateTime?: number;
+}
+
+/**
+ * 分销商设置表搜索条件
+ */
+export interface DealerSettingParam extends PageParam {
+  key?: number;
+  keywords?: string;
+}

src/api/shop/dealerUser/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerUser, DealerUserParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商用户记录表
+ */
+export async function pageDealerUser(params: DealerUserParam) {
+  const res = await request.get<ApiResult<PageResult<DealerUser>>>(
+    MODULES_API_URL + '/shop/dealer-user/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商用户记录表列表
+ */
+export async function listDealerUser(params?: DealerUserParam) {
+  const res = await request.get<ApiResult<DealerUser[]>>(
+    MODULES_API_URL + '/shop/dealer-user',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商用户记录表
+ */
+export async function addDealerUser(data: DealerUser) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商用户记录表
+ */
+export async function updateDealerUser(data: DealerUser) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商用户记录表
+ */
+export async function removeDealerUser(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-user/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商用户记录表
+ */
+export async function removeBatchDealerUser(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-user/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商用户记录表
+ */
+export async function getDealerUser(id: number) {
+  const res = await request.get<ApiResult<DealerUser>>(
+    MODULES_API_URL + '/shop/dealer-user/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerUser/model/index.ts

@@ -0,0 +1,45 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商用户记录表
+ */
+export interface DealerUser {
+  // 分销商用户ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  mobile?: string;
+  // 支付密码
+  payPassword?: string;
+  // 当前可提现佣金
+  money?: string;
+  // 已冻结佣金
+  freezeMoney?: string;
+  // 累积提现佣金
+  totalMoney?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 成员数量(一级)
+  firstNum?: number;
+  // 成员数量(二级)
+  secondNum?: number;
+  // 成员数量(三级)
+  thirdNum?: number;
+  // 是否删除
+  isDelete?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商用户记录表搜索条件
+ */
+export interface DealerUserParam extends PageParam {
+  userId?: number;
+  keywords?: string;
+}

src/api/shop/dealerWithdraw/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DealerWithdraw, DealerWithdrawParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商提现明细表
+ */
+export async function pageDealerWithdraw(params: DealerWithdrawParam) {
+  const res = await request.get<ApiResult<PageResult<DealerWithdraw>>>(
+    MODULES_API_URL + '/shop/dealer-withdraw/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商提现明细表列表
+ */
+export async function listDealerWithdraw(params?: DealerWithdrawParam) {
+  const res = await request.get<ApiResult<DealerWithdraw[]>>(
+    MODULES_API_URL + '/shop/dealer-withdraw',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商提现明细表
+ */
+export async function addDealerWithdraw(data: DealerWithdraw) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-withdraw',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商提现明细表
+ */
+export async function updateDealerWithdraw(data: DealerWithdraw) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-withdraw',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商提现明细表
+ */
+export async function removeDealerWithdraw(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-withdraw/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商提现明细表
+ */
+export async function removeBatchDealerWithdraw(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/dealer-withdraw/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商提现明细表
+ */
+export async function getDealerWithdraw(id: number) {
+  const res = await request.get<ApiResult<DealerWithdraw>>(
+    MODULES_API_URL + '/shop/dealer-withdraw/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/dealerWithdraw/model/index.ts

@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商提现明细表
+ */
+export interface DealerWithdraw {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  userId?: number;
+  // 提现金额
+  money?: string;
+  // 打款方式 (10微信 20支付宝 30银行卡)
+  payType?: number;
+  // 支付宝姓名
+  alipayName?: string;
+  // 支付宝账号
+  alipayAccount?: string;
+  // 开户行名称
+  bankName?: string;
+  // 银行开户名
+  bankAccount?: string;
+  // 银行卡号
+  bankCard?: string;
+  // 申请状态 (10待审核 20审核通过 30驳回 40已打款)
+  applyStatus?: number;
+  // 审核时间
+  auditTime?: number;
+  // 驳回原因
+  rejectReason?: string;
+  // 来源客户端(APP、H5、小程序等)
+  platform?: string;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商提现明细表搜索条件
+ */
+export interface DealerWithdrawParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/views/shop/dealerApply/components/dealerApplyEdit.vue

@@ -0,0 +1,242 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商申请记录表' : '添加分销商申请记录表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号" name="mobile">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号"
+          v-model:value="form.mobile"
+        />
+      </a-form-item>
+      <a-form-item label="推荐人用户ID" name="refereeId">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐人用户ID"
+          v-model:value="form.refereeId"
+        />
+      </a-form-item>
+      <a-form-item label="申请方式(10需后台审核 20无需审核)" name="applyType">
+        <a-input
+          allow-clear
+          placeholder="请输入申请方式(10需后台审核 20无需审核)"
+          v-model:value="form.applyType"
+        />
+      </a-form-item>
+      <a-form-item label="申请时间" name="applyTime">
+        <a-input
+          allow-clear
+          placeholder="请输入申请时间"
+          v-model:value="form.applyTime"
+        />
+      </a-form-item>
+      <a-form-item label="审核状态 (10待审核 20审核通过 30驳回)" name="applyStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入审核状态 (10待审核 20审核通过 30驳回)"
+          v-model:value="form.applyStatus"
+        />
+      </a-form-item>
+      <a-form-item label="审核时间" name="auditTime">
+        <a-input
+          allow-clear
+          placeholder="请输入审核时间"
+          v-model:value="form.auditTime"
+        />
+      </a-form-item>
+      <a-form-item label="驳回原因" name="rejectReason">
+        <a-input
+          allow-clear
+          placeholder="请输入驳回原因"
+          v-model:value="form.rejectReason"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerApply, updateDealerApply } from '@/api/shop/dealerApply';
+  import { DealerApply } from '@/api/shop/dealerApply/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerApply>({
+    applyId: undefined,
+    userId: undefined,
+    realName: undefined,
+    mobile: undefined,
+    refereeId: undefined,
+    applyType: undefined,
+    applyTime: undefined,
+    applyStatus: undefined,
+    auditTime: undefined,
+    rejectReason: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerApplyId: undefined,
+    dealerApplyName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerApplyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商申请记录表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerApply : addDealerApply;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerApply/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerApply/index.vue

@@ -0,0 +1,275 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="applyId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerApplyEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerApplyEdit from './components/dealerApplyEdit.vue';
+  import { pageDealerApply, removeDealerApply, removeBatchDealerApply } from '@/api/shop/dealerApply';
+  import type { DealerApply, DealerApplyParam } from '@/api/shop/dealerApply/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerApply[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerApply | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerApply({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'applyId',
+      key: 'applyId',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'mobile',
+      key: 'mobile',
+      align: 'center',
+    },
+    {
+      title: '推荐人用户ID',
+      dataIndex: 'refereeId',
+      key: 'refereeId',
+      align: 'center',
+    },
+    {
+      title: '申请方式(10需后台审核 20无需审核)',
+      dataIndex: 'applyType',
+      key: 'applyType',
+      align: 'center',
+    },
+    {
+      title: '申请时间',
+      dataIndex: 'applyTime',
+      key: 'applyTime',
+      align: 'center',
+    },
+    {
+      title: '审核状态 (10待审核 20审核通过 30驳回)',
+      dataIndex: 'applyStatus',
+      key: 'applyStatus',
+      align: 'center',
+    },
+    {
+      title: '审核时间',
+      dataIndex: 'auditTime',
+      key: 'auditTime',
+      align: 'center',
+    },
+    {
+      title: '驳回原因',
+      dataIndex: 'rejectReason',
+      key: 'rejectReason',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerApplyParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerApply) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerApply) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerApply(row.applyId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerApply(selection.value.map((d) => d.applyId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerApply) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerApply'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerCapital/components/dealerCapitalEdit.vue

@@ -0,0 +1,218 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商资金明细表' : '添加分销商资金明细表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分销商用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单ID" name="orderId">
+        <a-input
+          allow-clear
+          placeholder="请输入订单ID"
+          v-model:value="form.orderId"
+        />
+      </a-form-item>
+      <a-form-item label="资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)" name="flowType">
+        <a-input
+          allow-clear
+          placeholder="请输入资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)"
+          v-model:value="form.flowType"
+        />
+      </a-form-item>
+      <a-form-item label="金额" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入金额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="描述" name="describe">
+        <a-input
+          allow-clear
+          placeholder="请输入描述"
+          v-model:value="form.describe"
+        />
+      </a-form-item>
+      <a-form-item label="对方用户ID" name="toUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入对方用户ID"
+          v-model:value="form.toUserId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerCapital, updateDealerCapital } from '@/api/shop/dealerCapital';
+  import { DealerCapital } from '@/api/shop/dealerCapital/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerCapital | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerCapital>({
+    id: undefined,
+    userId: undefined,
+    orderId: undefined,
+    flowType: undefined,
+    money: undefined,
+    describe: undefined,
+    toUserId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerCapitalId: undefined,
+    dealerCapitalName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerCapitalName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商资金明细表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerCapital : addDealerCapital;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerCapital/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerCapital/index.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'flowType'">
+              <a-tag v-if="record.flowType === 10">佣金收入</a-tag>
+              <a-tag v-if="record.flowType === 20">提现支出</a-tag>
+              <a-tag v-if="record.flowType === 30">转账支出</a-tag>
+              <a-tag v-if="record.flowType === 40">提现收入</a-tag>
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerCapitalEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerCapitalEdit from './components/dealerCapitalEdit.vue';
+  import {
+    pageDealerCapital,
+    removeDealerCapital,
+    removeBatchDealerCapital
+  } from '@/api/shop/dealerCapital';
+  import type {
+    DealerCapital,
+    DealerCapitalParam
+  } from '@/api/shop/dealerCapital/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerCapital[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerCapital | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerCapital({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 90
+    },
+    {
+      title: '订单号',
+      dataIndex: 'orderId',
+      key: 'orderId',
+      align: 'center'
+    },
+    {
+      title: '资金流动类型',
+      dataIndex: 'flowType',
+      key: 'flowType',
+      align: 'center'
+    },
+    {
+      title: '金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center'
+    },
+    {
+      title: '描述',
+      dataIndex: 'describe',
+      key: 'describe',
+      align: 'center'
+    },
+    {
+      title: '对方用户ID',
+      dataIndex: 'toUserId',
+      key: 'toUserId',
+      align: 'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerCapitalParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerCapital) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerCapital) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerCapital(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerCapital(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerCapital) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerCapital'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerOrder/components/dealerOrderEdit.vue

@@ -0,0 +1,266 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商订单记录表' : '添加分销商订单记录表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单ID" name="orderId">
+        <a-input
+          allow-clear
+          placeholder="请输入订单ID"
+          v-model:value="form.orderId"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额(不含运费)" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额(不含运费)"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerOrder, updateDealerOrder } from '@/api/shop/dealerOrder';
+  import { DealerOrder } from '@/api/shop/dealerOrder/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerOrder | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerOrder>({
+    id: undefined,
+    userId: undefined,
+    orderId: undefined,
+    orderPrice: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerOrderId: undefined,
+    dealerOrderName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerOrderName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商订单记录表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerOrder : addDealerOrder;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerOrder/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerOrder/index.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="dealerOrderId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerOrderEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerOrderEdit from './components/dealerOrderEdit.vue';
+  import {
+    pageDealerOrder,
+    removeDealerOrder,
+    removeBatchDealerOrder
+  } from '@/api/shop/dealerOrder';
+  import type {
+    DealerOrder,
+    DealerOrderParam
+  } from '@/api/shop/dealerOrder/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerOrder[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerOrder | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerOrder({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '买家ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '订单号',
+      dataIndex: 'orderId',
+      key: 'orderId',
+      align: 'center'
+    },
+    {
+      title: '订单总金额(不含运费)',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      align: 'center'
+    },
+    {
+      title: '分销佣金(一)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      align: 'center'
+    },
+    {
+      title: '分销佣金(二)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      align: 'center'
+    },
+    {
+      title: '分销佣金(三)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      align: 'center'
+    },
+    {
+      title: '订单是否失效',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      align: 'center'
+    },
+    {
+      title: '佣金结算',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      align: 'center'
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      align: 'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    // {
+    //   title: '操作',
+    //   key: 'action',
+    //   width: 180,
+    //   fixed: 'right',
+    //   align: 'center',
+    //   hideInSetting: true
+    // }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerOrderParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerOrder) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerOrder) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerOrder(row.dealerOrderId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerOrder(selection.value.map((d) => d.dealerOrderId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerOrder) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerOrder'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerReferee/components/dealerRefereeEdit.vue

@@ -0,0 +1,194 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商推荐关系表' : '添加分销商推荐关系表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分销商用户ID" name="dealerId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户ID"
+          v-model:value="form.dealerId"
+        />
+      </a-form-item>
+      <a-form-item label="用户id(被推荐人)" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户id(被推荐人)"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="推荐关系层级(1,2,3)" name="level">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐关系层级(1,2,3)"
+          v-model:value="form.level"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerReferee, updateDealerReferee } from '@/api/shop/dealerReferee';
+  import { DealerReferee } from '@/api/shop/dealerReferee/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerReferee | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerReferee>({
+    id: undefined,
+    dealerId: undefined,
+    userId: undefined,
+    level: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerRefereeId: undefined,
+    dealerRefereeName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerRefereeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商推荐关系表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerReferee : addDealerReferee;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerReferee/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerReferee/index.vue

@@ -0,0 +1,250 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerRefereeEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerRefereeEdit from './components/dealerRefereeEdit.vue';
+  import {
+    pageDealerReferee,
+    removeDealerReferee,
+    removeBatchDealerReferee
+  } from '@/api/shop/dealerReferee';
+  import type {
+    DealerReferee,
+    DealerRefereeParam
+  } from '@/api/shop/dealerReferee/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerReferee[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerReferee | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerReferee({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '分销商用户ID',
+      dataIndex: 'dealerId',
+      key: 'dealerId',
+      align: 'center'
+    },
+    {
+      title: '用户id(被推荐人)',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center'
+    },
+    {
+      title: '推荐关系层级(1,2,3)',
+      dataIndex: 'level',
+      key: 'level',
+      align: 'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center'
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerRefereeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerReferee) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerReferee) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerReferee(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerReferee(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerReferee) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerReferee'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerSetting/components/dealerSettingEdit.vue

@@ -0,0 +1,185 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商设置表' : '添加分销商设置表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="设置项描述" name="describe">
+        <a-input
+          allow-clear
+          placeholder="请输入设置项描述"
+          v-model:value="form.describe"
+        />
+      </a-form-item>
+      <a-form-item label="设置内容(json格式)" name="values">
+        <a-input
+          allow-clear
+          placeholder="请输入设置内容(json格式)"
+          v-model:value="form.values"
+        />
+      </a-form-item>
+      <a-form-item label="更新时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入更新时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerSetting, updateDealerSetting } from '@/api/shop/dealerSetting';
+  import { DealerSetting } from '@/api/shop/dealerSetting/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerSetting | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerSetting>({
+    key: undefined,
+    describe: undefined,
+    values: undefined,
+    tenantId: undefined,
+    updateTime: undefined,
+    dealerSettingId: undefined,
+    dealerSettingName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerSettingName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商设置表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerSetting : addDealerSetting;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerSetting/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerSetting/index.vue

@@ -0,0 +1,235 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="key"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerSettingEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerSettingEdit from './components/dealerSettingEdit.vue';
+  import {
+    pageDealerSetting,
+    removeDealerSetting,
+    removeBatchDealerSetting
+  } from '@/api/shop/dealerSetting';
+  import type {
+    DealerSetting,
+    DealerSettingParam
+  } from '@/api/shop/dealerSetting/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerSetting[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerSetting | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerSetting({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '设置项标示',
+      dataIndex: 'key',
+      key: 'key',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '设置项描述',
+      dataIndex: 'describe',
+      key: 'describe',
+      align: 'center'
+    },
+    {
+      title: '设置内容(json格式)',
+      dataIndex: 'values',
+      key: 'values',
+      align: 'center'
+    },
+    {
+      title: '更新时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center'
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerSettingParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerSetting) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerSetting) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerSetting(row.key)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerSetting(selection.value.map((d) => d.key))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerSetting) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerSetting'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerUser/components/dealerUserEdit.vue

@@ -0,0 +1,258 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商用户记录表' : '添加分销商用户记录表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号" name="mobile">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号"
+          v-model:value="form.mobile"
+        />
+      </a-form-item>
+      <a-form-item label="支付密码" name="payPassword">
+        <a-input
+          allow-clear
+          placeholder="请输入支付密码"
+          v-model:value="form.payPassword"
+        />
+      </a-form-item>
+      <a-form-item label="当前可提现佣金" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入当前可提现佣金"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="已冻结佣金" name="freezeMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入已冻结佣金"
+          v-model:value="form.freezeMoney"
+        />
+      </a-form-item>
+      <a-form-item label="累积提现佣金" name="totalMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入累积提现佣金"
+          v-model:value="form.totalMoney"
+        />
+      </a-form-item>
+      <a-form-item label="推荐人用户ID" name="refereeId">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐人用户ID"
+          v-model:value="form.refereeId"
+        />
+      </a-form-item>
+      <a-form-item label="成员数量(一级)" name="firstNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(一级)"
+          v-model:value="form.firstNum"
+        />
+      </a-form-item>
+      <a-form-item label="成员数量(二级)" name="secondNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(二级)"
+          v-model:value="form.secondNum"
+        />
+      </a-form-item>
+      <a-form-item label="成员数量(三级)" name="thirdNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(三级)"
+          v-model:value="form.thirdNum"
+        />
+      </a-form-item>
+      <a-form-item label="是否删除" name="isDelete">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除"
+          v-model:value="form.isDelete"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerUser, updateDealerUser } from '@/api/shop/dealerUser';
+  import { DealerUser } from '@/api/shop/dealerUser/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerUser | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerUser>({
+    userId: undefined,
+    realName: undefined,
+    mobile: undefined,
+    payPassword: undefined,
+    money: undefined,
+    freezeMoney: undefined,
+    totalMoney: undefined,
+    refereeId: undefined,
+    firstNum: undefined,
+    secondNum: undefined,
+    thirdNum: undefined,
+    isDelete: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerUserId: undefined,
+    dealerUserName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerUserName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商用户记录表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerUser : addDealerUser;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerUser/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerUser/index.vue

@@ -0,0 +1,271 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="dealerUserId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openUrl(`/dealer/user/${record.userId}`)"
+                  >查看下级</a
+                >
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerUserEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, watch } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerUserEdit from './components/dealerUserEdit.vue';
+  import {
+    pageDealerUser,
+    removeDealerUser,
+    removeBatchDealerUser
+  } from '@/api/shop/dealerUser';
+  import type {
+    DealerUser,
+    DealerUserParam
+  } from '@/api/shop/dealerUser/model';
+  import { openUrl } from '@/utils/common';
+  import router from '@/router';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerUser[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerUser | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 经销商ID
+  const dealerId = ref();
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    if (dealerId.value > 0) {
+      where.refereeId = dealerId.value;
+    }
+    return pageDealerUser({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center'
+    },
+    {
+      title: '手机号',
+      dataIndex: 'mobile',
+      key: 'mobile',
+      align: 'center'
+    },
+    {
+      title: '当前可提现佣金',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center'
+    },
+    {
+      title: '已冻结佣金',
+      dataIndex: 'freezeMoney',
+      key: 'freezeMoney',
+      align: 'center'
+    },
+    {
+      title: '累积提现佣金',
+      dataIndex: 'totalMoney',
+      key: 'totalMoney',
+      align: 'center'
+    },
+    {
+      title: '推荐人',
+      dataIndex: 'refereeId',
+      key: 'refereeId',
+      align: 'center'
+    },
+    {
+      title: '成为时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerUserParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerUser) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerUser) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerUser(row.userId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerUser(selection.value.map((d) => d.userId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerUser) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+
+  watch(
+    () => router.currentRoute.value.params.id,
+    (id) => {
+      if (id) {
+        if (id == ':id') {
+          dealerId.value = 0;
+        } else {
+          dealerId.value = Number(id);
+        }
+      }
+      reload();
+    },
+    { immediate: true }
+  );
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerUser'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/dealerWithdraw/components/dealerWithdrawEdit.vue

@@ -0,0 +1,266 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商提现明细表' : '添加分销商提现明细表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分销商用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="提现金额" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入提现金额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="打款方式 (10微信 20支付宝 30银行卡)" name="payType">
+        <a-input
+          allow-clear
+          placeholder="请输入打款方式 (10微信 20支付宝 30银行卡)"
+          v-model:value="form.payType"
+        />
+      </a-form-item>
+      <a-form-item label="支付宝姓名" name="alipayName">
+        <a-input
+          allow-clear
+          placeholder="请输入支付宝姓名"
+          v-model:value="form.alipayName"
+        />
+      </a-form-item>
+      <a-form-item label="支付宝账号" name="alipayAccount">
+        <a-input
+          allow-clear
+          placeholder="请输入支付宝账号"
+          v-model:value="form.alipayAccount"
+        />
+      </a-form-item>
+      <a-form-item label="开户行名称" name="bankName">
+        <a-input
+          allow-clear
+          placeholder="请输入开户行名称"
+          v-model:value="form.bankName"
+        />
+      </a-form-item>
+      <a-form-item label="银行开户名" name="bankAccount">
+        <a-input
+          allow-clear
+          placeholder="请输入银行开户名"
+          v-model:value="form.bankAccount"
+        />
+      </a-form-item>
+      <a-form-item label="银行卡号" name="bankCard">
+        <a-input
+          allow-clear
+          placeholder="请输入银行卡号"
+          v-model:value="form.bankCard"
+        />
+      </a-form-item>
+      <a-form-item label="申请状态 (10待审核 20审核通过 30驳回 40已打款)" name="applyStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入申请状态 (10待审核 20审核通过 30驳回 40已打款)"
+          v-model:value="form.applyStatus"
+        />
+      </a-form-item>
+      <a-form-item label="审核时间" name="auditTime">
+        <a-input
+          allow-clear
+          placeholder="请输入审核时间"
+          v-model:value="form.auditTime"
+        />
+      </a-form-item>
+      <a-form-item label="驳回原因" name="rejectReason">
+        <a-input
+          allow-clear
+          placeholder="请输入驳回原因"
+          v-model:value="form.rejectReason"
+        />
+      </a-form-item>
+      <a-form-item label="来源客户端(APP、H5、小程序等)" name="platform">
+        <a-input
+          allow-clear
+          placeholder="请输入来源客户端(APP、H5、小程序等)"
+          v-model:value="form.platform"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDealerWithdraw, updateDealerWithdraw } from '@/api/shop/dealerWithdraw';
+  import { DealerWithdraw } from '@/api/shop/dealerWithdraw/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DealerWithdraw | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DealerWithdraw>({
+    id: undefined,
+    userId: undefined,
+    money: undefined,
+    payType: undefined,
+    alipayName: undefined,
+    alipayAccount: undefined,
+    bankName: undefined,
+    bankAccount: undefined,
+    bankCard: undefined,
+    applyStatus: undefined,
+    auditTime: undefined,
+    rejectReason: undefined,
+    platform: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dealerWithdrawId: undefined,
+    dealerWithdrawName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerWithdrawName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商提现明细表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDealerWithdraw : addDealerWithdraw;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>

src/views/shop/dealerWithdraw/components/search.vue

@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/shop/dealerWithdraw/index.vue

@@ -0,0 +1,286 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DealerWithdrawEdit
+        v-model:visible="showEdit"
+        :data="current"
+        @done="reload"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DealerWithdrawEdit from './components/dealerWithdrawEdit.vue';
+  import {
+    pageDealerWithdraw,
+    removeDealerWithdraw,
+    removeBatchDealerWithdraw
+  } from '@/api/shop/dealerWithdraw';
+  import type {
+    DealerWithdraw,
+    DealerWithdrawParam
+  } from '@/api/shop/dealerWithdraw/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DealerWithdraw[]>([]);
+  // 当前编辑数据
+  const current = ref<DealerWithdraw | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDealerWithdraw({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '提现金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center'
+    },
+    {
+      title: '打款方式',
+      dataIndex: 'payType',
+      key: 'payType',
+      align: 'center'
+    },
+    {
+      title: '支付宝姓名',
+      dataIndex: 'alipayName',
+      key: 'alipayName',
+      align: 'center'
+    },
+    {
+      title: '支付宝账号',
+      dataIndex: 'alipayAccount',
+      key: 'alipayAccount',
+      align: 'center'
+    },
+    {
+      title: '开户行名称',
+      dataIndex: 'bankName',
+      key: 'bankName',
+      align: 'center'
+    },
+    {
+      title: '银行开户名',
+      dataIndex: 'bankAccount',
+      key: 'bankAccount',
+      align: 'center'
+    },
+    {
+      title: '银行卡号',
+      dataIndex: 'bankCard',
+      key: 'bankCard',
+      align: 'center'
+    },
+    {
+      title: '申请状态',
+      dataIndex: 'applyStatus',
+      key: 'applyStatus',
+      align: 'center'
+    },
+    {
+      title: '审核时间',
+      dataIndex: 'auditTime',
+      key: 'auditTime',
+      align: 'center'
+    },
+    {
+      title: '驳回原因',
+      dataIndex: 'rejectReason',
+      key: 'rejectReason',
+      align: 'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DealerWithdrawParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DealerWithdraw) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DealerWithdraw) => {
+    const hide = message.loading('请求中..', 0);
+    removeDealerWithdraw(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDealerWithdraw(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DealerWithdraw) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DealerWithdraw'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/merchantAccount/index.vue

@@ -106,7 +106,6 @@
     if (merchantId.value > 0) {
       where.merchantId = merchantId.value;
     }
-    console.log('>>>>>>>>', merchantId.value);
     return pageMerchantAccount({
       ...where,
       ...orders,

src/views/shop/merchantType/components/merchantTypeEdit.vue

@@ -5,7 +5,7 @@
     :visible="visible"
     :maskClosable="false"
     :maxable="maxable"
-    :title="isUpdate ? '编辑商户类型' : '添加商户类型'"
+    :title="isUpdate ? '编辑店铺类型' : '添加店铺类型'"
     :body-style="{ paddingBottom: '28px' }"
     @update:visible="updateVisible"
     @ok="save"
@@ -120,7 +120,7 @@
       {
         required: true,
         type: 'string',
-        message: '请填写商户类型名称',
+        message: '请填写店铺类型名称',
         trigger: 'blur'
       }
     ]